add pages

main.py

@@ -105,7 +105,7 @@ async def login_for_access_token(request: Request, form_data: OAuth2PasswordRequ
 async def login(request: Request):
     return templates.TemplateResponse(name='home.html', context={'request': request})
 
-@app.get('/monitor/tower', response_class=HTMLResponse)
+@app.get('/tower', response_class=HTMLResponse)
 async def login(request: Request):
     return templates.TemplateResponse(name='tower.html', context={'request': request})
 
@@ -113,7 +113,7 @@ async def login(request: Request):
 async def login(request: Request):
     return templates.TemplateResponse(name='optim.html', context={'request': request})
 
-@app.get('/monotor/vibration', response_class=HTMLResponse)
+@app.get('/vibration', response_class=HTMLResponse)
 async def login(request: Request):
     return templates.TemplateResponse(name='vibration.html', context={'request': request})
 
@@ -121,11 +121,11 @@ async def login(request: Request):
 async def login(request: Request):
     return templates.TemplateResponse(name='history.html', context={'request': request})
 
-@app.get('/set_up/device', response_class=HTMLResponse)
+@app.get('/device', response_class=HTMLResponse)
 async def login(request: Request):
     return templates.TemplateResponse(name='device.html', context={'request': request})
 
-@app.get('/set_up/system', response_class=HTMLResponse)
+@app.get('/system', response_class=HTMLResponse)
 async def login(request: Request):
     return templates.TemplateResponse(name='system.html', context={'request': request})
 

static/index.js

@@ -0,0 +1,29 @@
+
+$("#btn_login").click(function () {
+    var url = "login";
+    var xhr = new XMLHttpRequest();
+    xhr.open("POST", url);
+    console.log('url:');
+    console.log(url);
+    xhr.setRequestHeader("accept", "application/json");
+    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+    xhr.onreadystatechange = function () {
+      if (xhr.readyState === 4) {
+        console.log(xhr.status);
+        responseOBJ = JSON.parse(xhr.responseText)
+        console.log(responseOBJ.access_token);
+        // document.cookie = 'jwt_token='+responseOBJ.jwt_token    // access_token -> jwt_token
+        document.cookie = 'jwt_token='+responseOBJ.access_token;
+        console.log('cookie: ');
+        console.log(document.cookie);     // test log
+        alert('登入成功')
+        window.location.replace("/index")
+      }
+    };
+    var data = "grant_type=&username=" + $('#username').val() + "&password="+$('#password').val()+"&scope=&client_id=&client_secret=";
+    console.log("data:");
+    console.log(data);    // test 
+    xhr.send(data);
+  });
+  
+  

templates/device.html

@@ -0,0 +1,10 @@
+{% extends "index.html" %}
+{% block title %}設備設定{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+
+{% block body %}
+
+{% endblock %}

templates/history.html

@@ -0,0 +1,10 @@
+{% extends "index.html" %}
+{% block title %}歷史資料{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+
+{% block body %}
+
+{% endblock %}

templates/home.html

@@ -0,0 +1,10 @@
+{% extends "index.html" %}
+{% block title %}總覽{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+
+{% block body %}
+
+{% endblock %}

templates/optim.html

@@ -0,0 +1,10 @@
+{% extends "index.html" %}
+{% block title %}智能最佳化{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+
+{% block body %}
+
+{% endblock %}

templates/system.html

@@ -0,0 +1,10 @@
+{% extends "index.html" %}
+{% block title %}系統設定{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+
+{% block body %}
+
+{% endblock %}

templates/tower.html

@@ -0,0 +1,10 @@
+{% extends "index.html" %}
+{% block title %}水塔監控{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+
+{% block body %}
+
+{% endblock %}

templates/vibration.html

@@ -0,0 +1,10 @@
+{% extends "index.html" %}
+{% block title %}振動監控{% endblock %}
+{% block head %}
+{{ super() }}
+{% endblock %}
+
+
+{% block body %}
+
+{% endblock %}