gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

simplify the camper news UX

Browse Source
This commit is contained in:
Michael Q Larson
2015-04-17 13:09:35 -07:00
parent d10011acc3
commit 061d86b074
1 changed files with 36 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
views/stories/news-nav.jade
View File

@ -1,40 +1,43 @@
.col-xs-12 .col-xs-12
.visible-xs.visible-sm
.btn-group.input-group.btn-group-justified(data-toggle='buttons') a.btn.btn-primary.btn-big.btn-block(href='/stories/submit' class="#{ page === 'hot' ? '' : 'hidden' }") Submit a Code-related Link
label.btn.btn-primary.btn-big(class="#{ page === 'hot' ? 'active' : '' }") a.btn.btn-success.btn-big.btn-block(href='/stories/hot' class="#{ (page === 'show' || page === 'submit' || page === 'storySubmission') ? '' : 'hidden' }") Show all Links
input#option1(href='/stories/hot', type='radio', name='options') //.visible-xs.visible-sm
i.ion-ios-pulse-strong // .btn-group.input-group.btn-group-justified(data-toggle='buttons')
label.btn.btn-primary.btn-big(class="#{ page === 'recent' ? 'active' : '' }") // label.btn.btn-primary.btn-big(class="#{ page === 'hot' ? 'active' : '' }")
input#option2(href='/stories/recent', type='radio', name='options') // input#option1(href='/stories/hot', type='radio', name='options')
i.ion-ios-clock // i.ion-ios-pulse-strong
label.btn.btn-primary.btn-big(class="#{ page === 'submit' ? 'active' : page === 'storySubmission' ? 'active' : '' }") // label.btn.btn-primary.btn-big(class="#{ page === 'recent' ? 'active' : '' }")
input#option3(href='/stories/submit', type='radio', name='options') // input#option2(href='/stories/recent', type='radio', name='options')
i.ion-plus-circled // i.ion-ios-clock
label.btn.btn-primary.btn-big(class="#{ page === 'search' ? 'active' : '' }") // label.btn.btn-primary.btn-big(class="#{ page === 'submit' ? 'active' : page === 'storySubmission' ? 'active' : '' }")
input#option4(href='/stories/search', type='radio', name='options') // input#option3(href='/stories/submit', type='radio', name='options')
i.ion-search // i.ion-plus-circled
.visible-md.visible-lg // label.btn.btn-primary.btn-big(class="#{ page === 'search' ? 'active' : '' }")
.btn-group.input-group.btn-group-justified(data-toggle='buttons') // input#option4(href='/stories/search', type='radio', name='options')
label.btn.btn-primary.btn-big(class="#{ page === 'hot' ? 'active' : '' }") // i.ion-search
input#option1(href='/stories/hot', type='radio', name='options') //.visible-md.visible-lg
i.ion-ios-pulse-strong   // .btn-group.input-group.btn-group-justified(data-toggle='buttons')
| Hot // label.btn.btn-primary.btn-big(class="#{ page === 'hot' ? 'active' : '' }")
label.btn.btn-primary.btn-big(class="#{ page === 'recent' ? 'active' : '' }") // input#option1(href='/stories/hot', type='radio', name='options')
input#option2(href='/stories/recent', type='radio', name='options') // i.ion-ios-pulse-strong  
i.ion-ios-clock   // | Hot
| New // label.btn.btn-primary.btn-big(class="#{ page === 'recent' ? 'active' : '' }")
label.btn.btn-primary.btn-big(class="#{ page === 'submit' ? 'active' : page === 'storySubmission' ? 'active' : '' }") // input#option2(href='/stories/recent', type='radio', name='options')
input#option3(href='/stories/submit', type='radio', name='options') // i.ion-ios-clock  
i.ion-plus-circled   // | New
| Submit // label.btn.btn-primary.btn-big(class="#{ page === 'submit' ? 'active' : page === 'storySubmission' ? 'active' : '' }")
label.btn.btn-primary.btn-big(class="#{ page === 'search' ? 'active' : '' }") // input#option3(href='/stories/submit', type='radio', name='options')
input#option4(href='/stories/search', type='radio', name='options') // i.ion-plus-circled  
i.ion-search   // | Submit
| Search // label.btn.btn-primary.btn-big(class="#{ page === 'search' ? 'active' : '' }")
// input#option4(href='/stories/search', type='radio', name='options')
// i.ion-search  
// | Search
script. script.
$('label').on('click', function() { $('label').on('click', function() {
window.location = ($(this).children('input').attr('href')); window.location = ($(this).children('input').attr('href'));
}); });
.spacer .spacer