admin_page.html
1 <@row>
2 <@columns>
3 <@box>
4 <#assign title>
5 <!-- <@button type='button' id='fullscreen' params='data-toggle="tooltip" data-placement="bottom"' title='#i18n{portal.site.admin_page.buttonFullscreen}' buttonIcon='arrows-alt fa-fw' showTitle=false color='btn-secondary' /> -->
6 <a href="jsp/admin/site/AdminSite.jsp?page_id=${page.id}" data-toggle="tooltip" data-placement="bottom" title="${page.name}">
7 <@tag color='primary' title='${page.id} - ${page.name}'> ${page.id }</@tag>  ${page.name}
8 </a>
9 </#assign>
10 <@boxHeader titleLevel='p' title=title boxTools=true>
11 <@btnToolbar>
12 <@btnGroup id='resp_tools' class='hidden-xs hidden-sm'>
13 <@aButton href='#' id='fullscreen' size='' params='data-toggle="tooltip" data-placement="bottom"' title='#i18n{portal.site.admin_page.buttonFullscreen}' showTitle=false buttonIcon='caret-square-o-up fa-fw' color='btn-default' />
14 <@aButton href='#' id='display-full' size='' params='data-toggle="tooltip" data-placement="bottom"' title='Ecran large' showTitle=false buttonIcon='desktop fa-fw' color='btn-primary active' />
15 <@aButton href='#' id='display-940' size='' params='data-toggle="tooltip" data-placement="bottom"' title='Tablette - 940px' showTitle=false buttonIcon='tablet fa-fw' color='btn-primary' />
16 <@aButton href='#' id='display-760' size='' params='data-toggle="tooltip" data-placement="bottom"' title='Tablette - 760px' showTitle=false buttonIcon='tablet fa-fw' color='btn-primary' />
17 <@aButton href='#' id='display-360' size='' params='data-toggle="tooltip" data-placement="bottom"' title='Smartphone - 360px' showTitle=false buttonIcon='mobile fa-fw' color='btn-primary' />
18 <@aButton href='#' id='toggle-wh' size='' params='data-toggle="tooltip" data-placement="bottom"' title='Portrait / Paysage' showTitle=false buttonIcon='exchange fa-fw' color='btn-info' />
19 </@btnGroup>
20 <@btnGroup>
21 <#if page.id != 1>
22 <@aButton href='jsp/admin/site/AdminSite.jsp?page_id=${page.parentPageId}' color='btn-success' buttonIcon='arrow-up' title='#i18n{portal.site.admin_page.buttonUpToParentPage}' showTitle=false />
23 <@aButton href='jsp/admin/site/RemovePage.jsp?page_id=${page.id}' color='btn-danger' buttonIcon='trash' title='#i18n{portal.site.admin_page.buttonDeletePage}' showTitle=false />
24 </#if>
25 </@btnGroup>
26 <!--
27 <@btnGroup class='pull-right hidden-xs'>
28 <@tform method='post' action='sp/admin/site/AdminSite.jsp' class='form-inline pull-right' role='search'>
29 <@formGroup formStyle='inline' labelKey='#i18n{portal.site.admin_page.buttonSearchPage}' showLabel=false>
30 <@inputGroup>
31 <@input type='text' name='page_id' title='#i18n{portal.site.admin_page.buttonSearchPage}' placeHolder='#i18n{portal.site.admin_page.buttonSearchPage}' size='sm' />
32 <@inputGroupItem>
33 <@button type='submit' title='#i18n{portal.site.admin_page.buttonSearchPage}' showTitle=false buttonIcon='search' />
34 </@inputGroupItem>
35 </@inputGroup>
36 </@formGroup>
37 <#if page_message!=""><span class="help-block"><span class="label label-important">${page_message}</span></#if>
38 </@tform>
39 </@btnGroup>
40 -->
41 <@btnGroup class='pull-right hidden-xs'>
42 <form method="post" action="jsp/admin/site/AdminSite.jsp" class="form-inline pull-right" role="search">
43 <label class="sr-only">#i18n{portal.site.admin_page.buttonSearchPage}</label>
44 <div class="input-group">
45 <input type="text" name="page_id" title="#i18n{portal.site.admin_page.buttonSearchPage}" class="form-control input-sm" placeholder="#i18n{portal.site.admin_page.buttonSearchPage}">
46 <span class="input-group-btn">
47 <button class="btn btn-primary btn-sm btn-flat" type="submit" title="#i18n{portal.site.admin_page.buttonSearchPage}">
48 <i class="fa fa-search"></i>
49 </button>
50 </span>
51 </div>
52 <#if page_message!=""><p class="help-block"><span class="label label-important">${page_message}</p></#if>
53 </form>
54 </@btnGroup>
55 <@btnGroup>
56 <@aButton href='jsp/admin/site/AdminSite.jsp?page_id=${page.id}&param_block=' title='#i18n{portal.site.admin_page.labelPortletPage}' dropdownMenu=true id='portlet-type' buttonIcon='th-large' />
57 <#if portlet_types_list?has_content>
58 <@dropdownList>
59 <#list portlet_types_list?sort_by("name") as portlet_type>
60 <li class="portlet-type">
61 <a class="portlet-type-ref" href="jsp/admin/DoCreatePortlet.jsp?portlet_type_id=${portlet_type.id}&page_id=${page.id}" title="${portlet_type.name}" >
62 ${portlet_type.name}
63 </a>
64 </li>
65 </#list>
66 </@dropdownList>
67 </#if>
68 </@btnGroup>
69 <@btnGroup>
70 <#if extendableResourceActionsHtml?? && extendableResourceActionsHtml?has_content>
71 ${extendableResourceActionsHtml!}
72 </#if>
73 <!--
74 <a href="" class="btn btn-link btn-preview" title="#i18n{portal.site.admin_page.labelChildPagePage}">
75 <i class="fa fa-plus fa-fw"></i>
76 </a>
77 -->
78 <@aButton href='jsp/admin/site/AdminSite.jsp?page_id=${page.id}&param_block=2' buttonIcon='wrench' title='#i18n{portal.site.admin_page.labelPageProperty}' />
79 <@aButton href='jsp/admin/site/AdminSite.jsp?page_id=${page.id}&param_block=5' buttonIcon='plus' title='#i18n{portal.site.admin_page.labelChildPagePage}' />
80 <@aButton href='jsp/admin/site/AdminMap.jsp?page_id=${page.id}' buttonIcon='sitemap' title='Page ${page.name} - Id ${page.id}' showTitle=false><span class="hidden-xs">#i18n{portal.site.admin_page.tabAdminMapSite}</span></@aButton>
81 </@btnGroup>
82 </@btnToolbar>
83 </@boxHeader>
84 </@box>
85 ${page_block}
86 </@columns>
87 </@row>
88 <script>
89 var twh=$("#toggle-wh");
90
91 function setPreview( e, d, show ){
92 e.preventDefault();
93 var n = d.attr('id'), pFrame=$('#preview-zone #preview');
94 pFrame.removeClass().removeAttr('style').addClass( n );
95 $('#resp_tools .btn').removeClass('active');
96 d.toggleClass('active');
97 show==1 ? twh.show() : twh.hide();
98 }
99
100 function toggleWH( d ){
101 var pFrame=$('#preview-zone #preview');
102 var w = pFrame.width(), h = pFrame.height();
103 pFrame.height(w).width(h);
104 d.toggleClass('active');
105 }
106
107 function toggleFullScreen( e, f ){
108 e.preventDefault();
109 $("#admin-wrapper").toggleClass('no-margin');
110 $(".content-header").toggle();
111 $(".main-header .navbar").toggle();
112 $('body').toggleClass('.bs-fixed-body')
113 f.children().toggleClass('fa-caret-square-o-up').toggleClass('fa-caret-square-o-down');
114 }
115
116 $(function () {
117 twh.hide();
118 $("#fullscreen").click( function(e){
119 toggleFullScreen( e, $(this) );
120 });
121
122 $("#display-full").click(function(e){
123 setPreview( e, $(this), 0 );
124 });
125
126 $("#display-760").click(function(e){
127 setPreview( e, $(this), 1 );
128 });
129
130 $("#display-940").click(function(e){
131 setPreview( e, $(this), 1 );
132 });
133
134 $("#display-360").click(function(e){
135 setPreview( e, $(this), 1 );
136 });
137
138 $("#toggle-wh").click(function(e){
139 e.preventDefault();
140 toggleWH( $(this) );
141 });
142 });
143 </script>
144
145 <div class="modal fade" id="adminPageModal" tabindex="-1" role="dialog" aria-labelledby="previewModalLabel">
146 <div class="modal-dialog modal-lg" role="document" >
147 <div class="modal-content">
148 <div class="modal-header">
149 <button type="button" class="btn btn-link pull-right" data-dismiss="modal" aria-label="Close"><i class="fa fa-remove" aria-hidden="true"></i></button>
150 <button type="button" id="btn-expand" class="btn btn-link pull-right" arai-label="Expand"><i class="fa fa-expand" aria-hidden="true"></i></button>
151 <h4 class="modal-title" id="previewModalLabel">Preview</h4>
152 </div>
153 <div class="modal-body">
154 <p id="loader" class="text-center">
155 <i class="fa fa-circle-o-notch fa-spin fa-5x fa-fw"></i>
156 <span class="sr-only">Chargement...</span>
157 </p>
158 </div>
159 <div class="modal-footer">
160 <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
161 </div>
162 </div>
163 </div>
164 </div>