craftingguide/website
1
0
Fork 0
Code Pull Requests Actions Activity

Add a "Random Item" link to the breadcrumb bar

Browse Source 
fixes #216
This commit is contained in:
Andrew Miner
2016-05-07 12:25:21 -07:00
parent 841fac38d3
commit da1419d6b6
8 changed files with 87 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/site/header/header.jade
+3 -1
View File
@@ -21,4 +21,6 @@
.button.search: .bezel: p Search
.button.login: .bezel: p Login
.breadcrumbs
.breadcrumb-bar
.breadcrumbs
.extra-nav
src/client/site/header/header.scss
+32 -31
View File
@@ -15,10 +15,6 @@
display : flex;
align-items : center;
@include screen-size(mobile) {
display : none;
}
a {
flex : 0 0 auto;
height : $size-minecraft-block * 1.5;
@@ -29,30 +25,15 @@
position : relative;
height : $size-minecraft-block * 1.5;
width : $size-minecraft-block * 1.5;
@include screen-size(desktop) {
top : -$size-minecraft-block * 0.5;
left : -$size-minecraft-block * 0.5;
height : $size-minecraft-block * 2.0;
width : $size-minecraft-block * 2.0;
}
}
}
h1 {
flex: 1 1 auto;
white-space: nowrap;
@include screen-size(tablet) {
font-size : $font-size-xlarge;
}
}
.addthis_sharing_toolbox {
@include screen-size(mobile) {
display: none;
}
flex : 0 0 auto;
min-height : 37px; // actual size of addthis component
min-width : 144px;
@@ -97,26 +78,40 @@
}
}
.breadcrumbs {
.breadcrumb-bar {
background: $color-screen;
padding: 0 ($size-margin-medium + $size-margin-large);
font-family: $font-family-control;
font-size: $font-size-medium;
padding-left: $size-margin-medium + $size-margin-large;
line-height: $font-size-medium + 2 * $size-margin-small;
text-indent: -$size-margin-large;
&:before {
content: "⟩";
margin-right: $size-margin-medium;
display: flex;
.breadcrumbs {
flex: 1 1 75%;
text-indent: -$size-margin-large;
&:before {
content: "⟩";
margin-right: $size-margin-medium;
}
a {
text-decoration: underline;
}
span {
margin: 0 $size-margin-medium;
}
}
a {
text-decoration: underline;
}
.extra-nav {
flex: 1 1 25%;
align-self: flex-end;
span {
margin: 0 $size-margin-medium;
text-align: right;
}
}
}
@@ -157,5 +152,11 @@
display: none;
}
}
.breadcrumb-bar {
.extra-nav {
display: none;
}
}
}
}
src/client/site/header/header_controller.coffee
+19 -6
View File
@@ -64,6 +64,7 @@ module.exports = class HeaderController extends BaseController
@$('.addthis_sharing_toolbox').addClass 'placeholder'
@$breadcrumbs = @$('.breadcrumbs')
@$extraNav = @$('.extra-nav')
@$loginButtonLabel = @$('.button.login p')
@$title = $('title')
super
@@ -77,6 +78,7 @@ module.exports = class HeaderController extends BaseController
@$loginButtonLabel.text if global.site.user? then "Logout" else "Login"
@_refreshBreadcrumbs()
@_refreshExtraNav()
@_refreshSelectedNavButton()
@_refreshTitle()
super
@@ -85,12 +87,12 @@ module.exports = class HeaderController extends BaseController
events: ->
_.extend super,
'click .craft': 'onCraft'
'click .browse': 'onBrowse'
'click .login': 'onLogin'
'click .news': 'onNews'
'click .search': 'onSearch'
'click .breadcrumbs a': 'routeLinkClick'
'click .craft': 'onCraft'
'click .browse': 'onBrowse'
'click .login': 'onLogin'
'click .news': 'onNews'
'click .search': 'onSearch'
'click .breadcrumb-bar a': 'routeLinkClick'
# Private Methods ##############################################################################
@@ -109,6 +111,17 @@ module.exports = class HeaderController extends BaseController
else
@hide @$breadcrumbs
_refreshExtraNav: ->
extraNavContent = @model?.controller?.getExtraNav()
if extraNavContent?
@$extraNav.empty()
@$extraNav.append extraNavContent
@show @$extraNav
else
@hide @$extraNav
_refreshSelectedNavButton: ->
return unless @model?.page?