2013-04-10 13:55:20 +08:00
|
|
|
<div class='content-list span6'>
|
|
|
|
<h3>{{i18n admin.customize.long_title}}</h3>
|
|
|
|
<ul>
|
2013-05-21 03:27:58 +08:00
|
|
|
{{#each model}}
|
2014-01-15 01:48:57 +08:00
|
|
|
<li><a {{action selectStyle this}} {{bind-attr class="this.selected:active"}}>{{this.description}}</a></li>
|
2013-02-06 03:16:51 +08:00
|
|
|
{{/each}}
|
|
|
|
</ul>
|
2013-05-21 02:37:05 +08:00
|
|
|
<button {{action newCustomization}} class='btn'>{{i18n admin.customize.new}}</button>
|
2013-02-06 03:16:51 +08:00
|
|
|
</div>
|
|
|
|
|
2013-04-10 13:55:20 +08:00
|
|
|
|
2013-05-21 03:27:58 +08:00
|
|
|
{{#if selectedItem}}
|
2013-04-10 09:54:51 +08:00
|
|
|
<div class='current-style'>
|
2013-05-21 03:27:58 +08:00
|
|
|
{{#with selectedItem}}
|
2013-05-21 00:56:36 +08:00
|
|
|
{{textField class="style-name" value=name}}
|
2013-09-17 00:21:49 +08:00
|
|
|
|
|
|
|
<div class='admin-controls'>
|
|
|
|
<ul class="nav nav-pills">
|
2013-11-12 05:20:58 +08:00
|
|
|
<li>
|
2014-01-15 01:48:57 +08:00
|
|
|
<a {{bind-attr class="view.stylesheetActive:active"}}{{action selectStylesheet href="true" target="view"}}>{{i18n admin.customize.css}}</a>
|
2013-09-17 00:21:49 +08:00
|
|
|
</li>
|
2013-11-12 05:20:58 +08:00
|
|
|
<li>
|
2014-01-15 01:48:57 +08:00
|
|
|
<a {{bind-attr class="view.headerActive:active"}}{{action selectHeader href="true" target="view"}}>{{i18n admin.customize.header}}</a>
|
2013-09-17 00:21:49 +08:00
|
|
|
</li>
|
2013-11-12 05:20:58 +08:00
|
|
|
<li>
|
2014-01-15 01:48:57 +08:00
|
|
|
<a {{bind-attr class="view.mobileStylesheetActive:active"}}{{action selectMobileStylesheet href="true" target="view"}}>{{i18n admin.customize.mobile_css}}</a>
|
2013-09-17 00:21:49 +08:00
|
|
|
</li>
|
2013-11-12 05:20:58 +08:00
|
|
|
<li>
|
2014-01-15 01:48:57 +08:00
|
|
|
<a {{bind-attr class="view.mobileHeaderActive:active"}}{{action selectMobileHeader href="true" target="view"}}>{{i18n admin.customize.mobile_header}}</a>
|
2013-09-17 00:21:49 +08:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
2013-11-17 03:14:34 +08:00
|
|
|
<div class="admin-container">
|
|
|
|
{{#if view.headerActive}}
|
|
|
|
{{aceEditor content=header mode="html"}}
|
|
|
|
{{/if}}
|
|
|
|
{{#if view.stylesheetActive}}
|
|
|
|
{{aceEditor content=stylesheet mode="scss"}}
|
|
|
|
{{/if}}
|
|
|
|
{{#if view.mobileHeaderActive}}
|
|
|
|
{{aceEditor content=mobile_header mode="html"}}
|
|
|
|
{{/if}}
|
|
|
|
{{#if view.mobileStylesheetActive}}
|
|
|
|
{{aceEditor content=mobile_stylesheet mode="scss"}}
|
|
|
|
{{/if}}
|
|
|
|
</div>
|
2013-02-06 03:16:51 +08:00
|
|
|
{{/with}}
|
|
|
|
<br>
|
|
|
|
<div class='status-actions'>
|
2013-05-21 03:27:58 +08:00
|
|
|
<span>{{i18n admin.customize.override_default}} {{view Ember.Checkbox checkedBinding="selectedItem.override_default_style"}}</span>
|
|
|
|
<span>{{i18n admin.customize.enabled}} {{view Ember.Checkbox checkedBinding="selectedItem.enabled"}}</span>
|
|
|
|
{{#unless selectedItem.changed}}
|
2014-01-15 01:48:57 +08:00
|
|
|
<a class='preview-link' {{bind-attr href="selectedItem.previewUrl"}} target='_blank'>{{i18n admin.customize.preview}}</a>
|
2013-04-10 09:54:51 +08:00
|
|
|
|
|
2013-02-06 03:16:51 +08:00
|
|
|
<a href="/?preview-style=" target='_blank'>{{i18n admin.customize.undo_preview}}</a><br>
|
|
|
|
{{/unless}}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class='buttons'>
|
2014-01-15 01:48:57 +08:00
|
|
|
<button {{action save}} {{bind-attr disabled="selectedItem.disableSave"}} class='btn'>{{i18n admin.customize.save}}</button>
|
2013-05-21 03:27:58 +08:00
|
|
|
<span class='saving'>{{selectedItem.savingStatus}}</span>
|
2013-05-21 02:37:05 +08:00
|
|
|
<a {{action destroy}} class='delete-link'>{{i18n admin.customize.delete}}</a>
|
2013-02-06 03:16:51 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
2013-04-10 13:55:20 +08:00
|
|
|
{{else}}
|
|
|
|
<p class="about">{{i18n admin.customize.about}}</p>
|
2013-02-06 03:16:51 +08:00
|
|
|
{{/if}}
|
|
|
|
<div class='clearfix'></div>
|