projecthandler/template/project/descriptor/descriptor_view_base.html

   1 {% extends "base.html" %}
   2
   3 {% load staticfiles %}
   4
   5 {% block head_block %}
   6         {{ block.super }}
   7
   8
   9     <!-- Codemirror core CSS -->
  10     <link rel="stylesheet" href="/static/bower_components/codemirror/lib/codemirror.css" >
  11     <link rel="stylesheet" href="/static/bower_components/codemirror/addon/fold/foldgutter.css"  />
  12     <link rel="stylesheet" href="/static/bower_components/codemirror/theme/neat.css" >
  13     <link rel="stylesheet" href="/static/bower_components/codemirror/addon/dialog/dialog.css" >
  14     <link rel="stylesheet" href="/static/bower_components/codemirror/addon/display/fullscreen.css" >
  15
  16 {% endblock %}
  17
  18
  19
  20
  21 {% block content_body %}
  22         {{ block.super }}
  23 <div class="row">
  24     <div class="col-md-12">
  25     <div class="nav-tabs-custom" style="position: relative;">
  26     <ul class="nav nav-tabs" >
  27         {% block tab_pane_button_list %}
  28
  29         {% endblock %}
  30
  31         {% block nav_buttons_list %}
  32
  33         {% endblock %}
  34
  35     </ul>
  36         <div class="alert alert-success" id="success-alert" style="position: absolute; z-index: 100; top: 44px; left: 0;
  37     width: 100%;
  38     border-radius: 1px;
  39     background-color: rgba(0, 166, 90, 0.8) !important;
  40     text-align: center;
  41     border-color: rgba(0, 141, 76, 0.4);" hidden>
  42             <button type="button" class="close" onclick="$('#success-alert').toggle()">x</button>
  43             <strong>Success! </strong>
  44             Descriptor updated!
  45         </div>
  46     <div class="tab-content">
  47         {% block tab_pane_list %}
  48
  49         {% endblock %}
  50     </div>
  51     <!-- /.tab-content -->
  52
  53
  54
  55
  56 </div>
  57
  58     </div>
  59 </div>
  60 {% endblock %}
  61
  62 {% block resource_block %}
  63         {{ block.super }}
  64
  65
  66     <script src="/static/bower_components/codemirror/lib/codemirror.js" ></script>
  67     <script src="/static/bower_components/codemirror/addon/fold/foldcode.js" ></script>
  68     <script src="/static/bower_components/codemirror/addon/fold/foldgutter.js" ></script>
  69     <script src="/static/bower_components/codemirror/addon/fold/brace-fold.js" ></script>
  70     <script src="/static/bower_components/codemirror/mode/javascript/javascript.js" ></script>
  71     <script src="/static/bower_components/codemirror/mode/yaml/yaml.js" ></script>
  72     <script src="/static/bower_components/codemirror/mode/markdown/markdown.js" ></script>
  73     <script src="/static/bower_components/codemirror/addon/search/searchcursor.js" ></script>
  74     <script src="/static/bower_components/codemirror/addon/search/search.js" ></script>
  75     <script src="/static/bower_components/codemirror/addon/dialog/dialog.js" ></script>
  76     <script src="/static/bower_components/codemirror/addon/display/autorefresh.js" ></script>
  77     <script src="/static/bower_components/codemirror/addon/edit/matchbrackets.js" ></script>
  78     <script src="/static/bower_components/codemirror/addon/edit/closebrackets.js" ></script>
  79     <script src="/static/bower_components/codemirror/addon/display/fullscreen.js" ></script>
  80     <script src="/static/bower_components/codemirror/keymap/sublime.js" ></script>
  81
  82
  83     <script>
  84
  85         var json_editor_settings = {
  86             mode: "javascript",
  87             showCursorWhenSelecting: true,
  88             autofocus: true,
  89             lineNumbers: true,
  90             lineWrapping: true,
  91             foldGutter: true,
  92             gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
  93             autoCloseBrackets: true,
  94             matchBrackets: true,
  95             extraKeys: {
  96                 "F11": function (cm) {
  97                     cm.setOption("fullScreen", !cm.getOption("fullScreen"));
  98                 },
  99                 "Esc": function (cm) {
 100                     if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
 101                 },
 102                 "Ctrl-Q": function (cm) {
 103                     cm.foldCode(cm.getCursor());
 104                 }
 105             },
 106             theme: "neat",
 107             keyMap: "sublime"
 108         };
 109
 110         var yaml_editor_settings = {
 111             mode: "yaml",
 112             showCursorWhenSelecting: true,
 113             autofocus: true,
 114             autoRefresh: true,
 115             lineNumbers: true,
 116             lineWrapping: true,
 117             foldGutter: true,
 118             gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
 119             autoCloseBrackets: true,
 120             matchBrackets: true,
 121             extraKeys: {
 122                 "F11": function (cm) {
 123                     cm.setOption("fullScreen", !cm.getOption("fullScreen"));
 124                 },
 125                 "Esc": function (cm) {
 126                     if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
 127                 },
 128                 "Ctrl-Q": function (cm) {
 129                     cm.foldCode(cm.getCursor());
 130                 }
 131             },
 132             theme: "neat",
 133             keyMap: "sublime"
 134         };
 135
 136
 137         function goToGraph() {
 138             window.location.href = '/projects/graph?type={{descriptor_type}}&id={{descriptor_id}}'
 139         }
 140     </script>
 141 {% endblock %}