加入初次安裝畫面

1.設定藍芽啟用與否 2.設定印表機連接埠與切紙間格 3.設定結束自動重新啟動服務
2017-09-05 23:32:52 +08:00
parent 1941ab0c52
commit 3c06bf5d8b
7 changed files with 131 additions and 26 deletions
@@ -35,4 +35,90 @@
  </form>
 </div>

+<div class="ui dimmer" id="loader">
+  <div class="ui loader text">Rebooting...</div>
+</div>
+
+<script>
+  function getValue(obj){
+    if(!obj || !('value' in obj)) return ''
+    return obj.value
+  }
+
+  $('#test-printer').click(function(){
+    let json = {
+      device: '',
+      feed: 0
+    }
+    let dev = getValue(document.querySelector('select#tty'))
+    let feed = getValue(document.querySelector('input#feed'))
+
+    if(!dev) return alert('請選擇印表機連接埠')
+    if (!isFinite(feed) || feed < 0) return alert('切紙前空行請輸入整數')
+
+    json.device = dev
+    json.feed = Math.floor(parseInt(feed))
+
+    $.ajax({
+      url: '/install/printer_test',
+      type: 'post',
+      data: json,
+      success: function(e){
+        alert(e.msg || '資料傳送失敗')
+      }
+    })
+
+  })
+
+  $('form#setup').submit(function(e) {
+    e.preventDefault()
+
+    let json = {
+      tty: '',
+      feed: 0,
+      ble: ''
+    }
+    let dev = getValue(document.querySelector('select#tty'))
+    let feed = getValue(document.querySelector('input#feed'))
+    let elBle = document.querySelector('input#en-ble')
+    let ble = ''
+    if(elBle != null && 'checked' in elBle) ble = elBle.checked ? 'yes' : 'no'
+
+    if(!dev) return alert('請選擇印表機連接埠')
+    if (!isFinite(feed) || feed < 0) return alert('切紙前空行請輸入整數')
+
+    json.tty = dev
+    json.feed = Math.floor(parseInt(feed))
+    json.ble = ble
+
+    $.ajax({
+      url: '/install/write_config',
+      type: 'post',
+      data: json,
+      success: function(e){
+        if(e.status != 1) {
+          alert(e.msg || '寫入失敗')
+          return
+        }
+
+        $.ajax({
+          url: '/reboot_sys',
+          type: 'put',
+          success: function(){
+            setTimeout(function(){
+              location.replace('/')
+            }, 30000)
+            $('#loader').addClass('active')
+          },
+          error: function(){
+            alert('系統重新啟動失敗')
+          }
+        })
+      }
+    })
+
+    return false
+  })
+</script>
+
 <%- include ../includes/footer.ejs %>