|
|
@@ -11,29 +11,89 @@
|
|
|
}
|
|
|
|
|
|
#editor {
|
|
|
- height: 300px;
|
|
|
- width: 45%;
|
|
|
+ height: 300px;
|
|
|
+ width: 45%;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="container-fluid">
|
|
|
<div class="row">
|
|
|
- <div class="col-xs-6 col-md-6">
|
|
|
- <div id="editor"></div>
|
|
|
- <div id="results"></div>
|
|
|
- </div>
|
|
|
- <div class="col-xs-6 col-md-6">
|
|
|
- <p> snippets </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-4">
|
|
|
- <button id="run" type="button" class="btn btn-success btn-lg">Run</button>
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-12">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div id="editor"></div>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6">
|
|
|
+ <div id="card-544879">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <a class="card-link" data-toggle="collapse" data-parent="#card-544879" href="#card-element-858398">Snippet 1</a>
|
|
|
+ </div>
|
|
|
+ <div id="card-element-858398" class="collapse show">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="jumbotron">
|
|
|
+ <h2>
|
|
|
+ Snippet 1
|
|
|
+ </h2>
|
|
|
+ <p>
|
|
|
+ Some python code
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <a class="btn btn-primary btn-large" href="#">Load</a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-header">
|
|
|
+ <a class="collapsed card-link" data-toggle="collapse" data-parent="#card-544879" href="#card-element-291021">Snippet 2</a>
|
|
|
+ </div>
|
|
|
+ <div id="card-element-291021" class="collapse">
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="jumbotron">
|
|
|
+ <h2>
|
|
|
+ Snippet 1
|
|
|
+ </h2>
|
|
|
+ <p>
|
|
|
+ Some python code
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <a class="btn btn-primary btn-large" href="#">Load</a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-12">
|
|
|
+ <p id="results" class="text-info">
|
|
|
+
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-4">
|
|
|
+
|
|
|
+ <button type="button" class="btn btn-success btn-lg" id="run">Run</button>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+ </div>
|
|
|
+ <div class="col-md-4">
|
|
|
+
|
|
|
+ <address>
|
|
|
+ <strong>Eran Goldman-Malka</strong><br /> erangoldman@gmail.com
|
|
|
+ </address>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -55,16 +115,16 @@
|
|
|
});
|
|
|
var ws = new WebSocket('ws://'+window.location.host+':8080/');
|
|
|
ws.onopen = function(event) {
|
|
|
- console.log("open ws connection");
|
|
|
- console.log(event.data);
|
|
|
+ console.log("open ws connection");
|
|
|
+ console.log(event.data);
|
|
|
};
|
|
|
ws.onclose = function() {
|
|
|
- console.log("close ws connection");
|
|
|
+ console.log("close ws connection");
|
|
|
};
|
|
|
ws.onmessage = function(event) {
|
|
|
- $("#results").append(event.data)
|
|
|
- console.log("Got data :");
|
|
|
- console.log(event.data);
|
|
|
+ $("#results").append(event.data)
|
|
|
+ console.log("Got data :");
|
|
|
+ console.log(event.data);
|
|
|
};
|
|
|
|
|
|
$("#run").click(function(){
|
Eran Goldman-Malka