mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-20 09:22:49 +03:00
153f76aa7c
Closes #3254, closes #3138, closes #3245 ### Settings Routing and View refactoring - Refactored `SettingsView` to handle transitions between mobile and desktop layouts - `SettingsRoute` will only transition to `settings.general` if the screen is large enough to show both the menu and the content - Added `SettingsIndexView` to handle showing the settings menu on mobile screens - Added `SettingsContentBaseView` to be inherited by any settings view that is not index. - Updated Settings templates appropriately to work with new views - Removed extraneous `active` class from `settings-content` - Changed settings menu to use `gh-activating-list-item` - Retooled settings tests ### Mobile Utils - Renamed file to `mobile.js`, since it's inside of `utils/` - Added `mobileQuery` MediaQueryList to help detect layout changes - Removed unused `hasTouchScreen`, `device.js` should be used instead. - Removed unused `smallScreen` function - Moved FastClickInit to codemirror-mobile
90 lines
3.8 KiB
Handlebars
90 lines
3.8 KiB
Handlebars
<header>
|
|
<h2 class="title">General</h2>
|
|
|
|
<div class="settings-header-inner">
|
|
{{#link-to 'settings' class='button-back button'}}Back{{/link-to}}
|
|
|
|
<section class="page-actions">
|
|
<button class="button-save" {{action "save"}}>Save</button>
|
|
</section>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="content settings-general">
|
|
<form id="settings-general" novalidate="novalidate">
|
|
<fieldset>
|
|
|
|
<div class="form-group">
|
|
<label for="blog-title">Blog Title</label>
|
|
{{input id="blog-title" name="general[title]" type="text" value=title}}
|
|
<p>The name of your blog</p>
|
|
</div>
|
|
|
|
<div class="form-group description-container">
|
|
<label for="blog-description">Blog Description</label>
|
|
{{textarea id="blog-description" name="general[description]" value=description}}
|
|
<p>
|
|
Describe what your blog is about
|
|
{{gh-count-characters description}}
|
|
</p>
|
|
|
|
</div>
|
|
</fieldset>
|
|
<div class="form-group">
|
|
<label for="blog-logo">Blog Logo</label>
|
|
{{#if logo}}
|
|
<a class="js-modal-logo" href="#" {{action "openModal" "upload" this "logo"}}><img id="blog-logo" {{bind-attr src=logo}} alt="logo"></a>
|
|
{{else}}
|
|
<a class="button-add js-modal-logo" {{action "openModal" "upload" this "logo"}}>Upload Image</a>
|
|
{{/if}}
|
|
<p>Display a sexy logo for your publication</p>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="blog-cover">Blog Cover</label>
|
|
{{#if cover}}
|
|
<a class="js-modal-cover" href="#" {{action "openModal" "upload" this "cover"}}><img id="blog-cover" {{bind-attr src=cover}} alt="cover photo"></a>
|
|
{{else}}
|
|
<a class="button-add js-modal-cover" {{action "openModal" "upload" this "cover"}}>Upload Image</a>
|
|
{{/if}}
|
|
<p>Display a cover image on your site</p>
|
|
</div>
|
|
<fieldset>
|
|
<div class="form-group">
|
|
<label for="email-address">Email Address</label>
|
|
{{input id="email-address" name="general[email-address]" type="email" value=email autocapitalize="off" autocorrect="off"}}
|
|
<p>Address to use for admin notifications</p>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="postsPerPage">Posts per page</label>
|
|
{{input id="postsPerPage" name="general[postsPerPage]" type="number" value=postsPerPage}}
|
|
<p>How many posts should be displayed on each page</p>
|
|
</div>
|
|
|
|
<div class="form-group for-checkbox">
|
|
<label for="permalinks">Dated Permalinks</label>
|
|
{{input id="permalinks" name="general[permalinks]" type="checkbox" checked=isDatedPermalinks}}
|
|
<label class="checkbox" for="permalinks"></label>
|
|
<p>Include the date in your post URLs</p>
|
|
</div>
|
|
|
|
<div class="form-group for-select">
|
|
<label for="activeTheme">Theme</label>
|
|
<span class="gh-select" {{bind-attr data-select-text=selectedTheme.label}}>
|
|
{{view Ember.Select
|
|
id="activeTheme"
|
|
name="general[activeTheme]"
|
|
content=themes
|
|
optionValuePath="content.name"
|
|
optionLabelPath="content.label"
|
|
value=activeTheme
|
|
selection=selectedTheme}}
|
|
</span>
|
|
<p>Select a theme for your blog</p>
|
|
</div>
|
|
|
|
</fieldset>
|
|
</form>
|
|
</section>
|