20200401_jeffrey - silenceuncrio/diary GitHub Wiki

0900

M350-C - task - [0%] WiFi 5GHz web page

commit 5955bb9f3682ea7285b1cd808381e89d5f6e7f1a
Refs: [release/v0.03], {origin/release/v0.03}
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 09:40:44 2020 +0800

    add menu group 'WiFi (5 GHz)' with compile flag 'PROSRC_WIFI_APSTA_5G'
    - only one entry 'WiFi Config'
    - also the online manual

 proscend/prosrc/webcgi/Makefile                    |   4 +
 proscend/prosrc/webcgi/wifi_apsta_5g.c             | 477 +++++++++++++++++++++
 proscend/prosrc/www/app/feature/wifi_apsta_5g.html | 359 ++++++++++++++++
 proscend/prosrc/www/app/feature/wifi_apsta_5g.js   |  87 ++++
 proscend/prosrc/www/app/locale-en.json             |  11 +
 proscend/prosrc/www/app/locale-fr.json             |  12 +-
 proscend/prosrc/www/app/locale-zh-tw.json          |  10 +
 proscend/prosrc/www/app/services/icos.service.js   |  20 +
 proscend/prosrc/www/src/index.html.src             |   1 +
 proscend/prosrc/www/src/manual.html.src            |   6 +
 proscend/prosrc/www/src/manual/sidebar.h.html      |  12 +
 .../prosrc/www/src/manual/wifi_config_5g.h.html    |  78 ++++
 proscend/prosrc/www/src/menu.html.src              |  19 +
 13 files changed, 1095 insertions(+), 1 deletion(-)

1020

M350-C - bug - [0%] 修改 menu.html.src 透過 web upgrade 後會 cache 舊的 menu

  • ng-include="'menu.html?v={{UUID}}'" 無效
  • ng-include="'menu.html?uuid=' + Math.random()" 待驗證
    • 實際 browser 的 request 是 menu.html?uuid=

套用之前在 refactoring status page 時的做法

commit 44cf47eb3eec47e9d80d28bcc42d9cc212635e2f
Refs: [release/v0.03], {origin/release/v0.03}
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 10:48:33 2020 +0800

    give a unique query with ng-include at index.html

 proscend/prosrc/www/app/app.controller.js | 8 ++++++++
 proscend/prosrc/www/src/index.html.src    | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

1050

M350-C - task - [0%] ISMS Support - web ui

1415

M350-C - task - [0%] ISMS Support - web ui

開始 commit 這幾天的足跡

commit 12cc775e51b8293dbe445748f30ef7e83ece12cb
Refs: [develop], {origin/develop}
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 14:00:27 2020 +0800

    npx create-react-app web

 web/.gitignore           |    23 +
 web/README.md            |    68 +
 web/package-lock.json    | 15175 +++++++++++++++++++++++++++++++++++++++++++++
 web/package.json         |    34 +
 web/public/favicon.ico   |   Bin 0 -> 3150 bytes
 web/public/index.html    |    43 +
 web/public/logo192.png   |   Bin 0 -> 5347 bytes
 web/public/logo512.png   |   Bin 0 -> 9664 bytes
 web/public/manifest.json |    25 +
 web/public/robots.txt    |     3 +
 web/src/App.css          |    38 +
 web/src/App.js           |    26 +
 web/src/App.test.js      |     9 +
 web/src/index.css        |    13 +
 web/src/index.js         |    17 +
 web/src/logo.svg         |     7 +
 web/src/serviceWorker.js |   141 +
 web/src/setupTests.js    |     5 +
 18 files changed, 15627 insertions(+)

commit 03f3f1455f98643891b0174962046633fa57a296
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 13:52:12 2020 +0800

    update README

 README.md | 1 +
 1 file changed, 1 insertion(+)

commit dd533f3f97a42576f63a7bad58484e1a06f8de04
Refs: [master], {origin/HEAD}, {origin/master}
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 13:45:40 2020 +0800

    add README

 README.md | 0
 1 file changed, 0 insertions(+), 0 deletions(-)

應該作 npm install react-router-dom 就夠了

commit b9e29f20cf8a5a6fbc1bbda16e560155504a5d9f
Refs: [develop], {origin/develop}
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 14:39:58 2020 +0800

    React Router - Basic Routing

 web/public/favicon.ico   | Bin 3150 -> 0 bytes
 web/public/logo192.png   | Bin 5347 -> 0 bytes
 web/public/logo512.png   | Bin 9664 -> 0 bytes
 web/public/manifest.json |  25 ---------
 web/public/robots.txt    |   3 -
 web/src/App.css          |  38 -------------
 web/src/App.js           |  98 +++++++++++++++++++++++++-------
 web/src/App.test.js      |   9 ---
 web/src/index.css        |  13 -----
 web/src/index.js         |  11 +---
 web/src/logo.svg         |   7 ---
 web/src/serviceWorker.js | 141 -----------------------------------------------
 web/src/setupTests.js    |   5 --
 13 files changed, 79 insertions(+), 271 deletions(-)

commit 7138b1564d4df1583fece353585c8261ad435a82
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 14:35:34 2020 +0800

    npm install react-router-dom

 web/package-lock.json | 14 ++++++++++++++
 web/package.json      |  1 +
 2 files changed, 15 insertions(+)

commit b6d29644277b944b4e2f1da89a5c91c16a431e79
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 14:27:08 2020 +0800

    npm install react-router

 web/package-lock.json | 88 +++++++++++++++++++++++++++++++++++++++++++++++++++
 web/package.json      |  1 +
 2 files changed, 89 insertions(+)

到這邊完成了基本的 Basic Routing

使用 React Bootstrap

commit 0f4310b0ea099c1d86c0faf5a9e0a1f4c5736385
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 14:49:12 2020 +0800

    include React Bootstrap
    - npm install react-bootstrap bootstrap

 web/package-lock.json | 121 ++++++++++++++++++++++++++++++++++++++++++++++++++
 web/package.json      |   2 +
 web/src/index.js      |   3 ++
 3 files changed, 126 insertions(+)

使用 react-fontawesome

commit 6998dc785074e9fc5e65fd7b984e1d50bec5edc8
Refs: [develop], {origin/develop}
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 15:00:58 2020 +0800

    use FontAwesomeIcon in the <Link>
    - icon={faCoffee}

 web/src/App.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

commit ff9a649a9c0376d09d0d0500ed05dcbbd130f6fa
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 14:57:05 2020 +0800

    react-fontawesome
    Font Awesome 5 React component using SVG with JS

 web/package-lock.json | 29 +++++++++++++++++++++++++++++
 web/package.json      |  3 +++
 2 files changed, 32 insertions(+)

這幾天最重要的突破

未來 isme-server 的新版型 - 具有 RWD 特性

commit 9c641b5b43712ac5f8e9d52a667dbc55b7c9ad1c
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 15:10:33 2020 +0800

    apply 'Fixed Bootstrap 4 Vertical Sidebar Navigation'
    - refert to https://www.jqueryscript.net/demo/fixed-bootstrap-sidebar-nav/

 web/src/App.css | 45 +++++++++++++++++++++++++++++++++++++++++++++
 web/src/App.js  | 55 +++++++++++++++++++++++++++++++++----------------------
 2 files changed, 78 insertions(+), 22 deletions(-)

一步一步前進

將 Function components 改成 Class components

commit 56f57b9a37b63d1a2dfab6b5bd4bea4c027fc618
Refs: [develop], {origin/develop}
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 15:15:02 2020 +0800

    use class components

 web/src/App.js | 54 ++++++++++++++++++++++++++++++++++--------------------
 1 file changed, 34 insertions(+), 20 deletions(-)

到這邊是我目前的進度了

commit e8e0c5bac4bcbbeb59823fc9eac3cfc733178029
Refs: [develop], {origin/develop}
Author: jeffrey <[email protected]>
Date:   Wed Apr 1 15:30:41 2020 +0800

    [RWD] each content page has a button to toggle the sidebar
    - Responsive Web Design

 web/src/App.js | 32 ++++++++++++++++++++++++++++++--
 1 file changed, 30 insertions(+), 2 deletions(-)
Add a custom footer
⚠️ **GitHub.com Fallback** ⚠️