feat: add help page

lc-soft · lc-soft · commit 0dc69a49575f · 2020-01-03T22:55:01.000+08:00
diff --git a/app/assets/views/help.xml b/app/assets/views/help.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<lcui-app>
+  <ui>
+    <w class="container">
+      <text class="v-help__title">About this app</text>
+      <about />
+    </w>
+  </ui>
+</lcui-app>
diff --git a/app/assets/views/home.xml b/app/assets/views/home.xml
@@ -6,6 +6,10 @@
         <icon class="v-home__card-icon text-pink" name="emoticon-cool-outline" />
         <text class="v-home__card-title">Welcome!</text>
       </router-link>
+      <router-link class="v-home__card" to="/help">
+        <icon class="v-home__card-icon text-blue" name="help-box" />
+        <text class="v-home__card-title">About</text>
+      </router-link>
     </w>
   </ui>
 </lcui-app>
diff --git a/config/router.js b/config/router.js
@@ -10,9 +10,9 @@ module.exports = [
     component: 'welcome'
   },
   {
-    name: 'about',
-    path: '/about',
-    component: 'about'
+    name: 'help',
+    path: '/help',
+    component: 'help'
   },
   {
     path: '*',
diff --git a/include/version.h.in b/include/version.h.in
@@ -1,4 +1,4 @@
-#define APP_NAME L"{{name}}"
+#define APP_NAME L"LCUI Router App"
 #define APP_VERSION "{{version}}"
 #define APP_BUILD_TIME "{{build_time}}"
 #define APP_DESCRIPTION L"{{description}}"
diff --git a/src/lib/router.c b/src/lib/router.c
@@ -20,9 +20,9 @@ static void router_add_default_config(router_t *router)
 	router_config_destroy(config);
 
 	config = router_config_create();
-	router_config_set_name(config, "about");
-	router_config_set_path(config, "/about");
-	router_config_set_component(config, NULL, "about");
+	router_config_set_name(config, "help");
+	router_config_set_path(config, "/help");
+	router_config_set_component(config, NULL, "help");
 	router_add_route_record(router, config, NULL);
 	router_config_destroy(config);
 
diff --git a/src/ui/stylesheets/_variables.scss b/src/ui/stylesheets/_variables.scss
@@ -97,5 +97,5 @@ $home-card-width: 112px;
 $home-card-spacing: 16px;
 $home-card-bg-hover: $gray-100;
 $home-card-icon-size: 48px;
-$home-card-icon-bg: $gray-300;
+$home-card-icon-bg: $gray-200;
 $home-card-title-line-height: 24px;
diff --git a/src/ui/stylesheets/_views.scss b/src/ui/stylesheets/_views.scss
@@ -2,3 +2,4 @@
 @import "views/browser";
 @import "views/welcome";
 @import "views/home";
+@import "views/help";
diff --git a/src/ui/stylesheets/app.scss b/src/ui/stylesheets/app.scss
@@ -6,6 +6,10 @@
   color: $pink;
 }
 
+.text-blue {
+  color: $blue;
+}
+
 textview, a {
   color: $primary-text-color;
 }
diff --git a/src/ui/stylesheets/views/_help.scss b/src/ui/stylesheets/views/_help.scss
@@ -0,0 +1,12 @@
+.v-help {
+  background-color: #f8f9fa;
+
+  .v-help__title {
+    margin-top: 24px;
+    margin-bottom: 16px;
+  }
+
+  .container {
+    max-width: 680px;
+  }
+}
diff --git a/src/ui/views.c b/src/ui/views.c
@@ -5,9 +5,11 @@
 #include "views/browser.h"
 #include "views/welcome.h"
 #include "views/home.h"
+#include "views/help.h"
 
 void UI_InitViews(void)
 {
+	UI_InitHelpView();
 	UI_InitHomeView();
 	UI_InitWelcomeView();
 	UI_InitBrowserView();
diff --git a/src/ui/views/help.c b/src/ui/views/help.c
@@ -0,0 +1,37 @@
+#include <LCUI.h>
+#include <LCUI/gui/widget.h>
+#include <LCUI/gui/builder.h>
+#include <LCUI/timer.h>
+#include "home.h"
+
+static LCUI_WidgetPrototype help_proto;
+
+static void HelpView_OnTimer(void *arg)
+{
+	LCUI_WidgetEventRec e;
+
+	LCUI_InitWidgetEvent(&e, "PageLoaded");
+	e.cancel_bubble = FALSE;
+	Widget_TriggerEvent(arg, &e, NULL);
+}
+
+static void HelpView_OnInit(LCUI_Widget w)
+{
+	LCUI_Widget wrapper;
+
+	wrapper = LCUIBuilder_LoadFile("assets/views/help.xml");
+	if (wrapper) {
+		Widget_Append(w, wrapper);
+		Widget_Unwrap(wrapper);
+	}
+	Widget_AddData(w, help_proto, 0);
+	Widget_AddClass(w, "v-help");
+	Widget_SetTitleW(w, L"About");
+	LCUI_SetTimeout(0, HelpView_OnTimer, w);
+}
+
+void UI_InitHelpView(void)
+{
+	help_proto = LCUIWidget_NewPrototype("help", NULL);
+	help_proto->init = HelpView_OnInit;
+}
diff --git a/src/ui/views/help.h b/src/ui/views/help.h
@@ -0,0 +1 @@
+extern void UI_InitHelpView(void);

Original file line number	Diff line number	Diff line change
`@@ -10,9 +10,9 @@ module.exports = [`
`10`	`10`	`component: 'welcome'`
`11`	`11`	`},`
`12`	`12`	`{`
`13`		`- name: 'about',`
`14`		`- path: '/about',`
`15`		`- component: 'about'`
	`13`	`+ name: 'help',`
	`14`	`+ path: '/help',`
	`15`	`+ component: 'help'`
`16`	`16`	`},`
`17`	`17`	`{`
`18`	`18`	`path: '*',`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-#define APP_NAME L"{{name}}"`
	`1`	`+#define APP_NAME L"LCUI Router App"`
`2`	`2`	`#define APP_VERSION "{{version}}"`
`3`	`3`	`#define APP_BUILD_TIME "{{build_time}}"`
`4`	`4`	`#define APP_DESCRIPTION L"{{description}}"`
Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,10 @@`
`6`	`6`	`color: $pink;`
`7`	`7`	`}`
`8`	`8`
	`9`	`+.text-blue {`
	`10`	`+ color: $blue;`
	`11`	`+}`
	`12`	`+`
`9`	`13`	`textview, a {`
`10`	`14`	`color: $primary-text-color;`
`11`	`15`	`}`