| author | ymh <ymh.work@gmail.com> |
| Sun, 14 Jul 2024 22:00:08 +0200 | |
| changeset 666 | 9d6550026232 |
| parent 316 | 242510015401 |
| permissions | -rw-r--r-- |
| 123 | 1 |
<!DOCTYPE html> |
|
224
0167b777ad15
remove deprecated warnings + fix date picker default langauge
ymh <ymh.work@gmail.com>
parents:
222
diff
changeset
|
2 |
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" th:lang="${#ctx.getLocale().toLanguageTag()}" > |
|
150
5b62100b8562
- replace simple http authentication by form auth
ymh <ymh.work@gmail.com>
parents:
141
diff
changeset
|
3 |
<head> |
|
5b62100b8562
- replace simple http authentication by form auth
ymh <ymh.work@gmail.com>
parents:
141
diff
changeset
|
4 |
<meta charset="utf-8"/> |
|
5b62100b8562
- replace simple http authentication by form auth
ymh <ymh.work@gmail.com>
parents:
141
diff
changeset
|
5 |
<title>Space form</title> |
|
5b62100b8562
- replace simple http authentication by form auth
ymh <ymh.work@gmail.com>
parents:
141
diff
changeset
|
6 |
</head> |
| 123 | 7 |
<body> |
| 127 | 8 |
<div id="spaceForm" th:fragment="spaceFormFragment" > |
9 |
<script type="text/javascript" th:inline="javascript"> |
|
10 |
//<![CDATA[ |
|
| 222 | 11 |
|
| 127 | 12 |
function spaceFormSubmit() { |
| 225 | 13 |
return true; |
14 |
var errors = {}; |
|
15 |
var valid = true; |
|
|
128
93a1fbe6a848
Correct add space and improve space form validation message
ymh <ymh.work@gmail.com>
parents:
127
diff
changeset
|
16 |
|
| 225 | 17 |
if(!$('#title').val()) { |
18 |
errors['title'] = /*[[#{renkan.error.title.empty}]]*/"renkan.error.title.empty"; |
|
19 |
valid = false; |
|
20 |
} |
|
| 127 | 21 |
|
| 225 | 22 |
if($('#binConfig').val()) { |
23 |
||
24 |
var editor = ace.edit("binConfigDiv"); |
|
25 |
var annotations = editor.getSession().getAnnotations(); |
|
26 |
if(annotations.length>0) { |
|
|
128
93a1fbe6a848
Correct add space and improve space form validation message
ymh <ymh.work@gmail.com>
parents:
127
diff
changeset
|
27 |
var error_message = /*[[#{renkan.error.bin_config.json}]]*/"renkan.error.bin_config.json"; |
|
93a1fbe6a848
Correct add space and improve space form validation message
ymh <ymh.work@gmail.com>
parents:
127
diff
changeset
|
28 |
errors['binConfigDiv'] = error_message + ". "+ annotations[0].type + ": (" +(annotations[0].row+1)+","+annotations[0].column+") " + annotations[0].text; |
| 225 | 29 |
valid = false; |
30 |
} |
|
31 |
} |
|
| 127 | 32 |
|
33 |
showformErrors(errors); |
|
| 225 | 34 |
|
| 127 | 35 |
return valid; |
36 |
} |
|
| 222 | 37 |
|
38 |
||
| 141 | 39 |
function _setBinConfigStatus(editor) { |
40 |
var annotations = editor.getSession().getAnnotations(); |
|
41 |
if(annotations.length>0) { |
|
|
224
0167b777ad15
remove deprecated warnings + fix date picker default langauge
ymh <ymh.work@gmail.com>
parents:
222
diff
changeset
|
42 |
$('.binConfigButton').attr("disabled", "disabled"); |
| 141 | 43 |
} |
44 |
else { |
|
45 |
$('.binConfigButton').removeAttr("disabled"); |
|
| 225 | 46 |
} |
| 141 | 47 |
} |
| 225 | 48 |
|
| 127 | 49 |
$(function(){ |
| 225 | 50 |
var tabSize = 2; |
| 127 | 51 |
var editor = ace.edit("binConfigDiv"); |
52 |
editor.setTheme("ace/theme/xcode"); |
|
53 |
editor.getSession().setMode("ace/mode/json"); |
|
| 141 | 54 |
editor.getSession().setTabSize(tabSize); |
55 |
editor.getSession().setUseSoftTabs(true); |
|
56 |
_setBinConfigStatus(editor); |
|
| 127 | 57 |
editor.getSession().on('change', function(e) { |
| 225 | 58 |
$('#binConfig').val(editor.getValue()); |
| 127 | 59 |
}); |
| 141 | 60 |
editor.getSession().on('changeAnnotation', function() { |
61 |
_setBinConfigStatus(editor); |
|
62 |
}); |
|
| 225 | 63 |
|
| 141 | 64 |
$('#binConfigFormatButton').click(function(){ |
| 225 | 65 |
var jsonText = editor.getValue(); |
66 |
try { |
|
67 |
editor.setValue(formatJson(jsonText, tabSize),0); |
|
68 |
editor.moveCursorTo(0,0); |
|
69 |
editor.clearSelection(); |
|
70 |
} catch (e) { |
|
71 |
//do nothing |
|
72 |
} |
|
| 141 | 73 |
}); |
| 225 | 74 |
|
| 141 | 75 |
$('#binConfigCompactButton').click(function(){ |
76 |
var jsonText = editor.getValue(); |
|
77 |
try { |
|
78 |
editor.setValue(compactJson(jsonText),0); |
|
79 |
editor.moveCursorTo(0,0); |
|
80 |
editor.clearSelection(); |
|
81 |
} catch (e) { |
|
82 |
//do nothing |
|
83 |
} |
|
84 |
}); |
|
| 225 | 85 |
|
| 127 | 86 |
$('#color').spectrum({ |
| 225 | 87 |
showInput: true, |
88 |
showAlpha: true, |
|
89 |
showPalette: true, |
|
90 |
showInitial: true |
|
| 127 | 91 |
}); |
| 225 | 92 |
|
93 |
$("#model-form").submit(function(e) { |
|
94 |
return spaceFormSubmit(); |
|
95 |
}); |
|
96 |
||
| 127 | 97 |
}); |
98 |
//]]> |
|
99 |
</script> |
|
| 225 | 100 |
<form action="#" th:object="${space}" th:action="@{/admin/spaces/save}" method="post" id="model-form"> |
| 127 | 101 |
<fieldset class="form-fields"> |
102 |
<input type="hidden" th:field="*{id}" th:if="*{id}" /> |
|
103 |
<input type="hidden" th:field="*{binConfig}"/> |
|
104 |
<div> |
|
105 |
<label for="title" th:text="#{renkanAdmin.form.title}">Title: </label> |
|
106 |
<input type="text" th:field="*{title}" /> |
|
107 |
<div th:if="${#fields.hasErrors('title')}" th:errors="*{title}" class="form-error"></div> |
|
108 |
</div> |
|
109 |
<div> |
|
110 |
<label for="uri" th:text="#{renkanAdmin.form.uri}">Uri: </label> |
|
111 |
<input type="text" th:field="*{uri}" /> |
|
112 |
</div> |
|
113 |
<div> |
|
114 |
<label for="description" th:text="#{renkanAdmin.form.description}">Description: </label> |
|
115 |
<textarea th:field="*{description}"></textarea> |
|
116 |
</div> |
|
117 |
<div> |
|
118 |
<label for="color" th:text="#{renkanAdmin.form.color}">Color: </label> |
|
119 |
<input type="text" th:field="*{color}" /> |
|
120 |
</div> |
|
121 |
<div> |
|
| 141 | 122 |
<label for="binConfigContainer" th:text="#{renkanAdmin.form.space.bin_config}">Bin config: </label> |
123 |
<div id="binConfigContainer"> |
|
124 |
<div id="binConfigButtonsDiv"><button type="button" id="binConfigFormatButton" th:text="#{renkanAdmin.form.space.format}" class="binConfigButton">Format</button><button type="button" id="binConfigCompactButton" th:text="#{renkanAdmin.form.space.compact}" class="binConfigButton">Compact</button></div> |
|
125 |
<div id="binConfigDiv" th:text="*{binConfig}"></div> |
|
126 |
</div> |
|
| 127 | 127 |
<div th:if="${#fields.hasErrors('binConfig')}" th:errors="*{binConfig}" class="form-error"></div> |
128 |
</div> |
|
| 123 | 129 |
|
130 |
<div class="submit"> |
|
| 127 | 131 |
<button type="submit" name="save" th:text="#{renkanAdmin.form.space.submit}">Save</button> |
132 |
<!--button type="button" name="cancel" th:text="#{renkanAdmin.form.space.cancel}" th:onclick="location">Cancel</button--> |
|
| 123 | 133 |
</div> |
134 |
||
135 |
</fieldset> |
|
136 |
</form> |
|
137 |
</div> |
|
138 |
</body> |
|
139 |
</html> |