josef
/
NotiFrame
1
0
Fork 0
Code Issues 12 Pull Requests Releases Wiki Activity

added JSON capabilities to webserver

Browse Source
redesign
Josef Dabrowski 7 years ago
parent 35efd69424
commit 4fc0329d3f
2 changed files with 137 additions and 74 deletions
Show Stats Download Patch File Download Diff File

79
notiframe/webserver/templates/home.html
Unescape View File

@ -8,26 +8,77 @@
<body>
<div>
<form action="/home" method="post">
{% for n in range(widgLists| length) %}
<h4>Widget {{n}}</h4>
{% for key, value in widgLists[n].iteritems() %}
{{key}}: <input type="text" name="{{key}}{{n}}" value="{{value}}">
<form action="/home" class='form' method="post">
{% for n in range(widgLists| length) %}
<h4>Widget {{n}}</h4>
{% for key, value in widgLists[n].iteritems() %}
{{key}}: <input type="text" name="{{key}}{{n}}" value="{{value}}">
<br>
{% endfor %}
<br>
{% endfor %}
<br>
{% endfor %}
<h4>System Settings</h4>
{% for key, value in sysList.iteritems() %}
{{key}}: <input type="text" name="{{key}}" value="{{value}}">
<br>
<h4>System Settings</h4>
{% for key, value in sysList.iteritems() %}
{{key}}: <input type="text" name="{{key}}" value="{{value}}">
<br>
{% endfor %}
<br>
<input type="submit" value="Submit">
<br>
<input type="submit" value="Submit">
</form>
</div>
<script>
/**
* Retrieves input data from a form and returns it as a JSON object.
* @param {HTMLFormControlsCollection} elements the form elements
* @return {Object} form data as an object literal
*/
const isValidElement = element => {
return element.name && element.value;
};
const formToJSON = elements => [].reduce.call(elements, (data, element) => {
if (isValidElement(element)) {
data[element.name] = element.value;
}
return data;
}, {});
const handleFormSubmit = event => {
// Stop the form from submitting since we’re handling that with AJAX.
event.preventDefault();
// Call our function to get the form data.
const data = formToJSON(form.elements);
/**
// Demo only: print the form data onscreen as a formatted JSON object.
const dataContainer = document.getElementsByClassName('results__display')[0];
// Use `JSON.stringify()` to make the output valid, human-readable JSON.
dataContainer.textContent = JSON.stringify(data, null, " ");
// ...this is where we’d actually do something with the form data...
**/
var textContent = JSON.stringify(data, null, " ");
var request = new XMLHttpRequest();
request.open('POST', '/home', true);
request.setRequestHeader('Content-Type', 'application/json');
request.send(textContent);
};
/*
* This is where things actually get started. We find the form element using
* its class name, then attach the `handleFormSubmit()` function to the
* `submit` event.
*/
const form = document.getElementsByClassName('form')[0];
form.addEventListener('submit', handleFormSubmit);
</script>
</body>
</html>

132
notiframe/webserver/webserver.py
Unescape View File

@ -5,14 +5,16 @@ import os
app = Flask(__name__)
mydir = os.path.dirname(os.path.abspath(__file__))
#print(mydir)
# print(mydir)
mydir = os.path.join(mydir, '../')
#print(mydir)
# print(mydir)
essentials = {'type': None, 'height': None, 'width': None, 'posX': None, 'posY': None}
essentials = {'type': None, 'height': None,
'width': None, 'posX': None, 'posY': None}
trello_options = {'board': None, 'list': None}
image_options = {'filename': None, 'scaleMode': None, 'bwStyle': None}
def convert(input):
if isinstance(input, dict):
return dict((convert(key), convert(value)) for key, value in input.iteritems())
@ -23,75 +25,85 @@ def convert(input):
else:
return input
#HOMEPAGE
# HOMEPAGE
@app.route('/home', methods=['GET', 'POST'])
def home():
config = read_config()
widgLists, sysList = prep_dict_for_web(config)
if request.method == 'POST':
#update system variables
for key in sysList:
if request.form[key]:
if isInt(request.form[key]):
#print(request.form[key] + " is int")
sysList[key] = int(request.form[key])
else:
sysList[key] = request.form[key]
#update widget variables
#for i in range(len(widgLists)):
# for key in widgLists[i]:
# if request.form[key+str(i)]:
# widgLists[i][key] = request.form[key+str(i)]
for i in range(len(widgLists)):
for key in widgLists[i]:
#print(request.form[key+str(i)])
if isInt(request.form[key+str(i)]):
#print(request.form[key+str(i)] + " is int")
widgLists[i][key] = int(request.form[key+str(i)])
else:
widgLists[i][key] = request.form[key+str(i)]
#print(widgLists)
#print(sysList)
update_config(widgLists, sysList)
return render_template('home.html', title='Overview', widgLists=widgLists, sysList=sysList)
def home(): # Toml config passed to html page via two dicts.
# Form data passed back to webserver as JSON.
config = read_config()
widgLists, sysList = prep_dict_for_web(config)
if request.method == 'POST':
jsonData = request.get_json()
print(jsonData)
jsonData = convert(jsonData)
# update system variables
for key in sysList:
print("%" + jsonData[key] + "$")
if jsonData[key]:
if isInt(jsonData[key]):
#print(request.form[key] + " is int")
sysList[key] = int(jsonData[key])
else:
sysList[key] = jsonData[key]
# update widget variables
# for i in range(len(widgLists)):
# for key in widgLists[i]:
# if request.form[key+str(i)]:
# widgLists[i][key] = request.form[key+str(i)]
for i in range(len(widgLists)):
for key in widgLists[i]:
# print(request.form[key+str(i)])
if jsonData[key + str(i)]:
if isInt(jsonData[key + str(i)]):
#print(request.form[key+str(i)] + " is int")
widgLists[i][key] = int(jsonData[key + str(i)])
else:
widgLists[i][key] = jsonData[key + str(i)]
update_config(widgLists, sysList)
return render_template('home.html', title='Overview', widgLists=widgLists, sysList=sysList)
def isInt(s):
try:
try:
int(s)
return True
except ValueError:
return False
def prep_dict_for_web(config):
widgLists = config['widgets'] #list of dicts
sysList = {} #dict
for key in config:
if key != 'widgets':
sysList[key] = config[key]
return widgLists, sysList
widgLists = config['widgets'] # list of dicts
sysList = {} # dict
for key in config:
if key != 'widgets':
sysList[key] = config[key]
return widgLists, sysList
def read_config():
uni_config = toml.load(os.path.join(mydir, 'config.toml'))
config = convert(uni_config)
#print(config)
#config = {'widgets': [
#{'width': 3, 'posX': 0, 'posY': 0, 'scaleMode': 'fill', 'bwStyle': 'mono', 'type': 'image', 'filename': 'forest.jpg', 'height': 3},
#{'list': 'Plans', 'height': 3, 'width': 1, 'board': 'Organisation', 'posX': 0, 'posY': 0, 'type': 'trello'},
#{'list': 'To Do:', 'height': 3, 'width': 2, 'board': 'E-paper', 'posX': 1, 'posY': 0, 'type': 'trello'}
#], 'cellsHeight': 3, 'resHeight': 384, 'resWidth': 640, 'cellsWidth': 3}
return config
uni_config = toml.load(os.path.join(mydir, 'config.toml'))
config = convert(uni_config)
# print(config)
# config = {'widgets': [
#{'width': 3, 'posX': 0, 'posY': 0, 'scaleMode': 'fill', 'bwStyle': 'mono', 'type': 'image', 'filename': 'forest.jpg', 'height': 3},
#{'list': 'Plans', 'height': 3, 'width': 1, 'board': 'Organisation', 'posX': 0, 'posY': 0, 'type': 'trello'},
#{'list': 'To Do:', 'height': 3, 'width': 2, 'board': 'E-paper', 'posX': 1, 'posY': 0, 'type': 'trello'}
# ], 'cellsHeight': 3, 'resHeight': 384, 'resWidth': 640, 'cellsWidth': 3}
return config
def update_config(widgLists, sysList):
config = {'widgets': widgLists}
for key in sysList:
config[key] = sysList[key]
convert(config)
path = os.path.join(mydir, 'config.toml')
with open(path, "w+") as config_file:
config_file.write(toml.dumps(config))
config = {'widgets': widgLists}
for key in sysList:
config[key] = sysList[key]
convert(config)
path = os.path.join(mydir, 'config.toml')
with open(path, "w+") as config_file:
config_file.write(toml.dumps(config))
if __name__ == '__main__':
app.run(debug=True,host='0.0.0.0')
app.run(debug=True, host='0.0.0.0')

Write Preview
Loading…
Cancel
Save