client/templates/edgeeditor.html
author ymh <ymh.work@gmail.com>
Fri, 15 Sep 2017 14:11:36 +0200
changeset 658 cac26275af31
parent 649 2b9c120dba55
permissions -rw-r--r--
define version V0.13.02
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>
649
2b9c120dba55 first implementation of node title size and color
ymh <ymh.work@gmail.com>
parents: 459
diff changeset
    41
            <%= renkan.colorPicker('Rk-Editor-ColorPicker-Edge') %>
434
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
<% } %>