manage_option.html
1 <@uploadImage />
2 <#macro uploadImage >
3 <div class="container">
4 <legend>#i18n{uploadimage.manage.option.crop}</legend>
5 <form class="form-horizontal" method="post" action="jsp/admin/plugins/uploadimage/ManageOptions.jsp">
6 <@messages errors=errors /> <@messages infos=infos />
7 <input type="hidden" name="action" id="action" value="${action!}"/>
8 <div class="">
9 <input type="hidden" name="id_option" id="id_option" value="${cropperOption.id!}"/>
10
11 <ul class="" role="menu" aria-labelledby="toggleOptions">
12 <li role="presentation">
13 <label class="checkbox-inline">
14
15 <input type="checkbox" name="strict" value="true" <#if option.strict> checked </#if> >
16 <span class='badge' >strict</span> <small>#i18n{uploadimage.description.strict}</small>
17 </label>
18 </li>
19 <li role="presentation">
20 <label class="checkbox-inline">
21 <input type="checkbox" name="responsive" value="true" <#if option.responsive> checked </#if> >
22 <span class='badge' >responsive</span> <small>#i18n{uploadimage.description.responsive}</small>
23 </label>
24 </li>
25 <li role="presentation">
26 <label class="checkbox-inline">
27 <input type="checkbox" name="checkimageorigin" value="true" <#if option.checkImageOrigin> checked </#if> >
28 <span class='badge' >checkImageOrigin</span> <small>#i18n{uploadimage.description.checkImageOrigin}</small>
29 </label>
30 </li>
31
32 <li role="presentation">
33 <label class="checkbox-inline">
34 <input type="checkbox" name="modal" value="true" <#if option.modal> checked </#if>>
35 <span class='badge' >modal</span> <small>#i18n{uploadimage.description.modal}</small>
36 </label>
37 </li>
38 <li role="presentation">
39 <label class="checkbox-inline">
40 <input type="checkbox" name="guides" value="true" <#if option.guides> checked </#if>>
41 <span class='badge' >guides</span> <small>#i18n{uploadimage.description.guides}</small>
42 </label>
43 </li>
44 <li role="presentation">
45 <label class="checkbox-inline">
46 <input type="checkbox" name="highlight" value="true" <#if option.highlight> checked </#if>>
47 <span class='badge' >highlight</span> <small>#i18n{uploadimage.description.highlight}</small>
48 </label>
49 </li>
50 <li role="presentation">
51 <label class="checkbox-inline">
52 <input type="checkbox" name="background" value="true" <#if option.background> checked </#if>>
53 <span class='badge' >background</span> <small>#i18n{uploadimage.description.background}</small>
54 </label>
55 </li>
56
57 <li role="presentation">
58 <label class="checkbox-inline">
59 <input type="checkbox" name="autocrop" value="true" <#if option.autoCrop> checked </#if>>
60 <span class='badge' >autoCrop</span> <small>#i18n{uploadimage.description.autoCrop}</small>
61 </label>
62 </li>
63 <li role="presentation">
64 <label class="checkbox-inline">
65 <input type="checkbox" name="dragcrop" value="true" <#if option.dragCrop> checked </#if>>
66 <span class='badge' >dragCrop</span> <small>#i18n{uploadimage.description.dragCrop}</small>
67 </label>
68 </li>
69 <li role="presentation">
70 <label class="checkbox-inline">
71 <input type="checkbox" name="movable" value="true" <#if option.movable> checked </#if>>
72 <span class='badge' >movable</span> <small>#i18n{uploadimage.description.movable}</small>
73 </label>
74 </li>
75 <li role="presentation">
76 <label class="checkbox-inline">
77 <input type="checkbox" name="rotatable" value="true" <#if option.rotatable> checked </#if>>
78 <span class='badge' >rotatable</span> <small>#i18n{uploadimage.description.rotatable}</small>
79 </label>
80 </li>
81 <li role="presentation">
82 <label class="checkbox-inline">
83 <input type="checkbox" name="zoomable" value="true" <#if option.zoomable> checked </#if>>
84 <span class='badge' >zoomable</span> <small>#i18n{uploadimage.description.zoomable}</small>
85 </label>
86 </li>
87 <li role="presentation">
88 <label class="checkbox-inline">
89 <input type="checkbox" name="touchdragzoom" value="true" <#if option.touchDragZoom> checked </#if>>
90 <span class='badge' >touchDragZoom</span> <small>#i18n{uploadimage.description.touchDragZoom}</small>
91 </label>
92 </li>
93 <li role="presentation">
94 <label class="checkbox-inline">
95 <input type="checkbox" name="mousewheelzoom" value="true" <#if option.mouseWheelZoom> checked </#if>>
96 <span class='badge' >mouseWheelZoom</span> <small>#i18n{uploadimage.description.mouseWheelZoom}</small>
97 </label>
98 </li>
99 <li role="presentation">
100 <label class="checkbox-inline">
101 <input type="checkbox" name="cropboxmovable" value="true" <#if option.cropBoxMovable> checked </#if>>
102 <span class='badge' >cropBoxMovable</span> <small>#i18n{uploadimage.description.cropBoxMovable}</small>
103 </label>
104 </li>
105 <li role="presentation">
106 <label class="checkbox-inline">
107 <input type="checkbox" name="cropboxresizable" value="true" <#if option.cropBoxResizable> checked </#if>>
108 <span class='badge' >cropBoxResizable</span> <small>#i18n{uploadimage.description.cropBoxResizable}</small>
109 </label>
110 </li>
111 <li role="presentation">
112 <label class="checkbox-inline">
113 <input type="checkbox" name="doubleclicktoggle" value="true" <#if option.doubleClickToggle> checked </#if>>
114 <span class='badge' >doubleClickToggle</span> <small>#i18n{uploadimage.description.doubleClickToggle}</small>
115 </label>
116 </li>
117 </ul>
118 </div><!-- /.dropdown -->
119 <!-- <h3 class="page-header">Data:</h3> -->
120 <div class="docs-data">
121 <div class="input-group">
122 <label class="input-group-addon" for="dataX">#i18n{uploadimage.option.X}</label>
123 <input class="form-control" id="dataX" type="number" placeholder="x" name="x" value="${cropperOption.x!}" required>
124 <span class="input-group-addon">px</span>
125 </div>
126 <div class="input-group">
127 <label class="input-group-addon" for="dataY">#i18n{uploadimage.option.Y}</label>
128 <input class="form-control" id="dataY" type="number" placeholder="y" name="y" value="${cropperOption.y!}" required>
129 <span class="input-group-addon">px</span>
130 </div>
131 <div class="input-group">
132 <label class="input-group-addon" for="dataWidth">#i18n{uploadimage.option.Width}</label>
133 <input class="form-control" id="dataWidth" type="number" placeholder="width" name="width" value="${cropperOption.width!}" required>
134 <span class="input-group-addon">px</span>
135 </div>
136 <div class="input-group">
137 <label class="input-group-addon" for="dataHeight">#i18n{uploadimage.option.Height}</label>
138 <input class="form-control" id="dataHeight" type="number" placeholder="height" name="height" value="${cropperOption.height!}" required>
139 <span class="input-group-addon">px</span>
140 </div>
141 <div class="input-group">
142 <label class="input-group-addon" for="dataRatio">#i18n{uploadimage.option.Ratio}</label>
143 <input class="form-control" id="dataRatio" type="text" placeholder="16/9" name="ratio" value="${cropperOption.ratio!}" pattern="[0-9]+[/][0-9]+" title="Number/Number" required>
144 <span class="input-group-addon">w/h</span>
145 </div>
146 <div class="input-group">
147 <label class="input-group-addon" for="dataFieldName">#i18n{uploadimage.option.FieldName}</label>
148 <input class="form-control" id="dataFieldName" type="text" placeholder="fieldName" name="fieldName" value="${cropperOption.fieldName!}" pattern="[a-zA-Z0-9]+" title="Alpha-Numeric" required>
149 <span class="input-group-addon">string</span>
150 </div>
151 <div class="container">
152 <input class="btn btn-primary" value="#i18n{uploadimage.button.submit}" type="submit"/>
153 <a class="btn btn-primary" href="javascript:history.go(-1)">#i18n{uploadimage.button.retour}</a>
154 </div>
155 </div>
156
157 </form>
158 </div>
159 </#macro>