2011-07-21 20:14:33 +02:00
|
|
|
<div class="cms-navigator">
|
2012-11-22 02:14:11 +01:00
|
|
|
|
2012-11-27 06:03:43 +01:00
|
|
|
<% include LeftAndMain_ViewModeSelector SelectID="preview-mode-dropdown-in-preview" %>
|
|
|
|
|
|
|
|
<span id="preview-size-dropdown" class="preview-size-selector preview-selector field dropdown">
|
2012-12-06 03:22:45 +01:00
|
|
|
<select title="<% _t('SilverStripeNavigator.ViewDeviceWidth', 'Select a preview width') %>" id="preview-size-dropdown-select" class="preview-dropdown dropdown nolabel" autocomplete="off" name="Action">
|
2012-11-27 06:03:43 +01:00
|
|
|
<option data-icon="icon-auto" data-description="<% _t('SilverStripeNavigator.Responsive', 'Responsive') %>" class="icon-auto icon-view first" value="auto">
|
2012-11-22 04:30:50 +01:00
|
|
|
<% _t('SilverStripeNavigator.Auto', 'Auto') %>
|
|
|
|
</option>
|
2012-11-27 06:03:43 +01:00
|
|
|
<option data-icon="icon-desktop" data-description="1024px <% _t('SilverStripeNavigator.Width', 'width') %>" class="icon-desktop icon-view" value="desktop">
|
2012-11-22 04:30:50 +01:00
|
|
|
<% _t('SilverStripeNavigator.Desktop', 'Desktop') %>
|
|
|
|
</option>
|
2012-11-27 06:03:43 +01:00
|
|
|
<option data-icon="icon-tablet" data-description="800px <% _t('SilverStripeNavigator.Width', 'width') %>" class="icon-tablet icon-view" value="tablet">
|
2012-11-22 04:30:50 +01:00
|
|
|
<% _t('SilverStripeNavigator.Tablet', 'Tablet') %>
|
|
|
|
</option>
|
2012-11-27 06:03:43 +01:00
|
|
|
<option data-icon="icon-mobile" data-description="400px <% _t('SilverStripeNavigator.Width', 'width') %>" class="icon-mobile icon-view last" value="mobile">
|
2012-11-22 04:30:50 +01:00
|
|
|
<% _t('SilverStripeNavigator.Mobile', 'Mobile') %>
|
|
|
|
</option>
|
2012-11-22 02:14:11 +01:00
|
|
|
</select>
|
|
|
|
</span>
|
|
|
|
|
2013-07-13 13:00:46 +02:00
|
|
|
<% if $Items %>
|
|
|
|
<% if $Items.Count < 5 %>
|
2014-11-09 22:31:53 +01:00
|
|
|
<div id="preview-states" class="cms-preview-states switch-states size_{$Items.Count}">
|
2013-01-09 21:43:10 +01:00
|
|
|
<div class="switch">
|
2013-07-13 13:00:46 +02:00
|
|
|
<% loop $Items %>
|
2014-11-09 22:31:53 +01:00
|
|
|
<a href="$Link" id="$Title" data-name="$Name" class="state-name $FirstLast<% if $isActive %> active<% end_if %>">
|
|
|
|
<span>$Title</span>
|
|
|
|
</a>
|
2013-01-09 21:43:10 +01:00
|
|
|
<% end_loop %>
|
|
|
|
</div>
|
2014-11-09 22:31:53 +01:00
|
|
|
</div>
|
2013-01-09 21:43:10 +01:00
|
|
|
<% else %>
|
|
|
|
<span id="preview-state-dropdown" class="cms-preview-states field dropdown">
|
|
|
|
<select title="<% _t('SilverStripeNavigator.PreviewState', 'Preview State') %>" id="preview-states" class="preview-state dropdown nolabel" autocomplete="off" name="preview-state">
|
2013-07-13 13:00:46 +02:00
|
|
|
<% loop $Items %>
|
|
|
|
<option name="$Name" data-name="$Name" data-link="$Link" class="state-name $FirstLast" value="$Link" <% if $isActive %>selected<% end_if %>>
|
2013-01-09 21:43:10 +01:00
|
|
|
$Title
|
|
|
|
</option>
|
|
|
|
<% end_loop %>
|
|
|
|
</select>
|
|
|
|
</span>
|
|
|
|
<% end_if %>
|
2012-12-03 03:17:16 +01:00
|
|
|
<% end_if %>
|
2013-07-13 13:00:46 +02:00
|
|
|
</div>
|