21 <span class="Rk-Editor-Label"><%-renkan.translate("Size:")%></span> |
21 <span class="Rk-Editor-Label"><%-renkan.translate("Size:")%></span> |
22 <a href="#" class="Rk-Edit-Size-Down">-</a> |
22 <a href="#" class="Rk-Edit-Size-Down">-</a> |
23 <span class="Rk-Edit-Size-Value"><%-node.size%></span> |
23 <span class="Rk-Edit-Size-Value"><%-node.size%></span> |
24 <a href="#" class="Rk-Edit-Size-Up">+</a> |
24 <a href="#" class="Rk-Edit-Size-Up">+</a> |
25 </p> |
25 </p> |
26 <% } %> <% if (options.show_node_editor_color) { %> |
26 <% } %> <% if (options.show_node_editor_style) { %> |
27 <div class="Rk-Editor-p"> |
27 <div class="Rk-Editor-p"> |
|
28 <div id="Rk-Editor-p-color"> |
28 <span class="Rk-Editor-Label"> |
29 <span class="Rk-Editor-Label"> |
29 <%-renkan.translate("Node color:")%></span> |
30 <%-renkan.translate("Node color:")%></span> |
30 <div class="Rk-Edit-ColorPicker-Wrapper"> |
31 <div class="Rk-Edit-ColorPicker-Wrapper"> |
31 <span class="Rk-Edit-Color" style="background: <%-node.color%>;"> |
32 <span class="Rk-Edit-Color" style="background: <%-node.color%>;"> |
32 <span class="Rk-Edit-ColorTip"></span> |
33 <span class="Rk-Edit-ColorTip"></span> |
33 </span> |
34 </span> |
34 <%= renkan.colorPicker %> |
35 <%= renkan.colorPicker %> |
35 <span class="Rk-Edit-ColorPicker-Text"><%- renkan.translate("Choose color") %></span> |
36 <span class="Rk-Edit-ColorPicker-Text"><%- renkan.translate("Choose color") %></span> |
36 </div> |
37 </div> |
|
38 </div> |
|
39 <div id="Rk-Editor-p-dash"> |
|
40 <span class="Rk-Editor-Label"><%-renkan.translate("Dash:")%></span> |
|
41 <input type="checkbox" name="Rk-Edit-Dash" class="Rk-Edit-Dash" <%- node.dash %> /> |
|
42 </div> |
37 </div> |
43 </div> |
38 <% } %> <% if (options.show_node_editor_image) { %> |
44 <% } %> <% if (options.show_node_editor_image) { %> |
39 <div class="Rk-Edit-ImgWrap"> |
45 <div class="Rk-Edit-ImgWrap"> |
40 <div class="Rk-Edit-ImgPreview"> |
46 <div class="Rk-Edit-ImgPreview"> |
41 <img src="<%-node.image || node.image_placeholder%>" /> |
47 <img src="<%-node.image || node.image_placeholder%>" /> |
66 </p> |
72 </p> |
67 <% } %> <% if (options.change_shapes) { %> |
73 <% } %> <% if (options.change_shapes) { %> |
68 <p> |
74 <p> |
69 <label><%-renkan.translate("Shapes available")%>:</label> |
75 <label><%-renkan.translate("Shapes available")%>:</label> |
70 <select class="Rk-Edit-Shape"> |
76 <select class="Rk-Edit-Shape"> |
71 <option class="Rk-Edit-Vocabulary-Property" value="circle"<% if (node.shape === "circle") { %> selected<% } %>> |
77 <% _.each(shapes, function(shape) { %> |
72 <%- renkan.translate("Circle") %> |
78 <option class="Rk-Edit-Vocabulary-Property" value="<%- shape %>"<% if (node.shape === shape) { %> selected<% } %>> |
|
79 <%- renkan.translate(shape.charAt(0).toUpperCase() + shape.substring(1)) %> |
73 </option> |
80 </option> |
74 <option class="Rk-Edit-Vocabulary-Property" value="rectangle"<% if (node.shape === "rectangle") { %> selected<% } %>> |
81 <% }); %> |
75 <%- renkan.translate("Square") %> |
|
76 </option> |
|
77 <option class="Rk-Edit-Vocabulary-Property" value="diamond"<% if (node.shape === "diamond") { %> selected<% } %>> |
|
78 <%- renkan.translate("Diamond") %> |
|
79 </option> |
|
80 <option class="Rk-Edit-Vocabulary-Property" value="polygon"<% if (node.shape === "polygon") { %> selected<% } %>> |
|
81 <%- renkan.translate("Hexagone") %> |
|
82 </option> |
|
83 <option class="Rk-Edit-Vocabulary-Property" value="ellipse"<% if (node.shape === "ellipse") { %> selected<% } %>> |
|
84 <%- renkan.translate("Ellipse") %> |
|
85 </option> |
|
86 <option class="Rk-Edit-Vocabulary-Property" value="star"<% if (node.shape === "star") { %> selected<% } %>> |
|
87 <%- renkan.translate("Star") %> |
|
88 </option> |
|
89 <option class="Rk-Edit-Vocabulary-Property" value="cloud"<% if (node.shape === "cloud") { %> selected<% } %>> |
|
90 <%- renkan.translate("Cloud") %> |
|
91 </option> |
|
92 </select> |
82 </select> |
93 </p> |
83 </p> |
94 <% } %> |
84 <% } %> |