client/templates/nodeeditor.html
author rougeronj
Wed, 03 Jun 2015 17:27:46 +0200
changeset 471 e0c7be5dc02c
parent 441 4732f078d0fe
child 458 423bdf56d103
permissions -rw-r--r--
Add a router to handle fragment identifier Set up a listener of the router in the scene to update it Start Backbone.history (eventlistener of the router) when all the project is loaded Include router.js to all the test file
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
     1
<h2>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
     2
    <span class="Rk-CloseX">&times;</span><%-renkan.translate("Edit Node")%></span>
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
     3
</h2>
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
     4
<p>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
     5
    <label><%-renkan.translate("Title:")%></label>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
     6
    <input class="Rk-Edit-Title" type="text" value="<%-node.title%>" />
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
     7
</p>
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
     8
<% if (options.show_node_editor_uri) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
     9
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    10
        <label><%-renkan.translate("URI:")%></label>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    11
        <input class="Rk-Edit-URI" type="text" value="<%-node.uri%>" />
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    12
        <a class="Rk-Edit-Goto" href="<%-node.uri%>" target="_blank"></a>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    13
    </p>
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
    14
<% } %> <% if (options.show_node_editor_description) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    15
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    16
        <label><%-renkan.translate("Description:")%></label>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    17
        <textarea class="Rk-Edit-Description"><%-node.description%></textarea>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    18
    </p>
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
    19
<% } %> <% if (options.show_node_editor_size) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    20
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    21
        <span class="Rk-Editor-Label"><%-renkan.translate("Size:")%></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    22
        <a href="#" class="Rk-Edit-Size-Down">-</a>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    23
        <span class="Rk-Edit-Size-Value"><%-node.size%></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    24
        <a href="#" class="Rk-Edit-Size-Up">+</a>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    25
    </p>
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
    26
<% } %> <% if (options.show_node_editor_color) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    27
    <div class="Rk-Editor-p">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    28
        <span class="Rk-Editor-Label">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    29
        <%-renkan.translate("Node color:")%></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    30
        <div class="Rk-Edit-ColorPicker-Wrapper">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    31
            <span class="Rk-Edit-Color" style="background: <%-node.color%>;">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    32
                <span class="Rk-Edit-ColorTip"></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    33
            </span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    34
            <%= renkan.colorPicker %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    35
            <span class="Rk-Edit-ColorPicker-Text"><%- renkan.translate("Choose color") %></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    36
        </div>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    37
    </div>
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
    38
<% } %> <% if (options.show_node_editor_image) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    39
    <div class="Rk-Edit-ImgWrap">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    40
        <div class="Rk-Edit-ImgPreview">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    41
            <img src="<%-node.image || node.image_placeholder%>" />
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    42
            <% if (node.clip_path) { %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    43
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    44
                    <path style="stroke-width: .02; stroke:red; fill-opacity:.3; fill:red;" d="<%- node.clip_path %>" />
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    45
                </svg>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    46
            <% }%>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    47
        </div>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    48
    </div>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    49
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    50
        <label><%-renkan.translate("Image URL:")%></label>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    51
        <div>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    52
            <a class="Rk-Edit-Image-Del" href="#"></a>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    53
            <input class="Rk-Edit-Image" type="text" value='<%-node.image%>' />
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    54
        </div>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    55
    </p>
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
    56
<% if (options.allow_image_upload) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    57
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    58
        <label><%-renkan.translate("Choose Image File:")%></label>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    59
        <input class="Rk-Edit-Image-File" type="file" accept="image/*" />
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    60
    </p>
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
    61
<% }%><% } %> <% if (options.show_node_editor_creator && node.has_creator) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    62
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    63
        <span class="Rk-Editor-Label"><%-renkan.translate("Created by:")%></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    64
        <span class="Rk-UserColor" style="background: <%-node.created_by_color%>;"></span>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    65
        <%- shortenText(node.created_by_title, 25) %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    66
    </p>
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
    67
<% } %> <% if (options.change_shapes) { %>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    68
    <p>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    69
        <label><%-renkan.translate("Shapes available")%>:</label>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    70
        <select class="Rk-Edit-Shape">
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    71
            <option class="Rk-Edit-Vocabulary-Property" value="circle"<% if (node.shape === "circle") { %> selected<% } %>>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    72
                <%- renkan.translate("Circle") %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    73
            </option>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    74
            <option class="Rk-Edit-Vocabulary-Property" value="rectangle"<% if (node.shape === "rectangle") { %> selected<% } %>>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    75
                <%- renkan.translate("Square") %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    76
            </option>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    77
            <option class="Rk-Edit-Vocabulary-Property" value="diamond"<% if (node.shape === "diamond") { %> selected<% } %>>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    78
                <%- renkan.translate("Diamond") %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    79
            </option>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    80
            <option class="Rk-Edit-Vocabulary-Property" value="polygon"<% if (node.shape === "polygon") { %> selected<% } %>>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    81
                <%- renkan.translate("Hexagone") %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    82
            </option>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    83
            <option class="Rk-Edit-Vocabulary-Property" value="ellipse"<% if (node.shape === "ellipse") { %> selected<% } %>>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    84
                <%- renkan.translate("Ellipse") %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    85
            </option>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    86
            <option class="Rk-Edit-Vocabulary-Property" value="star"<% if (node.shape === "star") { %> selected<% } %>>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    87
                <%- renkan.translate("Star") %>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    88
            </option>
441
4732f078d0fe add cloud form
ymh <ymh.work@gmail.com>
parents: 434
diff changeset
    89
            <option class="Rk-Edit-Vocabulary-Property" value="cloud"<% if (node.shape === "cloud") { %> selected<% } %>>
4732f078d0fe add cloud form
ymh <ymh.work@gmail.com>
parents: 434
diff changeset
    90
                <%- renkan.translate("Cloud") %>
4732f078d0fe add cloud form
ymh <ymh.work@gmail.com>
parents: 434
diff changeset
    91
            </option>
434
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    92
        </select>
0d5998b32a7c clean, and finalize lodash migration
ymh <ymh.work@gmail.com>
parents: 420
diff changeset
    93
    </p>
420
22393cbf4467 export the templates of nodeeditor to html files
rougeronj
parents:
diff changeset
    94
<% } %>