client/templates/edgeeditor.html
author rougeronj
Tue, 22 Sep 2015 15:14:10 +0200
changeset 543 5f7bebdcfc0d
parent 459 98cae534083d
child 649 2b9c120dba55
permissions -rw-r--r--
Improve the way we init the view. The data loader send a "loaded" event, hooked by the scene.py and initializing the backbone.history and the view. We don't use redraw_active in save-once and full-json, because it was making the view initialization dependent of these file which are externals. Small fix to hide the "set saved view" button when there is only one view.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
419
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
     1
<h2>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
     2
    <span class="Rk-CloseX">&times;</span><%-renkan.translate("Edit Edge")%></span>
419
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
     3
</h2>
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
     4
<p>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
     5
    <label><%-renkan.translate("Title:")%></label>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
     6
    <input class="Rk-Edit-Title" type="text" value="<%-edge.title%>" />
419
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
     7
</p>
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
     8
<% if (options.show_edge_editor_uri) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
     9
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    10
        <label><%-renkan.translate("URI:")%></label>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    11
        <input class="Rk-Edit-URI" type="text" value="<%-edge.uri%>" />
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    12
        <a class="Rk-Edit-Goto" href="<%-edge.uri%>" target="_blank"></a>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    13
    </p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    14
    <% if (options.properties.length) { %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    15
        <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    16
            <label><%-renkan.translate("Choose from vocabulary:")%></label>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    17
            <select class="Rk-Edit-Vocabulary">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    18
                <% _.each(options.properties, function(ontology) { %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    19
                    <option class="Rk-Edit-Vocabulary-Class" value="">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    20
                        <%- renkan.translate(ontology.label) %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    21
                    </option>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    22
                    <% _.each(ontology.properties, function(property) { var uri = ontology["base-uri"] + property.uri; %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    23
                        <option class="Rk-Edit-Vocabulary-Property" value="<%- uri %>"
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    24
                            <% if (uri === edge.uri) { %> selected<% } %>>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    25
                            <%- renkan.translate(property.label) %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    26
                        </option>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    27
                    <% }) %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    28
                <% }) %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    29
            </select>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    30
        </p>
419
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
    31
<% } } %>
459
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    32
<% if (options.show_edge_editor_style) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    33
    <div class="Rk-Editor-p">
459
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    34
      <% if (options.show_edge_editor_style_color) { %>
458
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle
ymh <ymh.work@gmail.com>
parents: 434
diff changeset
    35
      <div id="Rk-Editor-p-color">
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    36
        <span class="Rk-Editor-Label"><%-renkan.translate("Edge color:")%></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    37
        <div class="Rk-Edit-ColorPicker-Wrapper">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    38
            <span class="Rk-Edit-Color" style="background: &lt;%-edge.color%>;">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    39
                <span class="Rk-Edit-ColorTip"></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    40
            </span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    41
            <%= renkan.colorPicker %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    42
            <span class="Rk-Edit-ColorPicker-Text"><%- renkan.translate("Choose color") %></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    43
        </div>
458
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle
ymh <ymh.work@gmail.com>
parents: 434
diff changeset
    44
      </div>
459
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    45
      <% } %>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    46
      <% if (options.show_edge_editor_style_dash) { %>
458
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle
ymh <ymh.work@gmail.com>
parents: 434
diff changeset
    47
      <div id="Rk-Editor-p-dash">
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle
ymh <ymh.work@gmail.com>
parents: 434
diff changeset
    48
        <span class="Rk-Editor-Label"><%-renkan.translate("Dash:")%></span>
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle
ymh <ymh.work@gmail.com>
parents: 434
diff changeset
    49
        <input type="checkbox" name="Rk-Edit-Dash" class="Rk-Edit-Dash" <%- edge.dash %> />
423bdf56d103 migrated to style, added dash style to client + small refactoring for shapes + triangle
ymh <ymh.work@gmail.com>
parents: 434
diff changeset
    50
      </div>
459
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    51
      <% } %>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    52
      <% if (options.show_edge_editor_style_thickness) { %>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    53
      <div id="Rk-Editor-p-thickness">
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    54
          <span class="Rk-Editor-Label"><%-renkan.translate("Thickness:")%></span>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    55
          <a href="#" class="Rk-Edit-Size-Btn" id="Rk-Edit-Thickness-Down">-</a>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    56
          <span class="Rk-Edit-Size-Disp" id="Rk-Edit-Thickness-Value"><%- edge.thickness %></span>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    57
          <a href="#" class="Rk-Edit-Size-Btn" id="Rk-Edit-Thickness-Up">+</a>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    58
      </div>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    59
      <% } %>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    60
      <% if (options.show_edge_editor_style_arrow) { %>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    61
      <div id="Rk-Editor-p-arrow">
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    62
        <span class="Rk-Editor-Label"><%-renkan.translate("Arrow:")%></span>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    63
        <input type="checkbox" name="Rk-Edit-Arrow" class="Rk-Edit-Arrow" <%- edge.arrow %> />
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    64
      </div>
98cae534083d add node and edge stroke width + adjust text + arrow placement + conrol arrow visibility
ymh <ymh.work@gmail.com>
parents: 458
diff changeset
    65
      <% } %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    66
    </div>
419
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
    67
<% } %>
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
    68
<% if (options.show_edge_editor_direction) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    69
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    70
        <span class="Rk-Edit-Direction"><%- renkan.translate("Change edge direction") %></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    71
    </p>
419
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
    72
<% } %>
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
    73
<% if (options.show_edge_editor_nodes) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    74
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    75
        <span class="Rk-Editor-Label"><%-renkan.translate("From:")%></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    76
        <span class="Rk-UserColor" style="background: <%-edge.from_color%>;"></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    77
        <%- shortenText(edge.from_title, 25) %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    78
    </p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    79
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    80
        <span class="Rk-Editor-Label"><%-renkan.translate("To:")%></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    81
        <span class="Rk-UserColor" style="background: >%-edge.to_color%>;"></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    82
        <%- shortenText(edge.to_title, 25) %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    83
    </p>
419
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
    84
<% } %>
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
    85
<% if (options.show_edge_editor_creator && edge.has_creator) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    86
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    87
        <span class="Rk-Editor-Label"><%-renkan.translate("Created by:")%></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    88
        <span class="Rk-UserColor" style="background: &lt;%-edge.created_by_color%>;"></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    89
        <%- shortenText(edge.created_by_title, 25) %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 419
diff changeset
    90
    </p>
419
4f458e6d32bd export the templates of scene and edgeeditor to html files
rougeronj
parents:
diff changeset
    91
<% } %>