20200511_jeffrey - silenceuncrio/diary GitHub Wiki

0905

這個禮拜的 review list

M300 - task

  • none

M300 - issue

  • none

M300 - bug

  • [30%] firmware upgrade 卡在 40%
    • pc 網卡直連 M300 lan 端
    • 檔案上傳慢到(1分鐘100KB)前端的 javascript 慢慢跑到 40% 在等著上傳檔案完成 - 一小時也等不到

M330 - task

  • [100%] P1 - multi-language key for all web
  • [100%] P1 - Search Operators page no need login
  • [100%] P1 - GPS prefix web ui
  • [70%] P1 - Simple web UI for smart phone
    • simple status, lte apn config, user config
  • [0%] P1 - Macnica - Close specified ports
  • [70%] P3 - CTCU - Web UI: GPS Track drawing(Server)

M330 - issue

  • [100%] 0001046: login web page display issue
  • [100%] 0001024: setup wizard always fail
  • [100%] 0001041: Diag: ping
  • [60%] 0000993: apply sometimes fail

M330 - bug

  • [0%] firmware upgrade 上傳成 M300 的 firmware 第一次失敗後到至後續上傳正確的也會失敗
    • lighttpd 回 request entity too large

M350-C - task

  • [0%] - P2 - Dynamic Web UI by HW_MCSV
  • [0%] - P2 - Dynamic Firmware Upgrade by HW_MCSV
  • [0%] - P2 - Web UI: WiFi (STA)
  • [0%] - P2 - Web UI: WAN as LAN

M350-C - issue

  • none

M350-C - bug

  • [20%] web ui openvpn wizard 會讓 lighttpd process 被 kill 掉
    • M330 不會
    • M330 的 lighttpd 為 1.4.30
    • M350 的 lighttpd 為 1.4.40
  • [80%] 修改 menu.html.src 透過 web upgrade 後會 cache 舊的 menu
    • 可以套用至全平台
  • [0%] web ui reboot 的倒數機制出了問題 - 似乎重開機時間變長了
  • [0%] wifi 2.4g wps 要拿掉

M350-C - misc

  • [30%] 跨 repository 間 code 的 sync - 培養功力
    • 起手式 
      git format-patch -k --stdout ${A_COMMIT_HASH}..${B_COMMIT_HASH} > xxx.patch
git am -k -3 < xxx.patch
    • git am 失敗的時候該怎麼辦? git apply --reject

M360P - task

  • none

M360P - issue

  • [60%] 0000936: some routes learned via bgp, then they disappear then appear again after a few seconds, and again and again...
  • [60%] 0000787: when local ethernet link is 100 half, firmware upgrade via web ui fail

M360P - bug

  • [30%] - 0000908: sometimes first time modify LTE NET mode or APN on dual APN will apply fail - root cause 是 lighttpd 重啟了
    • M360P 的 lighttpd 為 1.4.30

ISMS Server - task

  • [40%] RWD and color, layout, navigation
  • [80%] dashboard
  • [30%] topology
  • [20%] map

MISC task

  • [80%] Vmware jubuntu compile 環境
    • M300
    • Building the Docker image - build-m300 - 失敗
      • 放棄
    • load docker image from exported tar from jbox
      • 成功
      • 進 container 後 source proenv.sh fail

0920

M330 - task

  • [0%] P1 - Simple web UI for smart phone
    • simple status, lte apn config, user config

使用 m330(release/v1.02)

  • profile = SATSON/0_WIFI

使用 chrome 的 開發人員工具 的 toggle device toolbar

其中以 Pixel 2 XL (823 * 411) 的橫幅 823 為最大

這次設計的目標就是要讓 橫幅 小於等於 823 時

m330 就顯示成所謂的 simple web ui

目前初步的考慮是 ISMS Server 的 ContentModal

import styled from 'styled-components';

const StyledcontentModal = styled.div`
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1010; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

  ${props => props.navShow && "@media (max-width: 720px) { display: block;}" };

`;

export { StyledcontentModal };

1120

初步的考慮是可行的

注意到給 mobile 專用的 div

其 z-index 的值要為最高

目前最高的 z-index 屬於 bootstrap 3 的 .navbar-fixed-top - 其值為 1030

目前該 div 套用的 css 如下

.mobile_div {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1040; /* Sit on top; z-index of .navbar-fixed-top is 1030 */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  color: #fff;
  background-color: #232323;
}

@media (max-width: 823px) {
  .mobile_div {
    display: block;
  }
}

證實我初步的想法

當螢幕寬度小於或等於 823px 時

就只會看到該 div

我希望原本的網頁動到的部份越少越好

1155

預設的 ng-route / 開啟的是 status.html

function config($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl:  'app/feature/status.html?uuid=' + Math.random(), 
        controller: 'status_controller',
        controllerAs: 'vm',
        resolve: {
            ...
        }
    })
}

目前實驗證實可以存在兩個

目前先設計 status.html

可以在 mobile 模式有不同的顯示

Add a custom footer
⚠️ **GitHub.com Fallback** ⚠️