backup

Rev1/node/views/p_generator.pug

@@ -1,31 +1,53 @@
 extends layout.pug
-block scripts
+block head 
-  script(src='/js/pGenerator.js')
+
 block content
-    h1 p_generator
+    h3.text-center.mt-3 Password Generator for AnkaSense S4
-    p UID:
+    .container
-        input(id="in-id" type="text" name="imdb" placeholder="please input your device id")  
+        .row
-        button(onclick='clickme()')  get keys
+            .col
-    p
+                .input-group
-    table#response
+                    .input-group-prepend
+                        span.input-group-text(id='') Device Id
+                    input.form-control(type='text',id="in-id")
+                    .input-group-append
+                        button.btn.btn-outline-secondary(type="button", onclick="clickme()") Get Keys
+
+        .row.mt-3
+            .col
+                table#pTable.table.d-none
+                    thead
+                        tr
+                        th(scope='col') #
+                        th(scope='col') User Type
+                        th(scope='col') Password
+                    tbody
+                        tr
+                        th(scope='row') 1
+                        td Manager
+                        td#manager
+                        tr
+                        th(scope='row') 2
+                        td Service
+                        td#service
+                p#pErr
     script.
         function clickme() {
             var id = document.getElementById("in-id");
             var keys = getKeys(id.value);
-            var resp = document.getElementById("response");
+            var pTable = document.getElementById("pTable");
-            resp.innerHTML = "";
+            var pErr = document.getElementById("pErr");
             if(keys.hasOwnProperty('User')){
-                var HTML = "<table border=1 width=100%><tr>";
+                var manager = document.getElementById("manager");
-                HTML += "<td align=left>User</td>";
+                var service = document.getElementById("service");
-                HTML += "<td align=left><b>"+keys.User+"</b></td>";
+                manager.innerHTML = keys.User;
-                HTML += "</tr><tr>"
+                service.innerHTML = keys.Admin;
-                HTML += "<td align=left>Admin</td>";
+                pTable.classList.remove("d-none");
-                HTML += "<td align=left><b>"+keys.Admin+"</b></td>";
+                pErr.classList.add("d-none");
-                HTML += "</tr></table>";
-                resp.innerHTML = HTML;
             }else{
-                resp.innerHTML = keys.err
+                pErr.innerHTML = keys.err
+                pErr.classList.remove("d-none");
+                pTable.classList.add("d-none");
             }
-
-
         }
+    script(src='/js/pGenerator.js')