aboutsummaryrefslogtreecommitdiff
path: root/wqflask
diff options
context:
space:
mode:
authorAlexander Kabui2021-10-10 02:10:49 +0300
committerAlexander Kabui2021-10-10 02:10:49 +0300
commit612bf52630fbc3a1b9c538c4498ceb97bdb0970b (patch)
tree008672abdf1813575683265ba0e4e324d5803adf /wqflask
parent747d09564271dc72a25c8d967756cf8ae59a4cd6 (diff)
downloadgenenetwork2-612bf52630fbc3a1b9c538c4498ceb97bdb0970b.tar.gz
minor fixes for ui
Diffstat (limited to 'wqflask')
-rw-r--r--wqflask/wqflask/templates/wgcna_setup.html162
1 files changed, 52 insertions, 110 deletions
diff --git a/wqflask/wqflask/templates/wgcna_setup.html b/wqflask/wqflask/templates/wgcna_setup.html
index 87ee2e3b..9d4bbfc7 100644
--- a/wqflask/wqflask/templates/wgcna_setup.html
+++ b/wqflask/wqflask/templates/wgcna_setup.html
@@ -80,127 +80,69 @@
crossorigin="anonymous"></script>
<script>
// document.addEventListener('DOMContentLoaded', function() {
+let term = new Terminal({
+ cursorBlink: true,
+ lineHeight: 1.3,
+ scrollback: true,
+ macOptionIsMeta: true
+});
+
+let termDebugs = {
+ general: "Computation process to be displayed here....",
+ success: "Computation in process ......",
+ fail: "Too few phenotypes as input must be >=4"
+}
+const fitAddon = new FitAddon.FitAddon()
+term.loadAddon(fitAddon)
- let term = new Terminal({ cursorBlink: true, lineHeight: 1.3,scrollback:true,macOptionIsMeta:true});
-
- let termDebugs = {
- general: "Computation process to be displayed here....",
- success: "Computation in process ......",
- fail: "Too few phenotypes as input must be >=4"
- }
-
- const fitAddon = new FitAddon.FitAddon()
- term.loadAddon(fitAddon)
-
- term.open(document.getElementById('terminal'));
- term.setOption('theme', {
- background: '#300a24'
- });
- // term.onData((data) => {uk
- // console.log("key pressed in browser:", data);
- // // socket.emit("pty-input", { input: data });
- // term.write(data)
- // });
-
- term.writeln(termDebugs.general)
-
- wgcnaForm = document.querySelector("#wgcna_form")
-
- const socket = io("http://127.0.0.1:8081") //issue gn3 private
- const attachAddon = new AttachAddon.AttachAddon(socket);
-
- term.loadAddon(attachAddon);
-
- fitAddon.fit()
-
- term.onData((data)=>{
- console.log(data)
- })
-
-
- if (wgcnaForm) {
-
- console.log(term)
- console.log(socket)
-
-
-
-
-
- // socket.on("connect",()=>{
- // console.log("connected")
- // socket.emit("my_event")
- // })
+term.open(document.getElementById('terminal'));
+term.setOption('theme', {
+ background: '#300a24'
+});
+term.writeln(termDebugs.general)
- // socket.on("output", (data) => {
+wgcnaForm = document.querySelector("#wgcna_form")
- // console.log(data)
- // console.log("received ddata")
+const socket = io("http://127.0.0.1:8081") //issue gn3 private
+const attachAddon = new AttachAddon.AttachAddon(socket);
- // })
- } else {
- term.writeln(termDebugs.fail)
- }
+term.loadAddon(attachAddon);
+fitAddon.fit()
+term.onData((data) => {
+ term.write(data)
+})
+if (wgcnaForm) {
+} else {
+ term.writeln(termDebugs.fail)
+}
- socket.on("connect",()=>{
- console.log(socket.id)
- // socket.emit("user_connection")
+socket.on("connect", () => {
$("#wgcna_form").append(`<input type="hidden" name="socket_id" value=${socket.id}>`);
- })
-
- socket.on("output",(msg)=>{
- let {data} = msg
- term.writeln(data)
- })
-
-
-
- $(document).on('submit','#wgcna_form',function(e)
- {
-
- console.log(`the socket id is ${socket.id}`)
-
- term.writeln(termDebugs.success)
-
- e.preventDefault();
- var form = $(this);
- $.ajax({
- type:'POST',
- url:'/wgcna_results',
- data:form.serialize(),
-
- success:function(){},
- success:function(data){
- // console.log(data)
+})
+
+socket.on("output", ({
+ data
+}) => {
+ term.writeln(data)
+})
+
+$(document).on('submit', '#wgcna_form', function(e) {
+ term.writeln(termDebugs.success)
+
+ e.preventDefault();
+ var form = $(this);
+ $.ajax({
+ type: 'POST',
+ url: '/wgcna_results',
+ data: form.serialize(),
+ success: function(data) {
document.write(data)
- // document.write()
- // window.location.href = "test_wgcna_results.html"
- // console.log(data)
-
}
- // success:function(data, textStatus)
- // {
-
- // // console.log(event)
- // // console.log(data)
- // // document.write(data);
- // console.log(data)
- // // alert('saved');
- // // console.log(data.redirect)
- // }
- })
- });
-
-
-
-
-
-
-
-// });
+ })
+});
</script>
{% endblock %} \ No newline at end of file