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