XWiki

Wiki code for Panel Wizard

1: #if(!$request.getParameter("forceLeftPanels") || !$request.getParameter("forceRightPanels"))
2: $response.sendRedirect($doc.getURL("view", "forceLeftPanels=1&forceRightPanels=1&$docvariant"))
3: #end
4: #set($showdata = 0)
5: #set($showEmptyPanels = 1)
6: #if($xwiki.hasAdminRights())
7: 1 Panel Wizard
8: <div class="floatcontainer"><ul class="xwikitabbar" id="panelEditorSteps">
9: <li id="firstwtab" class="active" onclick="switchToWizardPage(this, 'PanelListSection'); return false;"><a href="#PanelListSection">Panel List</a></li>
10: <li onclick="switchToWizardPage(this, 'PageLayoutSection'); return false;"><a href="#PageLayoutSection" >Page Layout</a></li>
11: </ul>
12: </div>
13: <div id="xwikieditcontent" class="clear">
14: ##1.1 Panel List
15: <div id="PanelListSection">
16: <span class="hastooltip" onmouseover="if(window.isDraggingPanel) return; showtip(this, 'To drag a panel, use your mouse and click on the header of the panel. Keep your left mouse button down while you move your mouse and the panel at the same time. While you move the panel you will see in real-time where the panel will be dropped when you release your left mouse button.', 300)">Drag and drop</span> panels to rearrange them inside a column or between columns. To add or remove panels, drag them from the list of available panels to one of the columns or from the column into the list, respectively.
17: #set($panelClass = $xwiki.getDocument("Panels.PanelClass").xWikiClass)
18: #set($categoryList = $panelClass.category.getProperty("values").value.split("[|]"))
19: #set($sql = ", BaseObject as obj where obj.name=doc.fullName and obj.className='Panels.PanelClass' and doc.fullName!='Panels.PanelTemplate'")
20: #set($panelsList = $xwiki.searchDocuments($sql))
21: #set($categoryMap = $xwiki.getHashMap())
22: #foreach($category in $categoryList)
23:   $!categoryMap.put($category, $xwiki.getArrayList())
24: #end
25: #foreach ($item in $panelsList)
26:   #set($obj = $xwiki.getDocument($item).getObject("Panels.PanelClass"))
27:   #if($obj.type == 'view')
28:     #set($arrayList = $categoryMap.get($obj.category))
29:     #if($arrayList)
30:       #set($discard = $categoryMap.get($obj.category).add($item))
31:       ## TODO: uncategorized?
32:     #end
33:   #end
34: #end
35: ##
36: #set($panelsPerRow = 3)
37: {pre}
38: <div id="dhtmltooltip" style="visibility: hidden;"></div>
39: #set($ajaxdoc = $xwiki.getDocument("Panels.AjaxEditor"))
40: #if($request.place)
41: #set($ajaxurl = $xwiki.getURL("Panels.PanelLayoutUpdate", "view", "xpage=plain&place=${request.place}"))
42: #else
43: #set($ajaxurl = $xwiki.getURL("Panels.PanelLayoutUpdate", "view", "xpage=plain"))
44: #end
45: <script type="text/javascript" src="$xwiki.getSkinFile("ajax/Drag.js")"></script>
46: <script type="text/javascript" src="$xwiki.getSkinFile("ajax/ieemu.js")"></script>
47: <script type="text/javascript" src="$xwiki.getSkinFile("ajax/toolTip.js")"></script>
48: <script type="text/javascript">
49: window.ajaxurl = '$ajaxurl';
50: window.allPanelsPlace = new Object();
51: window.panelsavesuccess = "$msg.get("panelsavesuccess")";
52: window.panelsaveerror = "$msg.get("panelsaveerror")";
53: #set($counter = 0)
54: #set($panelsStatus = $xwiki.hashMap)
55: $xwiki.hashMap
56: #foreach($category in $categoryList)
57:   #set($categPanels = $categoryMap.get($category))
58:   #foreach ($item in $categPanels)
59:     #set($discard = $panelsStatus.put($item, "false"))
60:     #set($obj = $xwiki.getDocument($item).getObject("Panels.PanelClass"))
61:     window.allPanelsPlace[$counter] = new Object();
62:     window.allPanelsPlace[$counter]['fullname'] = '$item';
63:     #set($issetleft = 0)
64:     #set($counterleft = 0)
65:     #set($issetright = 0)
66:     #set($counterright = 0)
67:     #foreach($element in $leftPanels)
68:       #if($item == $element)
69:         window.allPanelsPlace[$counter]['left'] = $counterleft;
70:         #set($issetleft = 1)
71:         #set($discard = $panelsStatus.put($item, "true"))
72:       #end
73:       #set($counterleft = $counterleft + 1)
74:     #end
75:     #if($issetleft == 0)
76:       window.allPanelsPlace[$counter]['left'] = -1;
77:     #end
78:     #foreach($element in $rightPanels)
79:       #if($item == $element)
80:         window.allPanelsPlace[$counter]['right'] = $counterright;
81:         #set($issetright = 1)
82:         #set($discard = $panelsStatus.put($item, "true"))
83:       #end
84:       #set($counterright = $counterright + 1)
85:     #end
86:     #if($issetright == 0)
87:       window.allPanelsPlace[$counter]['right'] = -1;
88:     #end
89:     #set($counter = $counter + 1)
90:   #end
91: #end
92: window.showLeftColumn = $showLeftPanels;
93: window.showRightColumn = $showRightPanels;
94: </script>
95: <script type="text/javascript" src="$xwiki.getSkinFile("ajax/panelWizard.js")"> </script>
96: {/pre}
97: <div id="allviewpanels">
98: ## start of accordion:
99:   <div id="panellistaccordion">
100:   #foreach($category in $categoryList)
101:     ## start of accordion tab:
102:     <div>
103:       <div class="accordionTabTitleBar"><h6>$category</h6></div>
104:       ## start of accordion tab content:
105:       <div class="accordionTabContentBox">
106:       #set($categPanels = $categoryMap.get($category))
107:       #if($categPanels.size() == 0)
108:         There are no panels from this category.
109:       #else
110:         #foreach ($item in $categPanels)
111:           #set($obj = $xwiki.getDocument($item).getObject("Panels.PanelClass"))
112:                 <div class="panelitemc">
113:                   <div class="label">$doc.display("name", $obj)</div>
114:                   <div class="panelcontainer" onmouseover="if(!window.isDraggingPanel){ showtip(this, unescape('$util.encodeURI($doc.display("description", $obj)).replaceAll("[+]", "%20")'), 300); }">#if($panelsStatus.get($item) == "false")#displaypanel("$item")#else<div class="panel"></div>#end</div>
115:                   <div class="xwikibuttonlink"><a href="$xwiki.getURL("$item", "inline")">$msg.get("edit")</a> <a href="$xwiki.getURL("$item", "delete")">$msg.get("delete")</a></div>
116:                 </div>
117:         #end
118:       #end
119:       ## end of accordion tab content:
120:       </div>
121:     ## end of accorion tab:
122:     </div>
123:   ## end of foreach:
124:   #end
125:   ## end of accordion:
126:   </div>
127: ## end of allpanels div
128: </div>
129: ## end of PanelsListSection
130: </div>
131: ##1.1 Page Layout
132: <div id="PageLayoutSection">
133: Choose a page layout:
134: 
135: #set($crtlayout = 0)
136: #if($showLeftPanels and $showLeftPanels == "1")
137: #set($crtlayout = $crtlayout + 1)
138: #end
139: #if($showRightPanels and $showRightPanels == "1")
140: #set($crtlayout = $crtlayout + 2)
141: #end
142: <div class="pagelayoutoptions">
143: <table>
144: <tr>
145: <td>
146: <div
147: #if($crtlayout == 0)id="selectedoption" #end 
148: class="pagelayoutoption" onclick="changePreviewLayout(this, 0)">
149: ##<input type="radio" name="pagelayout" value="nosidecol" checked="cheched" />
150: <label>No side column</label>
151: <div id="nosidecolumn" class="layoutmaquette">
152: <div class="lmcontentcolumn"></div>
153: </div>
154: </div>
155: </td>
156: <td>
157: <div 
158: #if($crtlayout == 1)id="selectedoption" #end
159: class="pagelayoutoption" onclick="changePreviewLayout(this, 1)">
160: ##<input type="radio" name="pagelayout" value="leftcol" "/>
161: <label>Left column</label>
162: <div id="leftcolumn" class="layoutmaquette">
163: <div class="lmleftcolumn"></div>
164: <div class="lmcontentcolumn"></div>
165: </div>
166: </div>
167: </td>
168: <td>
169: <div
170: #if($crtlayout == 2)id="selectedoption" #end
171: class="pagelayoutoption" onclick="changePreviewLayout(this, 2)">
172: ##<input type="radio" name="pagelayout" value="rightcol" />
173: <label>Right column</label>
174: <div id="rightcolumn" class="layoutmaquette">
175: <div class="lmrightcolumn"></div>
176: <div class="lmcontentcolumn"></div>
177: </div>
178: </div>
179: </td>
180: <td>
181: <div 
182: #if($crtlayout == 3)id="selectedoption" #end
183: class="pagelayoutoption" onclick="changePreviewLayout(this, 3)">
184: <label>Both columns</label>
185: <div  id="bothcolumns" class="layoutmaquette">
186: <div class="lmleftcolumn"></div>
187: <div class="lmrightcolumn"></div>
188: <div class="lmcontentcolumn"></div>
189: </div>
190: </div>
191: </td>
192: </tr>
193: </table>
194: </div>
195: </div>
196: </div> ## xwikieditcontent
197: <div id="panelwizardbuttons" class="floatcontainer">
198: <span class="xwikibuttonlink">
199: <span class="buttonwrapper"><a href="#" onclick="save(); return false;">Save the new layout</a></span>
200: <span class="buttonwrapper"><a href="$doc.getURL("view")" onclick="revert(); return false;">Revert</a></span>
201: <span class="buttonwrapper"><a href="$xwiki.getURL("Panels.WebHome")">Go to Panels home page</a></span>
202: </span>
203: </div>
204: #else
205: #xwikimessageboxstart("Panel Editor" "")
206: You need to have administrative rights to use the Panel Wizard.
207: #xwikimessageboxend()
208: #end
Panel Wizard

Top Menu

Wiki code for Panel Wizard

Search

Halloween Costumes

My Projects

My Interests

My Stuff

Programming

Backlinks

Navigation

Blog

Main

Photos

Sandbox

Scheduler

Stats
