Context Navigation

source: trunk/grails-app/services/AssetTreeService.groovy @ 313

Last change on this file since 313 was 312, checked in by gav, 15 years ago
Refactor asset tree taglib to populate the asset tree table via an ajax call to AssetTreeService. Move assetTree javascript to it's own js file and util javascript to a util.js file and service.
File size: 24.7 KB

Line
1	class AssetTreeService {
2
3	boolean transactional = false
4
5	def js = new JavascriptService()
6
7	def g = new org.codehaus.groovy.grails.plugins.web.taglib.ApplicationTagLib()
8
9	/** Html class and id settings */
10
11	def buttonHtmlClass() {
12	"tree_button"
13	}
14	def paneHtmlClass() {
15	'overlayPane'
16	}
17	def paneHtmlId() {
18	'assetTreePane'
19	}
20	def paneCloseHtmlClass() {
21	'tree_pane_close'
22	}
23	def tableDivHtmlClass() {
24	'tree'
25	}
26	def tableHtmlId() {
27	'assetTreeTable'
28	}
29	def tableLoadingImgId() {
30	'assetTreeLoadingImg'
31	}
32
33	/**
34	* Build and return the asset tree table.
35	* To be used in conjunction with AssetTreeTagLib which inserts the wrapper div.
36	* This table replaces the contents of the wrapper div.
37	* @returns The asset tree table as a String
38	*/
39	def buildAssetTree(params, session) {
40
41	def sites = Site.list()
42
43	def visibleBranches = session.assetTreeVisibleBranches ? session.assetTreeVisibleBranches.tokenize(',') : []
44
45	def branchStyle = { branchId ->
46	if(visibleBranches.contains(branchId))
47	''
48	else
49	'display:none;'
50	}
51
52	def branchImg = { branchId ->
53	if(visibleBranches.contains(branchId))
54	bulletTreeMinusImg()
55	else
56	bulletTreePlusImg()
57	}
58
59	def divIdCount = 0
60	def divId = ''
61	def nextDivId = {
62	divIdCount++
63	divId = 'assetTreeBranch'+divIdCount
64	}
65
66	def sw = new StringWriter()
67	def mkp = new groovy.xml.MarkupBuilder(sw) //this line will be unnecessary in versions of Grails after version 1.2
68
69	// Offer a site create link if no sites are found.
70	if(!sites) {
71	mkp.div(class: tableDivHtmlClass()) {
72
73	div(class: paneCloseHtmlClass()) {
74	a( href: js.hrefToggle(paneHtmlId()) ) {
75	img(src: closeImg())
76	}
77	}
78
79	table(id: tableHtmlId()) {
80	tr() {
81	td( valign: 'top', class: 'value') {
82	ul() {
83	img(src: treeRootImg(), alt: 'TreeRoot')
84	li() {
85	a(href: siteCreateLink()) {
86	img(src: addImg(), alt: 'Add', title: 'Add Site')
87	}
88	} // li
89	} // ul
90	} // td
91	} // tr
92	} // table
93
94	div( class: 'buttons') {
95	span(class: 'button') {
96	input( type: 'button', value: g.message(code: 'default.close.text'), onclick: js.onclickToggle(paneHtmlId()) )
97	}
98	} // button div
99	} // mkp
100	return sw.toString()
101	} // if(!sites)
102
103
104	// The main populated table.
105	/// @todo: use a loop for the subItem levels.
106	mkp.div(class: tableDivHtmlClass()) {
107
108	div(class: paneCloseHtmlClass()) {
109	a( href: hrefHideAndSavePane() ) {
110	img(src: closeImg())
111	}
112	}
113
114	table(id: tableHtmlId()) {
115	tr() {
116	td(valign: 'top', class: 'value') {
117	ul() {
118	img(src: treeRootImg(), alt: 'TreeRoot')
119	for(site in sites.sort { p1, p2 -> p1.name.compareToIgnoreCase(p2.name) }) {
120	li() {
121	if(site.sections) {
122	a(href: hrefToggleBranch(nextDivId()) ) {
123	img( src: branchImg(divId), id: divId+'img' )
124	}
125	}
126	else
127	img(src: dashImg())
128	a( href: siteShowLink(site.id), onclick: onclickHideAndSavePane() ) {
129	yieldUnescaped( site.encodeAsHTML() )
130	}
131	a(href: sectionCreateLink(site.id), onclick: onclickHideAndSavePane()) {
132	img(src: addImg(), alt: 'Add', title: 'Add Section')
133	}
134	}
135	if(site.sections) {
136	div( id: divId, style: branchStyle(divId) ) {
137	ul() {
138	for(section in site.sections.sort { p1, p2 -> p1.name.compareToIgnoreCase(p2.name) }) {
139	li() {
140	if(section.assets) {
141	a( href: hrefToggleBranch(nextDivId()) ) {
142	img(src: branchImg(divId), id: divId+'img' )
143	}
144	}
145	else
146	img(src: dashImg())
147	a( href: sectionShowLink(section.id), onclick: onclickHideAndSavePane() ) {
148	yieldUnescaped( section.encodeAsHTML() )
149	}
150	a(href: assetCreateLink(section.id), onclick: onclickHideAndSavePane()) {
151	img(src: addImg(), alt: 'Add', title: 'Add Asset')
152	}
153	}
154
155	if(section.assets) {
156	div( id: divId, style: branchStyle(divId) ) {
157	ul() {
158	for(asset in section.assets.sort { p1, p2 -> p1.name.compareToIgnoreCase(p2.name) }) {
159	li() {
160	if(asset.assetSubItems) {
161	a( href: hrefToggleBranch(nextDivId()) ) {
162	img(src: branchImg(divId), id: divId+'img' )
163	}
164	}
165	else
166	img(src: dashImg())
167	a( href: assetShowLink(asset.id), onclick: onclickHideAndSavePane() ) {
168	yieldUnescaped( asset.encodeAsHTML() )
169	}
170	a(href: assetSubItemCreateLink(asset.id), onclick: onclickHideAndSavePane()) {
171	img(src: addImg(), alt: 'Add', title: 'Add Sub Item')
172	}
173	a(href: assetCopyLink(asset.id), onclick: onclickHideAndSavePane()) {
174	img(src: copyImg(), alt: 'Add', title: 'Copy Asset')
175	}
176	} // li
177
178	if(asset.assetSubItems) {
179	div( id: divId, style: branchStyle(divId) ) {
180	ul() {
181	for(assetSubItemL1 in asset.assetSubItems.sort { p1, p2 -> p1.name.compareToIgnoreCase(p2.name) }) {
182	li() {
183	if(assetSubItemL1.subItems) {
184	a( href: hrefToggleBranch(nextDivId()) ) {
185	img(src: branchImg(divId), id: divId+'img' )
186	}
187	}
188	else
189	img(src: dashImg())
190	a( href: assetSubItemShowLink(assetSubItemL1.id), onclick: onclickHideAndSavePane() ) {
191	yieldUnescaped( assetSubItemL1.encodeAsHTML() )
192	}
193	a(href: assetSubItemCreateWithParentLink(assetSubItemL1.id), onclick: onclickHideAndSavePane()) {
194	img(src: addImg(), alt: 'Add', title: 'Add Sub Item')
195	}
196	} // li
197
198	if(assetSubItemL1.subItems) {
199	div( id: divId, style: branchStyle(divId) ) {
200	ul() {
201	for(assetSubItemL2 in assetSubItemL1.subItems.sort { p1, p2 -> p1.name.compareToIgnoreCase(p2.name) }) {
202	li() {
203	if(assetSubItemL2.subItems) {
204	a( href: hrefToggleBranch(nextDivId()) ) {
205	img( src: branchImg(divId), id: divId+'img' )
206	}
207	}
208	else
209	img(src: dashImg())
210	a( href: assetSubItemShowLink(assetSubItemL2.id), onclick: onclickHideAndSavePane() ) {
211	yieldUnescaped( assetSubItemL2.encodeAsHTML() )
212	}
213	a(href: assetSubItemCreateWithParentLink(assetSubItemL2.id), onclick: onclickHideAndSavePane()) {
214	img(src: addImg(), alt: 'Add', title: 'Add Sub Item')
215	}
216	} // li
217
218	if(assetSubItemL2.subItems) {
219	div( id: divId, style: branchStyle(divId) ) {
220	ul() {
221	for(assetSubItemL3 in assetSubItemL2.subItems.sort { p1, p2 -> p1.name.compareToIgnoreCase(p2.name) }) {
222	li() {
223	if(assetSubItemL3.subItems) {
224	a( href: hrefToggleBranch(nextDivId()) ) {
225	img( src: branchImg(divId), id: divId+'img' )
226	}
227	}
228	else
229	img(src: dashImg())
230	a( href: assetSubItemShowLink(assetSubItemL3.id), onclick: onclickHideAndSavePane() ) {
231	yieldUnescaped( assetSubItemL3.encodeAsHTML() )
232	}
233	a(href: assetSubItemCreateWithParentLink(assetSubItemL3.id), onclick: onclickHideAndSavePane()) {
234	img(src: addImg(), alt: 'Add', title: 'Add Sub Item')
235	}
236	} // li
237
238	if(assetSubItemL3.subItems) {
239	div( id: divId, style: branchStyle(divId) ) {
240	ul() {
241	for(assetSubItemL4 in assetSubItemL3.subItems.sort { p1, p2 -> p1.name.compareToIgnoreCase(p2.name) }) {
242	li() {
243	// if(assetSubItemL4.subItems) {
244	// a( href: hrefToggleBranch(nextDivId()) ) {
245	// img( src: branchImg(divId), id: divId+'img' )
246	// }
247	// }
248	// else
249	img(src: dashImg())
250	a( href: assetSubItemShowLink(assetSubItemL4.id), onclick: onclickHideAndSavePane() ) {
251	yieldUnescaped( assetSubItemL4.encodeAsHTML() )
252	}
253	// a(href: assetSubItemCreateWithParentLink(assetSubItemL4.id), onclick: onclickHideAndSavePane()) {
254	// img(src: addImg(), alt: 'Add', title: 'Add Sub Item')
255	// }
256	} // li
257
258	} // assetSubItemL4
259	} // ul
260	} // div
261	} // if(assetSubItemL3.subItems)
262
263
264	} // assetSubItemL3
265	} // ul
266	} // div
267	} // if(assetSubItemL2.subItems)
268
269	} // assetSubItemL2
270	} // ul
271	} // div
272	} // if(assetSubItemL1.subItems)
273
274	} // assetSubItemL1
275	} // ul
276	} // div
277	} // if(asset.assetSubItems)
278
279	} // assets
280	} // ul
281	} // div
282	} // if(section.assets)
283
284	} //sections
285	} // ul
286	} // div
287	} // if(site.sections)
288	} // sites
289	} // ul
290	} // td
291	} // tr
292	} // table
293
294	div( class: 'buttons') {
295	span(class: 'button') {
296	input( type: 'button', value: g.message(code: 'default.close.text'), onclick: onclickHideAndSavePane() )
297	}
298	}
299
300	} // mkp
301
302	return sw.toString()
303
304	} // buildAssetTree
305
306
307	/** Imgs */
308
309	def treeRootImg() {
310	g.resource(dir:'images/skin',file:'chart_organisation.png')
311	}
312	def addImg() {
313	g.resource(dir:'images/skin',file:'database_add.png')
314	}
315	def copyImg() {
316	g.resource(dir:'images/skin',file:'page_copy.png')
317	}
318	def bulletTreePlusImg() {
319	g.resource(dir:'images/skin',file:'bullet_tree_plus.png')
320	}
321	def bulletTreeMinusImg() {
322	g.resource(dir:'images/skin',file:'bullet_tree_minus.png')
323	}
324	def dashImg() {
325	g.resource(dir:'images/skin',file:'hline_short.png')
326	}
327	def closeImg() {
328	g.resource(dir:'images/skin',file:'cross.png')
329	}
330
331	/** js calls */
332
333	def hrefShowPane() {
334	def url = g.createLink(controller: 'assetDetailed', action: 'assetTree')
335	'javascript: showAssetTreePane(\"assetTreePane\", \"assetTreeLoadingImg' +'\", \"' + url + '\");'
336	}
337
338	def onclickHideAndSavePane() {
339	def saveUrl = g.createLink(controller: 'appCore', action: 'saveAssetTreeStatus')
340	'return hideAssetTreePane(\"assetTreePane\", \"assetTreeTable' + '\", \"' + saveUrl + '\");'
341	}
342
343	def hrefHideAndSavePane() {
344	def saveUrl = g.createLink(controller: 'appCore', action: 'saveAssetTreeStatus')
345	'javascript: hideAssetTreePane(\"assetTreePane\", \"assetTreeTable' + '\", \"' + saveUrl + '\");'
346	}
347
348	def hrefToggleBranch(divId) {
349	'javascript: toggleBranch(\"' + divId + '\", \"' + divId + 'img' +'\", \"' + bulletTreeMinusImg() +'\", \"' + bulletTreePlusImg() + '\");'
350	}
351
352	/** Links */
353
354	def siteCreateLink() {
355	g.createLink(controller: 'siteDetailed', action: 'create').toString()
356	}
357	def siteShowLink(id) {
358	g.createLink(controller: 'siteDetailed', action: 'show', params: ['id': id] ).toString()
359	}
360
361	def siteEditLink(id) {
362	g.createLink(controller: 'siteDetailed', action: 'edit', params: ['id': id] ).toString()
363	}
364
365	def sectionCreateLink(siteId) {
366	g.createLink(controller: 'sectionDetailed', action: 'create', params: ['site.id': siteId] ).toString()
367	}
368
369	def sectionShowLink(id) {
370	g.createLink(controller: 'sectionDetailed', action: 'show', params: ['id': id] ).toString()
371	}
372
373	def sectionEditLink(id) {
374	g.createLink(controller: 'sectionDetailed', action: 'edit', params: ['id': id] ).toString()
375	}
376
377	def assetCreateLink(sectionId) {
378	g.createLink(controller: 'assetDetailed', action: 'create', params: ['section.id': sectionId] ).toString()
379	}
380
381	def assetShowLink(id) {
382	g.createLink(controller: 'assetDetailed', action: 'show', id: id ).toString()
383	}
384
385	def assetEditLink(id) {
386	g.createLink(controller: 'assetDetailed', action: 'edit', id: id ).toString()
387	}
388
389	def assetCopyLink(id) {
390	g.createLink(controller: 'assetDetailed', action: 'copy', params: ['assetToCopy.id': id] ).toString()
391	}
392
393	def assetSubItemCreateLink(assetId) {
394	g.createLink(controller: 'assetSubItemDetailed', action: 'create', params: ['asset.id': assetId] ).toString()
395	}
396
397	def assetSubItemCreateWithParentLink(parentItemId) {
398	g.createLink(controller: 'assetSubItemDetailed', action: 'create', params: ['parentItem.id': parentItemId] ).toString()
399	}
400
401	def assetSubItemShowLink(id) {
402	g.createLink(controller: 'assetSubItemDetailed', action: 'show', params: ['id': id] ).toString()
403	}
404
405	def assetSubItemEditLink(id) {
406	g.createLink(controller: 'assetSubItemDetailed', action: 'edit', params: ['id': id] ).toString()
407	}
408
409	} // end class

Note: See TracBrowser for help on using the repository browser.

Download in other formats: