2015-06-13 17:34:09 +03:00
<section class="gh-view">
<header class="view-header">
{{ # gh-view-title openMobileMenu = "openMobileMenu" }} General {{ / gh-view-title }}
<section class="view-actions">
<button type="button" class="btn btn-blue" {{ action "save" }} >Save</button>
</section>
</header>
2014-03-10 07:44:08 +04:00
2015-06-13 17:34:09 +03:00
<section class="view-content">
<form id="settings-general" novalidate="novalidate">
<fieldset>
2014-03-10 07:44:08 +04:00
2015-06-13 17:34:09 +03:00
<div class="form-group">
<label for="blog-title">Blog Title</label>
{{ in put id = "blog-title" class = "gh-input" name = "general[title]" type = "text" value = model .title }}
<p>The name of your blog</p>
</div>
2014-08-14 19:31:38 +04:00
2015-06-13 17:34:09 +03:00
<div class="form-group description-container">
<label for="blog-description">Blog Description</label>
{{ textarea id = "blog-description" class = "gh-input" name = "general[description]" value = model .description }}
<p>
Describe what your blog is about
{{ gh-count-characters model .description }}
</p>
2014-08-14 19:31:38 +04:00
2015-06-13 17:34:09 +03:00
</div>
</fieldset>
2014-03-10 07:44:08 +04:00
<div class="form-group">
2015-06-13 17:34:09 +03:00
<label>Blog Logo</label>
{{ # if model .logo }}
<img class="blog-logo" src=" {{ model .logo }} " alt="logo" role="button" {{ action "openModal" "upload" this "logo" }} >
{{ else }}
<button type="button" class="btn btn-green js-modal-logo" {{ action "openModal" "upload" this "logo" }} >Upload Image</button>
{{ / if }}
<p>Display a sexy logo for your publication</p>
2014-03-10 07:44:08 +04:00
</div>
2015-06-13 17:34:09 +03:00
<div class="form-group">
<label>Blog Cover</label>
{{ # if model .cover }}
<img class="blog-cover" src=" {{ model .cover }} " alt="cover photo" role="button" {{ action "openModal" "upload" this "cover" }} >
{{ else }}
<button type="button" class="btn btn-green js-modal-cover" {{ action "openModal" "upload" this "cover" }} >Upload Image</button>
{{ / if }}
<p>Display a cover image on your site</p>
2014-03-10 07:44:08 +04:00
</div>
2015-06-13 17:34:09 +03:00
<fieldset>
2015-05-11 18:35:55 +03:00
2015-06-13 17:34:09 +03:00
<div class="form-group">
<label for="postsPerPage">Posts per page</label>
{{! `pattern` brings up numeric keypad allowing any number of digits}}
{{ in put id = "postsPerPage" class = "gh-input" name = "general[postsPerPage]" focus-out = "checkPostsPerPage" value = model .postsPerPage min = "1" max = "1000" type = "number" pattern = "[0-9]*" }}
<p>How many posts should be displayed on each page</p>
</div>
2015-05-11 18:35:55 +03:00
2015-06-13 17:34:09 +03:00
<div class="form-group for-checkbox">
<label for="permalinks">Dated Permalinks</label>
<label class="checkbox" for="permalinks">
{{ in put id = "permalinks" class = "gh-input" name = "general[permalinks]" type = "checkbox" checked = isDatedPermalinks }}
<span class="input-toggle-component"></span>
<p>Include the date in your post URLs</p>
</label>
</div>
<div class="form-group for-select">
<label for="activeTheme">Theme</label>
<span class="gh-select" data-select-text=" {{ selectedTheme .label }} " tabindex="0">
{{ gh-select-native
id="activeTheme"
name="general[activeTheme]"
content=themes
optionValuePath="name"
optionLabelPath="label"
selection=selectedTheme
action="setTheme"
}}
</span>
<p>Select a theme for your blog</p>
</div>
<div class="form-group for-checkbox">
<label for="isPrivate">Make this blog private</label>
<label class="checkbox" for="isPrivate">
{{ in put id = "isPrivate" name = "general[isPrivate]" type = "checkbox"
checked=model.isPrivate}}
<span class="input-toggle-component"></span>
<p>Enable password protection</p>
</label>
</div>
{{ # if model .isPrivate }}
<div class="form-group">
{{ in put name = "general[password]" type = "text" value = model .password }}
<p>This password will be needed to access your blog. All search engine optimization and social features are now disabled. This password is stored in plaintext.</p>
</div>
{{ / if }}
</fieldset>
</form>
</section>
2014-12-30 05:11:24 +03:00
</section>