[TASK] Clean up workspace preview top bar
[Packages/TYPO3.CMS.git] / typo3 / sysext / workspaces / Resources / Private / Templates / Preview / Index.html
1 <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
2 <div id="typo3-topbar">
3 <div class="typo3-topbar-container" role="navigation" id="typo3-top-container">
4 <div class="typo3-topbar-site">
5 <a class="typo3-topbar-site-logo" href="{logoLink}" target="_blank">
6 <img src="{f:uri.resource(path: 'Images/typo3_logo_orange.svg', extensionName: 'backend')}" width="22" height="22" title="TYPO3 Content Management System" alt="">
7 </a>
8 <span class="typo3-topbar-site-name">{activeWorkspace}</span>
9 </div>
10 <div class="typo3-topbar-tabs t3js-workspace-tabs">
11 <ul class="nav nav-tabs" role="tablist">
12 <li role="presentation" class="active"><a href="#visual" aria-controls="visual" role="tab" data-toggle="tab" data-actions="true"><f:translate key="preview.visualPreview" extensionName="workspaces" /></a></li>
13 <li role="presentation"><a href="#list" aria-controls="list" role="tab" data-toggle="tab" data-actions="false"><f:translate key="preview.listView" extensionName="workspaces" /></a></li>
14 </ul>
15 </div>
16 <div class="typo3-topbar-workspace-actions t3js-workspace-actions">
17 <f:if condition="{liveUrl}">
18 <div class="workspace-action">
19 <div class="slider-wrapper">
20 <span>Published Version</span><div
21 id="workspace-stage-slider"
22 data-slider-min="0"
23 data-slider-max="100"
24 data-slider-value="100"
25 data-slider-tooltip="hide"
26 style="width: 150px;"
27 ></div>
28 <span>Staged Version</span>
29 </div>
30 </div>
31 </f:if>
32 <div class="workspace-action t3js-stage-buttons">
33 <f:render partial="Preview/StageButtons" arguments="{_all}"/>
34 </div>
35 <div class="workspace-action t3js-preview-mode">
36 <f:if condition="{liveUrl}">
37 <f:then>
38 <div class="btn-group">
39 <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
40 <span class="t3js-active-preview-mode active-preview-mode" data-active-preview-mode="{firstPreviewMode}"><f:translate key="preview.mode{firstPreviewMode -> f:format.case(mode: 'capital')}" extensionName="workspaces" /></span> <span class="caret"></span>
41 </button>
42 <ul class="dropdown-menu dropdown-menu-right">
43 <f:for each="{splitPreviewModes}" as="mode">
44 <li><a href="#" data-preview-mode="{mode}"><span><f:translate key="preview.mode{mode -> f:format.case(mode: 'capital')}" extensionName="workspaces" /></span></a></li>
45 </f:for>
46 </ul>
47 </div>
48 </f:then>
49 <f:else>
50 <span><f:translate key="info.newpage.detail" extensionName="workspaces" /></span>
51 </f:else>
52 </f:if>
53 </div>
54 </div>
55 </div>
56 </div>
57
58 <div role="tabpanel" class="workspace-panel">
59 <div class="tab-content">
60 <div role="tabpanel" class="tab-pane active workspaces preview-mode-slider" id="visual">
61 <div class="t3js-workspace-preview">
62 <f:if condition="{liveUrl}">
63 <iframe src="{liveUrl}" style="height: 0px;" id="live-view"></iframe>
64 </f:if>
65 <iframe src="{wsUrl}" id="workspace-view"></iframe>
66 </div>
67 </div>
68 <div role="tabpanel" class="tab-pane workspaces" id="list">
69 <iframe src="{wsSettingsUrl}" id="workspace-list"></iframe>
70 </div>
71 </div>
72 </div>
73 <script type="text/javascript">
74 document.domain = '{backendDomain}';
75 </script>
76 </html>