added get method and language()

This commit is contained in:
Yaman Qalieh 2018-01-20 22:34:39 -05:00
parent ee25012598
commit 4c8fcc4eb1
3 changed files with 123 additions and 95 deletions

View File

@ -12,6 +12,7 @@ app.config.update(
try: try:
with open("save.p", "rb") as f: with open("save.p", "rb") as f:
database = pickle.load(f) database = pickle.load(f)
print("Loaded", database)
except (FileNotFoundError) as e: except (FileNotFoundError) as e:
database = {'languages': [], database = {'languages': [],
'phonemes': [], 'phonemes': [],

View File

@ -1,4 +1,6 @@
var navSelect = "home"; var navSelect = "home";
var serverURL = "http://0.0.0.0:5000";
var data;
var navi = [ // Array containing navigation items in form [Font-Awesome class name, Display Text, Onclick function]. var navi = [ // Array containing navigation items in form [Font-Awesome class name, Display Text, Onclick function].
["home", "Home", "home"], ["home", "Home", "home"],
@ -7,18 +9,18 @@ var navi = [ // Array containing navigation items in form [Font-Awesome class na
["bell", "Updates and Progress", "updates"] ["bell", "Updates and Progress", "updates"]
]; ];
for(var i = 0; i < navi.length; i++) { // Create navigation tabs. for (var i = 0; i < navi.length; i++) { // Create navigation tabs.
var side = document.getElementById("sidebar"); var side = document.getElementById("sidebar");
var div = document.createElement("div"); var div = document.createElement("div");
div.className = "navi transition"; div.className = "navi transition";
div.setAttribute("option", navi[i][2]); div.setAttribute("option", navi[i][2]);
div.onclick = function() { div.onclick = function() {
var op = this.getAttribute("option"); var op = this.getAttribute("option");
if(navSelect === op) return; if (navSelect === op) return;
updateMain(op); updateMain(op);
}; };
var ic = document.createElement("i"); var ic = document.createElement("i");
ic.className = "fa fa-"+navi[i][0]; ic.className = "fa fa-" + navi[i][0];
ic["aria-hidden"] = true; ic["aria-hidden"] = true;
var p = document.createElement("p"); var p = document.createElement("p");
p.appendChild(document.createTextNode(navi[i][1])); p.appendChild(document.createTextNode(navi[i][1]));
@ -43,10 +45,32 @@ function updateMain(op) {
} }
function updateNav(op) { function updateNav(op) {
var oldNav = document.querySelectorAll("[option="+navSelect+"]")[0]; var oldNav = document.querySelectorAll("[option=" + navSelect + "]")[0];
var newNav = document.querySelectorAll("[option="+op+"]")[0]; var newNav = document.querySelectorAll("[option=" + op + "]")[0];
oldNav.style.backgroundColor = "rgba(0,0,0,0)"; oldNav.style.backgroundColor = "rgba(0,0,0,0)";
oldNav.style.color = "white"; oldNav.style.color = "white";
newNav.style.backgroundColor = "#F8F3F0"; newNav.style.backgroundColor = "#F8F3F0";
newNav.style.color = "#F47922"; newNav.style.color = "#F47922";
} }
function getData() {
$.ajax({
url: serverURL + '/server',
type: 'GET'
})
.then(
function success(incoming) {
data = incoming;
},
function error(e) {
console.log(e);
}
);
console.log(data);
}
function language(language) {
return data.languages.filter(function(element) {
return element.name === language;
});
}

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>SmearcarDB</title> <title>SmearcarDB</title>
@ -10,8 +11,9 @@
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="{{ url_for('static', filename='velocity.min.js') }}"></script> <script src="{{ url_for('static', filename='velocity.min.js') }}"></script>
<script src="https://use.fontawesome.com/c8d5486cd8.js"></script> <script src="https://use.fontawesome.com/c8d5486cd8.js"></script>
</head> </head>
<body>
<body>
<div id="header1" class="colorFade"> <div id="header1" class="colorFade">
<h1>/smirkär/</h1> <h1>/smirkär/</h1>
</div> </div>
@ -53,6 +55,7 @@
</div> </div>
</div> </div>
</div> </div>
</body> </body>
<script src="{{ url_for('static', filename='index.js') }}"></script> <script src="{{ url_for('static', filename='index.js') }}"></script>
</html> </html>