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">
  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="tab-content">
  37         {% block tab_pane_list %}
  38
  39         {% endblock %}
  40     </div>
  41     <!-- /.tab-content -->
  42
  43
  44
  45
  46 </div>
  47
  48     </div>
  49 </div>
  50 {% endblock %}
  51
  52 {% block resource_block %}
  53         {{ block.super }}
  54
  55
  56     <script src="/static/bower_components/codemirror/lib/codemirror.js" ></script>
  57     <script src="/static/bower_components/codemirror/addon/fold/foldcode.js" ></script>
  58     <script src="/static/bower_components/codemirror/addon/fold/foldgutter.js" ></script>
  59     <script src="/static/bower_components/codemirror/addon/fold/brace-fold.js" ></script>
  60     <script src="/static/bower_components/codemirror/mode/javascript/javascript.js" ></script>
  61     <script src="/static/bower_components/codemirror/mode/yaml/yaml.js" ></script>
  62     <script src="/static/bower_components/codemirror/mode/markdown/markdown.js" ></script>
  63     <script src="/static/bower_components/codemirror/addon/search/searchcursor.js" ></script>
  64     <script src="/static/bower_components/codemirror/addon/search/search.js" ></script>
  65     <script src="/static/bower_components/codemirror/addon/dialog/dialog.js" ></script>
  66     <script src="/static/bower_components/codemirror/addon/display/autorefresh.js" ></script>
  67     <script src="/static/bower_components/codemirror/addon/edit/matchbrackets.js" ></script>
  68     <script src="/static/bower_components/codemirror/addon/edit/closebrackets.js" ></script>
  69     <script src="/static/bower_components/codemirror/addon/display/fullscreen.js" ></script>
  70     <script src="/static/bower_components/codemirror/keymap/sublime.js" ></script>
  71
  72
  73     <script>
  74
  75         var json_editor_settings = {
  76             mode: "javascript",
  77             showCursorWhenSelecting: true,
  78             autofocus: true,
  79             lineNumbers: true,
  80             lineWrapping: true,
  81             foldGutter: true,
  82             gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
  83             autoCloseBrackets: true,
  84             matchBrackets: true,
  85             extraKeys: {
  86                 "F11": function (cm) {
  87                     cm.setOption("fullScreen", !cm.getOption("fullScreen"));
  88                 },
  89                 "Esc": function (cm) {
  90                     if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
  91                 },
  92                 "Ctrl-Q": function (cm) {
  93                     cm.foldCode(cm.getCursor());
  94                 }
  95             },
  96             theme: "neat",
  97             keyMap: "sublime"
  98         };
  99
 100         var yaml_editor_settings = {
 101             mode: "yaml",
 102             showCursorWhenSelecting: true,
 103             autofocus: true,
 104             autoRefresh: true,
 105             lineNumbers: true,
 106             lineWrapping: true,
 107             foldGutter: true,
 108             gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
 109             autoCloseBrackets: true,
 110             matchBrackets: true,
 111             extraKeys: {
 112                 "F11": function (cm) {
 113                     cm.setOption("fullScreen", !cm.getOption("fullScreen"));
 114                 },
 115                 "Esc": function (cm) {
 116                     if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
 117                 },
 118                 "Ctrl-Q": function (cm) {
 119                     cm.foldCode(cm.getCursor());
 120                 }
 121             },
 122             theme: "neat",
 123             keyMap: "sublime"
 124         };
 125
 126
 127         function goToGraph() {
 128             window.location.href = '/projects/graph?type={{descriptor_type}}&id={{descriptor_id}}'
 129         }
 130     </script>
 131 {% endblock %}