Use old form styles with class changes for radios & checkboxes

This commit is contained in:
Paul Adam Davis 2014-08-14 16:31:38 +01:00 committed by John O'Nolan
parent 10ffe68c08
commit 5912286b35

View File

@ -30,25 +30,27 @@
</div> </div>
</fieldset> </fieldset>
<div class="form-group">
<label for="blog-logo">Blog Logo</label>
{{#if logo}}
<button type="button" class="js-modal-logo" {{action "openModal" "upload" this "logo"}}><img id="blog-logo" {{bind-attr src=logo}} alt="logo"></button>
{{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>
</div>
<div class="form-group"> <div class="form-group">
<label for="blog-cover">Blog Cover</label> <label for="blog-logo">Blog Logo</label>
{{#if cover}} {{#if logo}}
<button type="button" class="js-modal-cover" {{action "openModal" "upload" this "cover"}}><img id="blog-cover" {{bind-attr src=cover}} alt="cover photo"></button> <button type="button" class="js-modal-logo" {{action "openModal" "upload" this "logo"}}><img id="blog-logo" {{bind-attr src=logo}} alt="logo"></button>
{{else}} {{else}}
<button type="button" class="btn btn-green js-modal-cover" {{action "openModal" "upload" this "cover"}}>Upload Image</button> <button type="button" class="btn btn-green js-modal-logo" {{action "openModal" "upload" this "logo"}}>Upload Image</button>
{{/if}} {{/if}}
<p>Display a cover image on your site</p> <p>Display a sexy logo for your publication</p>
</div> </div>
<div class="form-group">
<label for="blog-cover">Blog Cover</label>
{{#if cover}}
<button type="button" class="js-modal-cover" {{action "openModal" "upload" this "cover"}}><img id="blog-cover" {{bind-attr src=cover}} alt="cover photo"></button>
{{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>
</div>
<fieldset> <fieldset>
<div class="form-group"> <div class="form-group">
<label for="email-address">Email Address</label> <label for="email-address">Email Address</label>
@ -64,9 +66,11 @@
<div class="form-group for-checkbox"> <div class="form-group for-checkbox">
<label for="permalinks">Dated Permalinks</label> <label for="permalinks">Dated Permalinks</label>
{{input id="permalinks" name="general[permalinks]" type="checkbox" checked=isDatedPermalinks}} <label class="checkbox" for="permalinks">
<label class="checkbox" for="permalinks"></label> {{input id="permalinks" name="general[permalinks]" type="checkbox" checked=isDatedPermalinks}}
<p>Include the date in your post URLs</p> <span class="input-toggle-component"></span>
<p>Include the date in your post URLs</p>
</label>
</div> </div>
<div class="form-group for-select"> <div class="form-group for-select">
@ -83,7 +87,6 @@
</span> </span>
<p>Select a theme for your blog</p> <p>Select a theme for your blog</p>
</div> </div>
</fieldset> </fieldset>
</form> </form>
</section> </section>