2017-04-12 10:52:52 -04:00
|
|
|
|
<div class="show-current-style">
|
2018-08-30 15:23:15 -04:00
|
|
|
|
<div class="title">
|
2017-04-12 10:52:52 -04:00
|
|
|
|
{{#if editingName}}
|
|
|
|
|
{{text-field value=model.name autofocus="true"}}
|
2019-01-11 19:41:09 -05:00
|
|
|
|
{{d-button action=(action "finishedEditingName") class="btn-primary submit-edit" icon="check"}}
|
2020-02-11 09:55:16 -05:00
|
|
|
|
{{d-button action=(action "cancelEditingName") class="cancel-edit" icon="times"}}
|
2017-04-12 10:52:52 -04:00
|
|
|
|
{{else}}
|
2020-02-11 09:55:16 -05:00
|
|
|
|
<span>{{model.name}}</span>
|
|
|
|
|
{{d-button
|
|
|
|
|
action=(action "startEditingName")
|
|
|
|
|
icon="pencil-alt"
|
|
|
|
|
}}
|
2017-04-12 10:52:52 -04:00
|
|
|
|
{{/if}}
|
2018-08-30 15:23:15 -04:00
|
|
|
|
</div>
|
2017-04-12 10:52:52 -04:00
|
|
|
|
|
2018-10-03 17:03:06 -04:00
|
|
|
|
{{#each model.errors as |error|}}
|
|
|
|
|
<div class="alert alert-error">
|
|
|
|
|
<button class="close" data-dismiss="alert">×</button>
|
|
|
|
|
{{error}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/each}}
|
|
|
|
|
|
2019-07-03 04:18:11 -04:00
|
|
|
|
{{#unless model.supported}}
|
2019-01-25 09:19:01 -05:00
|
|
|
|
<div class="alert alert-error">
|
|
|
|
|
{{i18n "admin.customize.theme.required_version.error"}}
|
|
|
|
|
{{#if model.remote_theme.minimum_discourse_version}}
|
|
|
|
|
{{i18n "admin.customize.theme.required_version.minimum" version=model.remote_theme.minimum_discourse_version}}
|
|
|
|
|
{{/if}}
|
|
|
|
|
{{#if model.remote_theme.maximum_discourse_version}}
|
2019-02-28 09:40:33 -05:00
|
|
|
|
{{i18n "admin.customize.theme.required_version.maximum" version=model.remote_theme.maximum_discourse_version}}
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/unless}}
|
|
|
|
|
|
2019-07-03 04:18:11 -04:00
|
|
|
|
{{#unless model.enabled}}
|
|
|
|
|
<div class="alert alert-error">
|
|
|
|
|
{{#if model.disabled_by}}
|
|
|
|
|
{{i18n "admin.customize.theme.disabled_by"}}
|
|
|
|
|
{{#user-link user=model.disabled_by}}
|
|
|
|
|
{{avatar model.disabled_by imageSize="tiny"}}
|
|
|
|
|
{{model.disabled_by.username}}
|
|
|
|
|
{{/user-link}}
|
|
|
|
|
{{format-date model.disabled_at leaveAgo="true"}}
|
|
|
|
|
{{else}}
|
|
|
|
|
{{i18n "admin.customize.theme.disabled"}}
|
|
|
|
|
{{/if}}
|
|
|
|
|
{{d-button
|
|
|
|
|
class='btn-default'
|
|
|
|
|
action=(action "enableComponent")
|
|
|
|
|
icon="check"
|
|
|
|
|
label="admin.customize.theme.enable"}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/unless}}
|
|
|
|
|
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{#unless model.component}}
|
|
|
|
|
<div class="control-unit">
|
|
|
|
|
{{inline-edit-checkbox action=(action "applyDefault") labelKey="admin.customize.theme.is_default" checked=model.default}}
|
|
|
|
|
{{inline-edit-checkbox action=(action "applyUserSelectable") labelKey="admin.customize.theme.user_selectable" checked=model.user_selectable}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/unless}}
|
|
|
|
|
|
2017-04-12 10:52:52 -04:00
|
|
|
|
{{#if model.remote_theme}}
|
2019-01-25 09:19:01 -05:00
|
|
|
|
|
2019-01-16 11:09:16 -05:00
|
|
|
|
{{#if model.remote_theme.remote_url}}
|
2019-02-28 12:01:59 -05:00
|
|
|
|
{{#if sourceIsHttp}}
|
2019-11-28 00:19:01 -05:00
|
|
|
|
<a class="remote-url" href="{{model.remote_theme.remote_url}}">{{i18n "admin.customize.theme.source_url"}}{{d-icon "link"}}</a>
|
2019-02-28 12:01:59 -05:00
|
|
|
|
{{else}}
|
|
|
|
|
<div class="remote-url"><code>{{model.remote_theme.remote_url}}</code></div>
|
|
|
|
|
{{/if}}
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{/if}}
|
|
|
|
|
{{#if model.remote_theme.about_url}}
|
2019-11-28 00:19:01 -05:00
|
|
|
|
<a class="url about-url" href="{{model.remote_theme.about_url}}">{{i18n "admin.customize.theme.about_theme"}}{{d-icon "link"}}</a>
|
2019-01-16 11:09:16 -05:00
|
|
|
|
{{/if}}
|
2018-08-30 15:23:15 -04:00
|
|
|
|
{{#if model.remote_theme.license_url}}
|
2019-11-28 00:19:01 -05:00
|
|
|
|
<a class="url license-url" href="{{model.remote_theme.license_url}}">{{i18n "admin.customize.theme.license"}}{{d-icon "link"}}</a>
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
|
|
|
|
{{#if model.description}}
|
|
|
|
|
<span class="theme-description">{{model.description}}</span>
|
2018-08-30 15:23:15 -04:00
|
|
|
|
{{/if}}
|
2017-04-12 10:52:52 -04:00
|
|
|
|
|
2019-01-25 09:19:01 -05:00
|
|
|
|
<span class="metadata">
|
|
|
|
|
{{#if model.remote_theme.authors}}<span class="authors"><span class="heading">{{i18n "admin.customize.theme.authors"}}</span> {{model.remote_theme.authors}}</span>{{/if}}
|
|
|
|
|
{{#if model.remote_theme.theme_version}}<span class="version"><span class="heading">{{i18n "admin.customize.theme.version"}}</span> {{model.remote_theme.theme_version}}</span>{{/if}}
|
|
|
|
|
</span>
|
|
|
|
|
|
2018-08-30 15:23:15 -04:00
|
|
|
|
<div class="control-unit">
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{#if model.remote_theme.is_git}}
|
|
|
|
|
|
|
|
|
|
{{#if showRemoteError}}
|
|
|
|
|
<div class="error-message">
|
|
|
|
|
{{d-icon "exclamation-triangle"}} {{I18n "admin.customize.theme.repo_unreachable"}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="raw-error">
|
|
|
|
|
<code>{{model.remoteError}}</code>
|
|
|
|
|
</div>
|
|
|
|
|
{{/if}}
|
2019-02-08 08:01:14 -05:00
|
|
|
|
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{#if model.remote_theme.commits_behind}}
|
|
|
|
|
{{#d-button action=(action "updateToLatest") icon="download" class='btn-primary'}}{{i18n "admin.customize.theme.update_to_latest"}}{{/d-button}}
|
|
|
|
|
{{else}}
|
2019-02-28 13:03:14 -05:00
|
|
|
|
{{#d-button action=(action "checkForThemeUpdates") icon="sync" class="btn-default"}}{{i18n "admin.customize.theme.check_for_updates"}}{{/d-button}}
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{/if}}
|
2019-02-08 08:01:14 -05:00
|
|
|
|
|
2019-01-25 09:19:01 -05:00
|
|
|
|
<span class='status-message'>
|
2019-12-04 01:13:41 -05:00
|
|
|
|
{{#if updatingRemote}}
|
|
|
|
|
{{i18n 'admin.customize.theme.updating'}}
|
|
|
|
|
{{else}}
|
|
|
|
|
{{#if model.remote_theme.commits_behind}}
|
|
|
|
|
{{i18n 'admin.customize.theme.commits_behind' count=model.remote_theme.commits_behind}}
|
|
|
|
|
{{#if model.remote_theme.github_diff_link}}
|
|
|
|
|
<a href="{{model.remote_theme.github_diff_link}}">
|
|
|
|
|
{{i18n 'admin.customize.theme.compare_commits'}}
|
|
|
|
|
</a>
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{/if}}
|
2019-12-04 01:13:41 -05:00
|
|
|
|
{{else}}
|
|
|
|
|
{{#unless showRemoteError}}
|
|
|
|
|
{{i18n 'admin.customize.theme.up_to_date'}} {{format-date model.remote_theme.updated_at leaveAgo="true"}}
|
|
|
|
|
{{/unless}}
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{/if}}
|
2019-12-04 01:13:41 -05:00
|
|
|
|
{{/if}}
|
|
|
|
|
</span>
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{else}}
|
|
|
|
|
<span class='status-message'>
|
|
|
|
|
{{d-icon "info-circle"}} {{i18n "admin.customize.theme.imported_from_archive"}}
|
|
|
|
|
</span>
|
|
|
|
|
{{/if}}
|
2018-08-30 15:23:15 -04:00
|
|
|
|
</div>
|
2017-04-12 10:52:52 -04:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
2018-08-23 21:30:00 -04:00
|
|
|
|
{{#unless model.component}}
|
2019-12-04 01:13:41 -05:00
|
|
|
|
{{#d-section class="form-horizontal theme settings"}}
|
|
|
|
|
<div class="row setting">
|
|
|
|
|
<div class="setting-label">
|
|
|
|
|
{{i18n "admin.customize.theme.color_scheme"}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="setting-value">
|
|
|
|
|
{{color-palettes
|
|
|
|
|
content=colorSchemes
|
|
|
|
|
filterable=true
|
|
|
|
|
forceEscape=true
|
|
|
|
|
value=colorSchemeId
|
|
|
|
|
icon="paint-brush"}}
|
2019-02-08 08:01:14 -05:00
|
|
|
|
|
2019-12-04 01:13:41 -05:00
|
|
|
|
<div class="desc">{{i18n "admin.customize.theme.color_scheme_select"}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="setting-controls">
|
|
|
|
|
{{#if colorSchemeChanged}}
|
|
|
|
|
{{d-button action=(action "changeScheme") class="ok submit-edit" icon="check"}}
|
|
|
|
|
{{d-button action=(action "cancelChangeScheme") class="cancel cancel-edit" icon="times"}}
|
|
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
2018-08-30 15:23:15 -04:00
|
|
|
|
</div>
|
2019-12-04 01:13:41 -05:00
|
|
|
|
{{/d-section}}
|
2018-08-23 21:30:00 -04:00
|
|
|
|
{{/unless}}
|
|
|
|
|
|
2019-01-25 09:19:01 -05:00
|
|
|
|
{{#if parentThemes}}
|
|
|
|
|
<div class="control-unit">
|
|
|
|
|
<div class="mini-title">{{i18n "admin.customize.theme.component_of"}}</div>
|
|
|
|
|
<ul>
|
|
|
|
|
{{#each parentThemes as |theme|}}
|
|
|
|
|
<li>{{#link-to 'adminCustomizeThemes.show' theme replace=true}}{{theme.name}}{{/link-to}}</li>
|
|
|
|
|
{{/each}}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
2019-12-04 01:13:41 -05:00
|
|
|
|
{{#if model.component}}
|
|
|
|
|
{{#d-section class="form-horizontal theme settings"}}
|
|
|
|
|
<div class="row setting">
|
|
|
|
|
{{theme-setting-relatives-selector setting=relativesSelectorSettingsForComponent model=model class="theme-setting"}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/d-section}}
|
|
|
|
|
{{else}}
|
|
|
|
|
{{#d-section class="form-horizontal theme settings"}}
|
|
|
|
|
<div class="row setting">
|
|
|
|
|
{{theme-setting-relatives-selector setting=relativesSelectorSettingsForTheme model=model class="theme-setting"}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/d-section}}
|
2019-11-28 00:19:01 -05:00
|
|
|
|
{{/if}}
|
|
|
|
|
|
2018-08-30 15:23:15 -04:00
|
|
|
|
<div class="control-unit">
|
|
|
|
|
<div class="mini-title">{{i18n "admin.customize.theme.css_html"}}</div>
|
2018-09-06 14:56:00 -04:00
|
|
|
|
{{#if model.hasEditedFields}}
|
2018-08-30 15:23:15 -04:00
|
|
|
|
<div class="description">{{i18n "admin.customize.theme.custom_sections"}}</div>
|
|
|
|
|
<ul>
|
2018-09-06 14:56:00 -04:00
|
|
|
|
{{#each editedFieldsFormatted as |field|}}
|
|
|
|
|
<li>{{field}}</li>
|
2018-08-30 15:23:15 -04:00
|
|
|
|
{{/each}}
|
|
|
|
|
</ul>
|
|
|
|
|
{{else}}
|
|
|
|
|
<div class="description">
|
|
|
|
|
{{i18n "admin.customize.theme.edit_css_html_help"}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/if}}
|
2018-08-23 21:30:00 -04:00
|
|
|
|
|
2019-11-04 05:23:54 -05:00
|
|
|
|
{{d-button
|
|
|
|
|
class="btn-default edit"
|
|
|
|
|
action=(action "editTheme")
|
|
|
|
|
label="admin.customize.theme.edit_css_html"}}
|
2018-08-30 15:23:15 -04:00
|
|
|
|
</div>
|
2017-05-09 17:20:28 -04:00
|
|
|
|
|
2018-08-30 15:23:15 -04:00
|
|
|
|
<div class="control-unit">
|
|
|
|
|
<div class="mini-title">{{i18n "admin.customize.theme.uploads"}}</div>
|
|
|
|
|
{{#if model.uploads}}
|
|
|
|
|
<ul class='removable-list'>
|
|
|
|
|
{{#each model.uploads as |upload|}}
|
2019-12-04 01:13:41 -05:00
|
|
|
|
<li>
|
2020-03-06 11:35:18 -05:00
|
|
|
|
<span class='col'>${{upload.name}}: <a href={{upload.url}} rel="noopener" target='_blank'>{{upload.filename}}</a></span>
|
2019-12-04 01:13:41 -05:00
|
|
|
|
<span class='col'>
|
|
|
|
|
{{d-button action=(action "removeUpload") actionParam=upload class="second btn-default btn-default cancel-edit" icon="times"}}
|
|
|
|
|
</span>
|
|
|
|
|
</li>
|
2018-08-30 15:23:15 -04:00
|
|
|
|
{{/each}}
|
|
|
|
|
</ul>
|
|
|
|
|
{{else}}
|
|
|
|
|
<div class="description">{{i18n "admin.customize.theme.no_uploads"}}</div>
|
|
|
|
|
{{/if}}
|
2019-01-10 05:06:01 -05:00
|
|
|
|
{{#d-button action=(action "addUploadModal") class="btn-default" icon="plus"}}{{i18n "admin.customize.theme.add"}}{{/d-button}}
|
2018-08-30 15:23:15 -04:00
|
|
|
|
</div>
|
2017-05-09 17:20:28 -04:00
|
|
|
|
|
2018-03-04 19:11:21 -05:00
|
|
|
|
{{#if hasSettings}}
|
2018-08-30 15:23:15 -04:00
|
|
|
|
<div class="control-unit">
|
|
|
|
|
<div class="mini-title">{{i18n "admin.customize.theme.theme_settings"}}</div>
|
|
|
|
|
{{#d-section class="form-horizontal theme settings"}}
|
|
|
|
|
{{#each settings as |setting|}}
|
2019-01-17 06:46:11 -05:00
|
|
|
|
{{theme-setting-editor setting=setting model=model class="theme-setting"}}
|
|
|
|
|
{{/each}}
|
|
|
|
|
{{/d-section}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/if}}
|
|
|
|
|
|
|
|
|
|
{{#if hasTranslations}}
|
|
|
|
|
<div class="control-unit">
|
|
|
|
|
<div class="mini-title">{{i18n "admin.customize.theme.theme_translations"}}</div>
|
|
|
|
|
{{#d-section class="form-horizontal theme settings translations"}}
|
|
|
|
|
{{#each translations as |translation|}}
|
|
|
|
|
{{theme-translation translation=translation model=model class="theme-translation"}}
|
2018-08-30 15:23:15 -04:00
|
|
|
|
{{/each}}
|
|
|
|
|
{{/d-section}}
|
|
|
|
|
</div>
|
2018-03-04 19:11:21 -05:00
|
|
|
|
{{/if}}
|
2018-03-04 19:04:23 -05:00
|
|
|
|
|
2020-03-06 11:35:18 -05:00
|
|
|
|
<a href='{{previewUrl}}' title="{{i18n 'admin.customize.explain_preview'}}" rel="noopener" target='_blank' class='btn btn-default'>{{d-icon 'desktop'}}{{i18n 'admin.customize.theme.preview'}}</a>
|
|
|
|
|
<a class="btn btn-default export" rel="noopener" target="_blank" href={{downloadUrl}}>{{d-icon "download"}} {{i18n 'admin.export_json.button_text'}}</a>
|
2017-04-12 10:52:52 -04:00
|
|
|
|
|
2019-01-10 05:06:01 -05:00
|
|
|
|
{{d-button action=(action "switchType") label="admin.customize.theme.convert" icon=convertIcon class="btn-default btn-normal" title=convertTooltip}}
|
2019-07-03 04:18:11 -04:00
|
|
|
|
|
|
|
|
|
{{#if model.component}}
|
|
|
|
|
{{#if model.enabled}}
|
|
|
|
|
{{d-button
|
|
|
|
|
class='btn-default'
|
|
|
|
|
action=(action "disableComponent")
|
|
|
|
|
icon="ban"
|
|
|
|
|
label="admin.customize.theme.disable"}}
|
|
|
|
|
{{else}}
|
|
|
|
|
{{d-button
|
|
|
|
|
class='btn-default'
|
|
|
|
|
action=(action "enableComponent")
|
|
|
|
|
icon="check"
|
|
|
|
|
label="admin.customize.theme.enable"}}
|
|
|
|
|
{{/if}}
|
2020-02-05 09:23:35 -05:00
|
|
|
|
{{/if}}
|
2019-07-03 04:18:11 -04:00
|
|
|
|
|
2020-02-05 09:23:35 -05:00
|
|
|
|
{{d-button action=(action "destroy") label="admin.customize.delete" icon="trash-alt" class="btn-danger"}}
|
2017-04-12 10:52:52 -04:00
|
|
|
|
</div>
|