|
420
|
1 |
<h2> |
|
|
2 |
<span class="Rk-CloseX">×</span><%-renkan.translate("Edit Node")%></span> |
|
|
3 |
</h2> |
|
|
4 |
<p> |
|
|
5 |
<label><%-renkan.translate("Title:")%></label> |
|
|
6 |
<input class="Rk-Edit-Title" type="text" value="<%-node.title%>" /> |
|
|
7 |
</p> |
|
|
8 |
<% if (options.show_node_editor_uri) { %> |
|
|
9 |
<p> |
|
|
10 |
<label><%-renkan.translate("URI:")%></label> |
|
|
11 |
<input class="Rk-Edit-URI" type="text" value="<%-node.uri%>" /> |
|
|
12 |
<a class="Rk-Edit-Goto" href="<%-node.uri%>" target="_blank"></a> |
|
|
13 |
</p> |
|
|
14 |
<% } %> <% if (options.show_node_editor_description) { %> |
|
|
15 |
<p> |
|
|
16 |
<label><%-renkan.translate("Description:")%></label> |
|
|
17 |
<textarea class="Rk-Edit-Description"><%-node.description%></textarea> |
|
|
18 |
</p> |
|
|
19 |
<% } %> <% if (options.show_node_editor_size) { %> |
|
|
20 |
<p> |
|
|
21 |
<span class="Rk-Editor-Label"><%-renkan.translate("Size:")%></span> |
|
|
22 |
<a href="#" class="Rk-Edit-Size-Down">-</a> |
|
|
23 |
<span class="Rk-Edit-Size-Value"><%-node.size%></span> |
|
|
24 |
<a href="#" class="Rk-Edit-Size-Up">+</a> |
|
|
25 |
</p> |
|
|
26 |
<% } %> <% if (options.show_node_editor_color) { %> |
|
|
27 |
<div class="Rk-Editor-p"> |
|
|
28 |
<span class="Rk-Editor-Label"> |
|
|
29 |
<%-renkan.translate("Node color:")%></span> |
|
|
30 |
<div class="Rk-Edit-ColorPicker-Wrapper"> |
|
|
31 |
<span class="Rk-Edit-Color" style="background: <%-node.color%>;"> |
|
|
32 |
<span class="Rk-Edit-ColorTip"></span> |
|
|
33 |
</span> |
|
|
34 |
<%= renkan.colorPicker %> |
|
|
35 |
<span class="Rk-Edit-ColorPicker-Text"><%- renkan.translate("Choose color") %></span> |
|
|
36 |
</div> |
|
|
37 |
</div> |
|
|
38 |
<% } %> <% if (options.show_node_editor_image) { %> |
|
|
39 |
<div class="Rk-Edit-ImgWrap"> |
|
|
40 |
<div class="Rk-Edit-ImgPreview"> |
|
|
41 |
<img src="<%-node.image || node.image_placeholder%>" /> |
|
|
42 |
<% if (node.clip_path) { %> |
|
|
43 |
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none"> |
|
|
44 |
<path style="stroke-width: .02; stroke:red; fill-opacity:.3; fill:red;" d="<%- node.clip_path %>" /> |
|
|
45 |
</svg> |
|
|
46 |
<% }%> |
|
|
47 |
</div> |
|
|
48 |
</div> |
|
|
49 |
<p> |
|
|
50 |
<label><%-renkan.translate("Image URL:")%></label> |
|
|
51 |
<div> |
|
|
52 |
<a class="Rk-Edit-Image-Del" href="#"></a> |
|
|
53 |
<input class="Rk-Edit-Image" type="text" value='<%-node.image%>' /> |
|
|
54 |
</div> |
|
|
55 |
</p> |
|
|
56 |
<% if (options.allow_image_upload) { %> |
|
|
57 |
<p> |
|
|
58 |
<label><%-renkan.translate("Choose Image File:")%></label> |
|
|
59 |
<input class="Rk-Edit-Image-File" type="file" accept="image/*" /> |
|
|
60 |
</p> |
|
|
61 |
<% }%><% } %> <% if (options.show_node_editor_creator && node.has_creator) { %> |
|
|
62 |
<p> |
|
|
63 |
<span class="Rk-Editor-Label"><%-renkan.translate("Created by:")%></span> |
|
|
64 |
<span class="Rk-UserColor" style="background: <%-node.created_by_color%>;"></span> |
|
|
65 |
<%- shortenText(node.created_by_title, 25) %> |
|
|
66 |
</p> |
|
|
67 |
<% } %> <% if (options.change_shapes) { %> |
|
|
68 |
<p> |
|
|
69 |
<label><%-renkan.translate("Shapes available")%>:</label> |
|
|
70 |
<select class="Rk-Edit-Shape"> |
|
|
71 |
<option class="Rk-Edit-Vocabulary-Property" value="circle"<% if (node.shape === "circle") { %> selected<% } %>> |
|
|
72 |
<%- renkan.translate("Circle") %> |
|
|
73 |
</option> |
|
|
74 |
<option class="Rk-Edit-Vocabulary-Property" value="rectangle"<% if (node.shape === "rectangle") { %> selected<% } %>> |
|
|
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 |
</select> |
|
|
90 |
</p> |
|
|
91 |
<% } %> |