1 |
d2a8c3fd
|
Marc NICOLAS
|
|
2 |
|
|
|
3 |
|
|
|
4 |
|
|
|
5 |
|
|
|
6 |
|
|
|
7 |
|
|
|
8 |
|
|
|
9 |
|
|
|
10 |
|
|
|
11 |
|
|
|
12 |
|
|
|
13 |
|
|
|
14 |
|
|
|
15 |
|
|
|
16 |
|
|
|
17 |
|
|
|
18 |
|
|
|
19 |
|
|
|
20 |
|
|
|
21 |
|
|
Ext.namespace('sitools.admin.dictionary');
|
22 |
|
|
|
23 |
|
|
Ext.define('sitools.admin.dictionary.TemplateProp', {
|
24 |
|
|
extend : 'Ext.Window',
|
25 |
|
|
alias : 'widget.s-templateprop',
|
26 |
|
|
width : 700,
|
27 |
|
|
height : 480,
|
28 |
|
|
modal : true,
|
29 |
|
|
pageSize : ADMIN_PANEL_NB_ELEMENTS,
|
30 |
|
|
layout : 'fit',
|
31 |
|
|
|
32 |
|
|
initComponent : function () {
|
33 |
|
|
|
34 |
|
|
if (this.action == 'modify') {
|
35 |
|
|
this.title = i18n.get('label.modifyTemplate');
|
36 |
|
|
}
|
37 |
|
|
if (this.action == 'create') {
|
38 |
|
|
this.title = i18n.get('label.createTemplate');
|
39 |
|
|
}
|
40 |
|
|
|
41 |
|
|
var storeProperty = Ext.create('Ext.data.JsonStore', {
|
42 |
|
|
id : 'storePropertiesSelect',
|
43 |
|
|
proxy : {
|
44 |
|
|
type : 'memory',
|
45 |
|
|
reader : {
|
46 |
|
|
type : 'json',
|
47 |
|
|
root : 'property',
|
48 |
|
|
idProperty : 'name'
|
49 |
|
|
}
|
50 |
|
|
},
|
51 |
|
|
fields : [ {
|
52 |
|
|
name : 'name',
|
53 |
|
|
type : 'string'
|
54 |
|
|
}, {
|
55 |
|
|
name : 'value',
|
56 |
|
|
type : 'string'
|
57 |
|
|
} ]
|
58 |
|
|
});
|
59 |
|
|
|
60 |
|
|
var smProperty = Ext.create('Ext.selection.RowModel', {
|
61 |
|
|
mode : 'SINGLE'
|
62 |
|
|
});
|
63 |
|
|
|
64 |
|
|
var tbar = {
|
65 |
|
|
xtype : 'toolbar',
|
66 |
|
|
defaults : {
|
67 |
|
|
scope : this
|
68 |
|
|
},
|
69 |
|
|
items : [ {
|
70 |
|
|
text : i18n.get('label.create'),
|
71 |
|
|
icon : loadUrl.get('APP_URL') + loadUrl.get('APP_CLIENT_PUBLIC_URL')+'/res/images/icons/toolbar_create.png',
|
72 |
|
|
handler : this.onCreateProperty
|
73 |
|
|
}, {
|
74 |
|
|
text : i18n.get('label.delete'),
|
75 |
|
|
icon : loadUrl.get('APP_URL') + loadUrl.get('APP_CLIENT_PUBLIC_URL')+'/res/images/icons/toolbar_delete.png',
|
76 |
|
|
handler : this.onDeleteProperty
|
77 |
|
|
} ]
|
78 |
|
|
};
|
79 |
|
|
|
80 |
|
|
var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
|
81 |
|
|
clicksToEdit: 1
|
82 |
|
|
});
|
83 |
|
|
|
84 |
|
|
var gridProperty = Ext.create('Ext.grid.Panel', {
|
85 |
|
|
id : 'gridPropertySelect',
|
86 |
|
|
title : i18n.get('title.gridProperty'),
|
87 |
|
|
store : storeProperty,
|
88 |
|
|
tbar : tbar,
|
89 |
|
|
forceFit : true,
|
90 |
|
|
columns : [{
|
91 |
|
|
header : i18n.get('headers.name'),
|
92 |
|
|
dataIndex : 'name',
|
93 |
|
|
width : 100,
|
94 |
|
|
editor : {
|
95 |
|
|
xtype : 'textfield',
|
96 |
|
|
allowBlank : false
|
97 |
|
|
}
|
98 |
|
|
}, {
|
99 |
|
|
header : i18n.get('headers.value'),
|
100 |
|
|
dataIndex : 'value',
|
101 |
|
|
width : 150,
|
102 |
|
|
editor : {
|
103 |
|
|
xtype : 'textfield',
|
104 |
|
|
allowBlank : true
|
105 |
|
|
}
|
106 |
|
|
}],
|
107 |
|
|
selModel : smProperty,
|
108 |
|
|
plugins : [cellEditing]
|
109 |
|
|
});
|
110 |
|
|
|
111 |
|
|
this.items = [{
|
112 |
|
|
xtype : 'tabpanel',
|
113 |
|
|
height : 450,
|
114 |
|
|
activeTab : 0,
|
115 |
|
|
items : [{
|
116 |
|
|
height : 400,
|
117 |
|
|
title : i18n.get('label.templateInfo'),
|
118 |
|
|
xtype : 'form',
|
119 |
|
|
border : false,
|
120 |
|
|
padding : 10,
|
121 |
|
|
items : [ {
|
122 |
|
|
xtype : 'hidden',
|
123 |
|
|
name : 'id'
|
124 |
|
|
}, {
|
125 |
|
|
xtype : 'textfield',
|
126 |
|
|
name : 'name',
|
127 |
|
|
fieldLabel : i18n.get('label.name'),
|
128 |
|
|
anchor : '100%',
|
129 |
|
|
allowBlank : false
|
130 |
|
|
}, {
|
131 |
|
|
xtype : 'textfield',
|
132 |
|
|
name : 'description',
|
133 |
|
|
fieldLabel : i18n.get('label.description'),
|
134 |
|
|
anchor : '100%'
|
135 |
|
|
}]
|
136 |
|
|
}, gridProperty ],
|
137 |
|
|
buttons : [ {
|
138 |
|
|
text : i18n.get('label.ok'),
|
139 |
|
|
scope : this,
|
140 |
|
|
handler : this.onValidate
|
141 |
|
|
|
142 |
|
|
}, {
|
143 |
|
|
text : i18n.get('label.cancel'),
|
144 |
|
|
scope : this,
|
145 |
|
|
handler : function () {
|
146 |
|
|
this.close();
|
147 |
|
|
}
|
148 |
|
|
} ]
|
149 |
|
|
|
150 |
|
|
} ];
|
151 |
|
|
this.callParent(arguments);
|
152 |
|
|
},
|
153 |
|
|
|
154 |
|
|
onUpload : function () {
|
155 |
|
|
|
156 |
|
|
Ext.Msg.alert('upload non implémenté');
|
157 |
|
|
},
|
158 |
|
|
onCreateProperty : function () {
|
159 |
|
|
this.down('gridpanel').getStore().add({});
|
160 |
|
|
},
|
161 |
|
|
onDeleteProperty : function () {
|
162 |
|
|
var grid = this.down('gridpanel');
|
163 |
|
|
var rec = grid.getSelectionModel().getLastSelected();
|
164 |
|
|
if (!rec) {
|
165 |
|
|
Ext.Msg.alert(i18n.get('label.warning'), i18n.get('warning.noselection'));
|
166 |
|
|
return;
|
167 |
|
|
}
|
168 |
|
|
grid.getStore().remove(rec);
|
169 |
|
|
|
170 |
|
|
},
|
171 |
|
|
onValidate : function () {
|
172 |
|
|
var f, putObject = {}, store, tmp = [], i;
|
173 |
|
|
f = this.down('form').getForm();
|
174 |
|
|
if (!f.isValid()) {
|
175 |
|
|
Ext.Msg.alert(i18n.get('label.error'), i18n.get('warning.invalidForm'));
|
176 |
|
|
return false;
|
177 |
|
|
}
|
178 |
|
|
if (this.action == 'modify') {
|
179 |
|
|
Ext.iterate(f.getValues(), function (key, value) {
|
180 |
|
|
if (key == 'image') {
|
181 |
|
|
|
182 |
|
|
putObject.image = {};
|
183 |
|
|
putObject.image.url = value;
|
184 |
|
|
putObject.image.type = "Image";
|
185 |
|
|
putObject.image.mediaType = "Image";
|
186 |
|
|
} else {
|
187 |
|
|
putObject[key] = value;
|
188 |
|
|
}
|
189 |
|
|
}, this);
|
190 |
|
|
|
191 |
|
|
store = this.down('gridpanel').getStore();
|
192 |
|
|
if (store.getCount() > 0) {
|
193 |
|
|
putObject.properties = [];
|
194 |
|
|
|
195 |
|
|
for (i = 0; i < store.getCount(); i++) {
|
196 |
|
|
putObject.properties.push(store.getAt(i).data);
|
197 |
|
|
}
|
198 |
|
|
}
|
199 |
|
|
|
200 |
|
|
Ext.Ajax.request({
|
201 |
|
|
url : this.url,
|
202 |
|
|
method : 'PUT',
|
203 |
|
|
scope : this,
|
204 |
|
|
jsonData : putObject,
|
205 |
|
|
success : function (ret) {
|
206 |
|
|
this.close();
|
207 |
|
|
this.store.reload();
|
208 |
|
|
},
|
209 |
|
|
failure : alertFailure
|
210 |
|
|
});
|
211 |
|
|
}
|
212 |
|
|
if (this.action == 'create') {
|
213 |
|
|
Ext.iterate(f.getValues(), function (key, value) {
|
214 |
|
|
if (key == 'image') {
|
215 |
|
|
|
216 |
|
|
putObject.image = {};
|
217 |
|
|
putObject.image.url = value;
|
218 |
|
|
putObject.image.type = "Image";
|
219 |
|
|
putObject.image.mediaType = "Image";
|
220 |
|
|
} else {
|
221 |
|
|
putObject[key] = value;
|
222 |
|
|
}
|
223 |
|
|
}, this);
|
224 |
|
|
|
225 |
|
|
store = this.down('gridpanel').getStore();
|
226 |
|
|
if (store.getCount() > 0) {
|
227 |
|
|
putObject.properties = [];
|
228 |
|
|
for (i = 0; i < store.getCount(); i++) {
|
229 |
|
|
putObject.properties.push(store.getAt(i).data);
|
230 |
|
|
}
|
231 |
|
|
}
|
232 |
|
|
Ext.Ajax.request({
|
233 |
|
|
url : this.url,
|
234 |
|
|
method : 'POST',
|
235 |
|
|
scope : this,
|
236 |
|
|
jsonData : putObject,
|
237 |
|
|
success : function (ret) {
|
238 |
|
|
this.close();
|
239 |
|
|
this.store.reload();
|
240 |
|
|
|
241 |
|
|
|
242 |
|
|
},
|
243 |
|
|
failure : alertFailure
|
244 |
|
|
});
|
245 |
|
|
}
|
246 |
|
|
|
247 |
|
|
},
|
248 |
|
|
|
249 |
|
|
onRender : function () {
|
250 |
|
|
this.callParent(arguments);
|
251 |
|
|
if (this.url) {
|
252 |
|
|
|
253 |
|
|
var i;
|
254 |
|
|
if (this.action == 'modify') {
|
255 |
|
|
Ext.Ajax.request({
|
256 |
|
|
url : this.url,
|
257 |
|
|
method : 'GET',
|
258 |
|
|
scope : this,
|
259 |
|
|
success : function (ret) {
|
260 |
|
|
var f = this.down('form').getForm();
|
261 |
|
|
var store = this.down('gridpanel').getStore();
|
262 |
|
|
|
263 |
|
|
var data = Ext.decode(ret.responseText).template;
|
264 |
|
|
var rec = {};
|
265 |
|
|
rec.id = data.id;
|
266 |
|
|
rec.name = data.name;
|
267 |
|
|
rec.description = data.description;
|
268 |
|
|
|
269 |
|
|
f.setValues(rec);
|
270 |
|
|
|
271 |
|
|
if (!data.properties) {
|
272 |
|
|
return;
|
273 |
|
|
}
|
274 |
|
|
|
275 |
|
|
var properties;
|
276 |
|
|
if (typeof data.properties[0] && data.properties[0] instanceof Array) {
|
277 |
|
|
properties = data.properties[0];
|
278 |
|
|
} else {
|
279 |
|
|
properties = data.properties;
|
280 |
|
|
}
|
281 |
|
|
for (i = 0; i < properties.length; i++) {
|
282 |
|
|
|
283 |
|
|
|
284 |
|
|
store.add(properties[i]);
|
285 |
|
|
}
|
286 |
|
|
|
287 |
|
|
},
|
288 |
|
|
failure : function (ret) {
|
289 |
|
|
var data = Ext.decode(ret.responseText);
|
290 |
|
|
Ext.Msg.alert(i18n.get('label.warning'), data.errorMessage);
|
291 |
|
|
}
|
292 |
|
|
});
|
293 |
|
|
}
|
294 |
|
|
}
|
295 |
|
|
this.getEl().on('keyup', function (e) {
|
296 |
|
|
if (e.getKey() == e.ENTER) {
|
297 |
|
|
this.onValidate();
|
298 |
|
|
}
|
299 |
|
|
}, this);
|
300 |
|
|
}
|
301 |
|
|
|
302 |
|
|
});
|
303 |
|
|
|