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