client/templates/nodeeditor.html
changeset 459 98cae534083d
parent 458 423bdf56d103
child 468 364c367df7fc
equal deleted inserted replaced
458:423bdf56d103 459:98cae534083d
       
     1 <% //TODO: change class to id %>
     1 <h2>
     2 <h2>
     2     <span class="Rk-CloseX">&times;</span><%-renkan.translate("Edit Node")%></span>
     3     <span class="Rk-CloseX">&times;</span><%-renkan.translate("Edit Node")%></span>
     3 </h2>
     4 </h2>
     4 <p>
     5 <p>
     5     <label><%-renkan.translate("Title:")%></label>
     6     <label><%-renkan.translate("Title:")%></label>
    17         <textarea class="Rk-Edit-Description"><%-node.description%></textarea>
    18         <textarea class="Rk-Edit-Description"><%-node.description%></textarea>
    18     </p>
    19     </p>
    19 <% } %> <% if (options.show_node_editor_size) { %>
    20 <% } %> <% if (options.show_node_editor_size) { %>
    20     <p>
    21     <p>
    21         <span class="Rk-Editor-Label"><%-renkan.translate("Size:")%></span>
    22         <span class="Rk-Editor-Label"><%-renkan.translate("Size:")%></span>
    22         <a href="#" class="Rk-Edit-Size-Down">-</a>
    23         <a href="#" class="Rk-Edit-Size-Btn" id="Rk-Edit-Size-Down">-</a>
    23         <span class="Rk-Edit-Size-Value"><%-node.size%></span>
    24         <span class="Rk-Edit-Size-Disp" id="Rk-Edit-Size-Value"><%-node.size%></span>
    24         <a href="#" class="Rk-Edit-Size-Up">+</a>
    25         <a href="#" class="Rk-Edit-Size-Btn" id="Rk-Edit-Size-Up">+</a>
    25     </p>
    26     </p>
    26 <% } %> <% if (options.show_node_editor_style) { %>
    27 <% } %> <% if (options.show_node_editor_style) { %>
    27     <div class="Rk-Editor-p">
    28     <div class="Rk-Editor-p">
       
    29       <% if (options.show_node_editor_style_color) { %>
    28       <div id="Rk-Editor-p-color">
    30       <div id="Rk-Editor-p-color">
    29         <span class="Rk-Editor-Label">
    31         <span class="Rk-Editor-Label">
    30         <%-renkan.translate("Node color:")%></span>
    32         <%-renkan.translate("Node color:")%></span>
    31         <div class="Rk-Edit-ColorPicker-Wrapper">
    33         <div class="Rk-Edit-ColorPicker-Wrapper">
    32             <span class="Rk-Edit-Color" style="background: <%-node.color%>;">
    34             <span class="Rk-Edit-Color" style="background: <%-node.color%>;">
    34             </span>
    36             </span>
    35             <%= renkan.colorPicker %>
    37             <%= renkan.colorPicker %>
    36             <span class="Rk-Edit-ColorPicker-Text"><%- renkan.translate("Choose color") %></span>
    38             <span class="Rk-Edit-ColorPicker-Text"><%- renkan.translate("Choose color") %></span>
    37         </div>
    39         </div>
    38       </div>
    40       </div>
       
    41       <% } %>
       
    42       <% if (options.show_node_editor_style_dash) { %>
    39       <div id="Rk-Editor-p-dash">
    43       <div id="Rk-Editor-p-dash">
    40         <span class="Rk-Editor-Label"><%-renkan.translate("Dash:")%></span>
    44         <span class="Rk-Editor-Label"><%-renkan.translate("Dash:")%></span>
    41         <input type="checkbox" name="Rk-Edit-Dash" class="Rk-Edit-Dash" <%- node.dash %> />
    45         <input type="checkbox" name="Rk-Edit-Dash" class="Rk-Edit-Dash" <%- node.dash %> />
    42       </div>
    46       </div>
       
    47       <% } %>
       
    48       <% if (options.show_node_editor_style_thickness) { %>
       
    49       <div id="Rk-Editor-p-thickness">
       
    50           <span class="Rk-Editor-Label"><%-renkan.translate("Thickness:")%></span>
       
    51           <a href="#" class="Rk-Edit-Size-Btn" id="Rk-Edit-Thickness-Down">-</a>
       
    52           <span class="Rk-Edit-Size-Disp" id="Rk-Edit-Thickness-Value"><%-node.thickness%></span>
       
    53           <a href="#" class="Rk-Edit-Size-Btn" id="Rk-Edit-Thickness-Up">+</a>
       
    54       </div>
       
    55       <% } %>
    43     </div>
    56     </div>
    44 <% } %> <% if (options.show_node_editor_image) { %>
    57 <% } %> <% if (options.show_node_editor_image) { %>
    45     <div class="Rk-Edit-ImgWrap">
    58     <div class="Rk-Edit-ImgWrap">
    46         <div class="Rk-Edit-ImgPreview">
    59         <div class="Rk-Edit-ImgPreview">
    47             <img src="<%-node.image || node.image_placeholder%>" />
    60             <img src="<%-node.image || node.image_placeholder%>" />