diff options
Diffstat (limited to 'gn2/wqflask/templates/gn_editor.html')
| -rw-r--r-- | gn2/wqflask/templates/gn_editor.html | 139 |
1 files changed, 84 insertions, 55 deletions
diff --git a/gn2/wqflask/templates/gn_editor.html b/gn2/wqflask/templates/gn_editor.html index 18d4eaa1..09723dab 100644 --- a/gn2/wqflask/templates/gn_editor.html +++ b/gn2/wqflask/templates/gn_editor.html @@ -1,65 +1,94 @@ {% extends "base.html" %} -{% block title %}Genenetwork Files Editor {% endblock %} - +{% block title %}Genenetwork Files Editor{% endblock %} {% block css %} - - -<link rel="stylesheet" type="text/css" href="{{ url_for('css', filename='diff2html/diff2html.min.css') }}" /> -<link rel="stylesheet" type="text/css" href="{{ url_for('css', filename='highlight/default.min.css') }}" /> -<style> - -</style> + <link rel="stylesheet" + type="text/css" + href="{{ url_for('css', filename='diff2html/diff2html.min.css') }}" /> + <link rel="stylesheet" + type="text/css" + href="{{ url_for('css', filename='highlight/default.min.css') }}" /> {% endblock %} {% block search %}{% endblock %} {% block content %} -<section class="container-fluid"> - <header class="row"> - <nav class="navbar" style="background-color:#ccc"> - <div class="container-fluid"> - <div class="navbar-header"> - <a class="navbar-brand" href="#"><strong>GN Editor<strong></a> - </div> - <div style="padding-right:3.6rem"> - <ul class="nav navbar-nav navbar-right"> - <li><a href="#" hx-get="/editor/commit" hx-target="#output" hx-trigger="click" hx-swap="innerHTML" >Commit </a></li> - <li><a href="#" hx-get="/editor/settings" hx-target="#output" hx-trigger="click" hx-swap="innerHTML" >Settings </a></li> - <li><a href="https://github.com/ajaxorg/ace/wiki/Default-Keyboard-Shortcuts" target="_blank">Help</a></li> - </ul> - </div> - </div> - </nav> - </header> - <div> - <div class="row" id="gn-editor"> - <section class="col-sm-6" id="editor" style="height:100vh"> - </section> - <section class="col-sm-6"> - <div class="row"> - <section class="col-sm-10 col-sm-offset-1" id="output" style="height:100vh;overflow-y:scroll;padding-top:2.5rem" id="swap"> - </section> + <section class="container-fluid"> + <header class="row"> + <nav class="navbar" style="background-color:#ccc"> + <div class="container-fluid"> + <div class="navbar-header"> + <a class="navbar-brand" href="#"><strong>GN Editor</strong></a> + </div> + <div style="padding-right:3.6rem"> + <ul class="nav navbar-nav navbar-right"> + <li> + <a href="#" + hx-get="/editor/commit" + hx-target="#output" + hx-trigger="click" + hx-swap="innerHTML">Commit</a> + </li> + <li> + <a href="#" + hx-get="/editor/settings" + hx-target="#output" + hx-trigger="click" + hx-swap="innerHTML">Settings</a> + </li> + <li> + <a href="https://github.com/ajaxorg/ace/wiki/Default-Keyboard-Shortcuts" + target="_blank">Help</a> + </li> + </ul> + </div> + </div> + </nav> + </header> + <div> + <div class="row" id="gn-editor"> + <section class="col-sm-6" id="editor" style="height:100vh"> + </section> + <section class="col-sm-6"> + <div class="row"> + <section class="col-sm-10 col-sm-offset-1" + id="output" + style="height:100vh; + overflow-y:scroll; + padding-top:2.5rem" + id="swap"> + </section> + </div> + </section> + </div> </div> - - </section> - </div> - </div> -</section> - + </section> {% endblock %} - {% block js %} -<script src="{{ url_for('js', filename='jquery/jquery.min.js') }}" type="text/javascript"></script> -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='diff2html/diff2html.min.js') }}"></script> -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='jquery-ui/jquery-ui.min.js') }}"></script> - -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='htmx.min.js') }}"></script> - - -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='jsdiff/diff.min.js') }}"></script> -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='ace/ace.js') }}"></script> -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='marked/marked.min.js') }}"></script> -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='marked/marked-highlight.js') }}"></script> -<script language="javascript" type="text/javascript" src="{{ url_for('js', filename='highlight/highlight.min.js') }}"></script> -<script type="text/javascript"> + <script src="{{ url_for('js', filename='jquery/jquery.min.js') }}" + type="text/javascript"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='diff2html/diff2html.min.js') }}"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='jquery-ui/jquery-ui.min.js') }}"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='htmx.min.js') }}"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='jsdiff/diff.min.js') }}"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='ace/ace.js') }}"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='marked/marked.min.js') }}"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='marked/marked-highlight.js') }}"></script> + <script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='highlight/highlight.min.js') }}"></script> + <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { $('footer').hide() @@ -170,5 +199,5 @@ }); -</script> + </script> {% endblock %} |