mrtoth/baseimage-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/baseimage-tutorial-framework synced 2025-11-04 13:52:54 +00:00
Code Issues Releases Wiki Activity

Remove all frontend related stuff

Browse Source
This commit is contained in:
Bálint Bokros
2018-01-10 16:25:23 +01:00
parent 3a41423596
commit 7cc5268f9b
21 changed files with 1 additions and 3234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/app.py
View File

@@ -7,21 +7,14 @@ from tornado.web import Application
from tornado.ioloop import IOLoop
from config import WEB_PORT
import debug
from handlers import MainHandler, ZMQWebSocketHandler, LoginWebappHandler
import ui_modules
from handlers import ZMQWebSocketHandler
if __name__ == '__main__':
routes = [
(r'/', MainHandler),
(r'/ws', ZMQWebSocketHandler),
(r'/login', LoginWebappHandler),
]
application = Application(
routes,
template_path=r'templates/',
static_path=r'static/',
ui_modules=ui_modules,
autoreload=True
)
@@ -32,5 +25,4 @@ if __name__ == '__main__':
logging.debug('ZeroMQ version: {}'.format(zmq.zmq_version()))
logging.debug('PyZMQ version: {}'.format(zmq.pyzmq_version()))
logging.info('Tornado application listening on port {}'.format(WEB_PORT))
debug.watch_static_files()
IOLoop.instance().start()

2
src/app/handlers/__init__.py
View File

@@ -1,3 +1 @@
from .main_handler import MainHandler
from .zmq_websocket_handler import ZMQWebSocketHandler
from .login_webapp_handler import LoginWebappHandler

27
src/app/handlers/login_webapp_handler.py
View File

@@ -1,27 +0,0 @@
import json
from tornado.web import RequestHandler, MissingArgumentError
# from buttons import fsm
from sql_injection_fsm import fsm
class LoginWebappHandler(RequestHandler):
anchor_id = 'anchor_login'
def get(self, *args, **kwargs):
self.render('login.html', anchor_id=self.anchor_id, form_data=(
('email', 'email_input', 'Email address', 'Enter email'),
('password', 'password_input', 'Password', 'Password'),
))
def post(self, *args, **kwargs):
try:
message = {
'anchor': self.anchor_id,
'data': {k: self.get_body_argument(k) for k in ('email', 'password')}
}
fsm.trigger(self.anchor_id, message=json.dumps(message))
except MissingArgumentError:
self.write_error(status_code=400, message='Incomplete request')
# TODO: return real data if not in a tutorial

6
src/app/handlers/main_handler.py
View File

@@ -1,6 +0,0 @@
from tornado.web import RequestHandler
class MainHandler(RequestHandler):
def get(self, *args, **kwargs):
self.render('index.html')

3
src/app/static/.babelrc
View File

@@ -1,3 +0,0 @@
{
"presets": ["env"]
}

4
src/app/static/index.css
View File

@@ -1,4 +0,0 @@
.tfw-container {
min-height: 100%;
height: 100%;
}

61
src/app/static/js/index.js
View File

@@ -1,61 +0,0 @@
import * as ace from 'brace';
import 'brace/mode/python';
import 'brace/theme/monokai';
import * as showdown from 'showdown';
let ws = new WebSocket('ws://' + document.location.host + '/ws');
let converter = new showdown.Converter();
// TODO: don't hardcode anchor id
let editor = ace.edit('anchor_webide');
editor.setTheme('ace/theme/monokai');
editor.getSession().setMode('ace/mode/python');
editor.$blockScrolling = Infinity;
$('#container').on('click', '.anchor', ( function (event) {
let anchorName = $(this).attr('id').replace('_event', '');
let data = JSON.stringify({
'anchor': anchorName,
'data': $('#' + anchorName).text()
});
console.log('Sending: ');
console.log(data);
ws.send(data);
}));
$('form#anchor_login_event').on('submit', (function (event) {
event.preventDefault();
let anchorName = $(this).attr('id').replace('_event', '');
$.post(
$(this).attr('action'),
$(this).serialize(),
function (data) {}
);
}));
ws.onopen = function () {
ws.send(JSON.stringify({
'anchor': 'reset',
'data': ''
}));
// init webide
ws.send(JSON.stringify({
'anchor': 'anchor_webide',
'data': ''
}));
};
ws.onmessage = function (messageEvent) {
let message = JSON.parse(messageEvent.data);
console.log('Receiving: ');
console.log(message);
let $anchor = $('#' + message['anchor']);
if (message['anchor'] === 'anchor_webide') {
editor.setValue(message['data'], -1);
}
else {
let formatted_message = converter.makeHtml(message['data']);
$anchor.html(formatted_message);
}
};

4
src/app/static/module-webide.css
View File

@@ -1,4 +0,0 @@
#anchor_webide {
position: relative;
height: 100%;
}

16
src/app/static/package.json
View File

@@ -1,16 +0,0 @@
{
"dependencies": {
"bootstrap": "4.0.0-beta.2",
"brace": "^0.11.0",
"jquery": "^3.2.1",
"popper.js": "^1.12.3",
"showdown": "^1.8.5",
"webpack": "^3.10.0"
},
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-preset-env": "^1.6.1",
"uglifyjs-webpack-plugin": "^1.1.2"
}
}

29
src/app/static/webpack.config.js
View File

@@ -1,29 +0,0 @@
const path = require('path');
const webpack = require('webpack');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
entry: './js/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader"
}
]
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
'window.$': 'jquery',
}),
new UglifyJsPlugin()
]
};

2938
src/app/static/yarn.lock
View File

File diff suppressed because it is too large Load Diff

43
src/app/templates/index.html
View File

@@ -1,43 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Babylonian Tutorial Proof of Concept</title>
<link rel="stylesheet" href="{{ static_url('vendor/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ static_url('vendor/css/highlight/github.min.css')}}">
<link rel="stylesheet" href="{{ static_url('index.css')}}">
</head>
<body>
<div class="jumbotron text-center">
<h1>Tutorial framework Demo</h1>
</div>
<div id="container" class="container-fluid tfw-container">
<!--div class="row">
{% for aid in ('a', 'b', 'c') %}
<div class="col-sm m-3 p-3">
<p id="anchor_{{ escape(aid) }}" >
Anchor {{ escape(aid).upper() }} content should be inserted here.
</p>
<button type="button" class="btn btn-outline-primary anchor" id="anchor_{{ escape(aid) }}_event">
Fire anchor {{ escape(aid).upper() }}
</button>
</div>
{% end %}
</div-->
<div class="row">
<div class="col-sm col-md col-lg m-3 p-3" id="anchor_login">
{% module Login('anchor_login') %}
</div>
<div class="col-sm-6 col-md-6 col-lg-6 m-3 p-3">
{% module WebIDE('anchor_webide') %}
</div>
<div class="col-sm col-md col-lg m-3 p-3">
{% module Logger('anchor_logger') %}
</div>
</div>
</div>
<script src="{{ static_url('dist/bundle.js') }}" defer></script>
</body>
</html>

14
src/app/templates/login.html
View File

@@ -1,14 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login page</title>
<link rel="stylesheet" href="{{ static_url('vendor/css/bootstrap.min.css') }}">
</head>
<body>
{% module Login(anchor_id, form_data) %}
</body>
</html>

7
src/app/templates/module-logger.html
View File

@@ -1,7 +0,0 @@
<h1>Logs</h1>
<p id="{{ anchor_id }}">
&nbsp;
</p>
<button type="button" class="btn btn-outline-primary anchor" id="{{ anchor_id }}_event">
Next
</button>

17
src/app/templates/module-login.html
View File

@@ -1,17 +0,0 @@
<h1>Login page</h1>
<form id="{{ anchor_id }}_event"
action="/login"
method="post">
{% for type_, id_, label, placeholder in form_data %}
<div class="form-group">
<label for="{{ id_ }}">{{ label }}</label>
<input type="{{ type_ }}"
class="form-control"
id="{{ id_ }}"
name="{{ id_.replace('_input', '') }}"
placeholder="{{ placeholder }}">
</div>
{% end %}
<button type="submit" class="btn btn-primary">Submit</button>
</form>

6
src/app/templates/module-webide.html
View File

@@ -1,6 +0,0 @@
<h1>Source code</h1>
<div id="{{ anchor_id }}" class="mt-3 mb-3">
</div>
<button type="button" class="btn btn-outline-primary anchor" id="{{ anchor_id }}_event">
Next
</button>

3
src/app/ui_modules/__init__.py
View File

@@ -1,3 +0,0 @@
from .logger import Logger
from .login import Login
from .webide import WebIDE

6
src/app/ui_modules/logger.py
View File

@@ -1,6 +0,0 @@
from tornado.web import UIModule
class Logger(UIModule):
def render(self, anchor_id, *args, **kwargs):
return self.render_string('module-logger.html', anchor_id=anchor_id)

11
src/app/ui_modules/login.py
View File

@@ -1,11 +0,0 @@
from tornado.web import UIModule
class Login(UIModule):
def render(self, anchor_id, form_data=None):
if form_data is None:
form_data = (
('email', 'email_input', 'Email address', 'Enter email'),
('password', 'password_input', 'Password', 'Password'),
)
return self.render_string('module-login.html', anchor_id=anchor_id, form_data=form_data)

9
src/app/ui_modules/webide.py
View File

@@ -1,9 +0,0 @@
from tornado.web import UIModule
class WebIDE(UIModule):
def render(self, anchor_id, *args, **kwargs):
return self.render_string('module-webide.html', anchor_id=anchor_id, **kwargs)
def css_files(self):
return ['module-webide.css']