file: header.pug

This commit is contained in:
Jean-Baptiste Pasquier 2020-12-14 16:21:02 +01:00
parent 3645103ffa
commit ba1ce50785
No known key found for this signature in database
GPG Key ID: CC04B91B949C163A
5 changed files with 121 additions and 126 deletions

14
package-lock.json generated
View File

@ -8,7 +8,7 @@
"version": "1.0.0", "version": "1.0.0",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@startinblox/hubl-styling-framework": "^1.0.3", "@startinblox/hubl-styling-framework": "^1.0.4",
"fs-extra": "^9.0.1", "fs-extra": "^9.0.1",
"normalize.css": "^8.0.1", "normalize.css": "^8.0.1",
"parcel-bundler": "^1.12.4", "parcel-bundler": "^1.12.4",
@ -1442,9 +1442,9 @@
} }
}, },
"node_modules/@startinblox/hubl-styling-framework": { "node_modules/@startinblox/hubl-styling-framework": {
"version": "1.0.3", "version": "1.0.4",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.3.tgz", "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.4.tgz",
"integrity": "sha512-AJnCktH3fSLl6sWwA/Txtc7v458XTwEpyXHLmf0DRIS03K9FtBJIZzeQ9xhB8lINLIymU+DYqlL2/bdgJx/Cog==" "integrity": "sha512-mb8sEikSXrCyivgxt1JBc9mnihubXifZXEcViYhw9BdCJkia/3jB9JtpT/Wv6EHgZZDOYbvloWvGs4ankvztRA=="
}, },
"node_modules/@types/q": { "node_modules/@types/q": {
"version": "1.5.4", "version": "1.5.4",
@ -10603,9 +10603,9 @@
} }
}, },
"@startinblox/hubl-styling-framework": { "@startinblox/hubl-styling-framework": {
"version": "1.0.3", "version": "1.0.4",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.3.tgz", "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.4.tgz",
"integrity": "sha512-AJnCktH3fSLl6sWwA/Txtc7v458XTwEpyXHLmf0DRIS03K9FtBJIZzeQ9xhB8lINLIymU+DYqlL2/bdgJx/Cog==" "integrity": "sha512-mb8sEikSXrCyivgxt1JBc9mnihubXifZXEcViYhw9BdCJkia/3jB9JtpT/Wv6EHgZZDOYbvloWvGs4ankvztRA=="
}, },
"@types/q": { "@types/q": {
"version": "1.5.4", "version": "1.5.4",

View File

@ -45,7 +45,7 @@
] ]
}, },
"dependencies": { "dependencies": {
"@startinblox/hubl-styling-framework": "^1.0.3", "@startinblox/hubl-styling-framework": "^1.0.4",
"fs-extra": "^9.0.1", "fs-extra": "^9.0.1",
"normalize.css": "^8.0.1", "normalize.css": "^8.0.1",
"parcel-bundler": "^1.12.4", "parcel-bundler": "^1.12.4",

View File

@ -41,88 +41,88 @@ html(lang="en")
body body
if endpoints.get && endpoints.post if endpoints.get && endpoints.post
include views/partials/notifications.pug //- include views/partials/notifications.pug
include views/partials/widgets.pug include views/partials/widgets.pug
header#header.segment.padding-left-large.padding-right-large.shadow-small header#header.segment.padding-left-large.padding-right-large.shadow-small
include views/partials/header.pug include views/partials/header.pug
nav#main__menu.segment.bg-color-heading.lg-quarter.float-left //- nav#main__menu.segment.bg-color-heading.lg-quarter.float-left
include views/partials/menu-left.pug //- include views/partials/menu-left.pug
main#content.segment.lg-three-quarter.float-left.notLoggedIn //- main#content.segment.lg-three-quarter.float-left.notLoggedIn
if endpoints.get.dashboards //- if endpoints.get.dashboards
#dashboard(hidden, data-view="dashboard").no-sidebar.with-padding //- #dashboard(hidden, data-view="dashboard").no-sidebar.with-padding
include views/page-dashboard.pug //- include views/page-dashboard.pug
if publicDirectory && endpoints.get.users //- if publicDirectory && endpoints.get.users
#members(hidden, data-view="members", no-render).no-sidebar.with-padding //- #members(hidden, data-view="members", no-render).no-sidebar.with-padding
include views/page-directory.pug //- include views/page-directory.pug
if endpoints.get.joboffers //- if endpoints.get.joboffers
#job-offers(hidden, data-view="job-offers", no-render).no-sidebar.with-padding //- #job-offers(hidden, data-view="job-offers", no-render).no-sidebar.with-padding
hubl-reactivity(data-src=`${endpoints.post.joboffers}current/` target-src=`${endpoints.get.joboffers}`) //- hubl-reactivity(data-src=`${endpoints.post.joboffers}current/` target-src=`${endpoints.get.joboffers}`)
hubl-reactivity(data-src=`${endpoints.post.joboffers}expired/` target-src=`${endpoints.get.joboffers}`) //- hubl-reactivity(data-src=`${endpoints.post.joboffers}expired/` target-src=`${endpoints.get.joboffers}`)
hubl-reactivity(data-src=`${endpoints.post.joboffers}` target-src=`${endpoints.get.joboffers}`) //- hubl-reactivity(data-src=`${endpoints.post.joboffers}` target-src=`${endpoints.get.joboffers}`)
hubl-reactivity(data-src=`${endpoints.joboffers || endpoints.get.joboffers}current/` target-src=`${endpoints.joboffers || endpoints.get.joboffers}`) //- hubl-reactivity(data-src=`${endpoints.joboffers || endpoints.get.joboffers}current/` target-src=`${endpoints.joboffers || endpoints.get.joboffers}`)
hubl-reactivity(data-src=`${endpoints.joboffers || endpoints.get.joboffers}current/` target-src=`${endpoints.joboffers || endpoints.get.joboffers}expired/`) //- hubl-reactivity(data-src=`${endpoints.joboffers || endpoints.get.joboffers}current/` target-src=`${endpoints.joboffers || endpoints.get.joboffers}expired/`)
hubl-reactivity(data-src=`${endpoints.joboffers || endpoints.get.joboffers}expired/` target-src=`${endpoints.joboffers || endpoints.get.joboffers}`) //- hubl-reactivity(data-src=`${endpoints.joboffers || endpoints.get.joboffers}expired/` target-src=`${endpoints.joboffers || endpoints.get.joboffers}`)
hubl-reactivity(bind-user nested-field="joboffers" target-src=`${endpoints.joboffers || endpoints.get.joboffers}expired/`) //- hubl-reactivity(bind-user nested-field="joboffers" target-src=`${endpoints.joboffers || endpoints.get.joboffers}expired/`)
hubl-reactivity(bind-user nested-field="joboffers" target-src=`${endpoints.joboffers || endpoints.get.joboffers}`) //- hubl-reactivity(bind-user nested-field="joboffers" target-src=`${endpoints.joboffers || endpoints.get.joboffers}`)
hubl-reactivity(bind-user nested-field="joboffers" target-src=`${endpoints.joboffers || endpoints.get.joboffers}current/`) //- hubl-reactivity(bind-user nested-field="joboffers" target-src=`${endpoints.joboffers || endpoints.get.joboffers}current/`)
include views/page-job-offers.pug //- include views/page-job-offers.pug
if endpoints.get.projects //- if endpoints.get.projects
#project(hidden, data-view="project", no-render).segment.lg-full.with-sidebar //- #project(hidden, data-view="project", no-render).segment.lg-full.with-sidebar
hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.projects") //- hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.projects")
hubl-reactivity(data-src=`${endpoints.post.projects}joinable/` target-src=`${endpoints.get.projects}`) //- hubl-reactivity(data-src=`${endpoints.post.projects}joinable/` target-src=`${endpoints.get.projects}`)
hubl-reactivity(data-src=`${endpoints.post.projects}` target-src=`${endpoints.get.projects}`) //- hubl-reactivity(data-src=`${endpoints.post.projects}` target-src=`${endpoints.get.projects}`)
hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}`) //- hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}`)
hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}joinable/`) //- hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}joinable/`)
hubl-reactivity(data-src=`${endpoints.projects || endpoints.get.projects}joinable/` target-src=`${endpoints.projects || endpoints.get.projects}`) //- hubl-reactivity(data-src=`${endpoints.projects || endpoints.get.projects}joinable/` target-src=`${endpoints.projects || endpoints.get.projects}`)
hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}`) //- hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}`)
hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}joinable/`) //- hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}joinable/`)
include views/page-project.pug //- include views/page-project.pug
if endpoints.get.circles //- if endpoints.get.circles
#circle(hidden, data-view="circle").segment.lg-full.with-sidebar //- #circle(hidden, data-view="circle").segment.lg-full.with-sidebar
hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.circles") //- hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.circles")
hubl-reactivity(data-src=`${endpoints.post.circles}joinable/` target-src=`${endpoints.get.circles}`) //- hubl-reactivity(data-src=`${endpoints.post.circles}joinable/` target-src=`${endpoints.get.circles}`)
hubl-reactivity(data-src=`${endpoints.post.circles}` target-src=`${endpoints.get.circles}`) //- hubl-reactivity(data-src=`${endpoints.post.circles}` target-src=`${endpoints.get.circles}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}`) //- hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}joinable/`) //- hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}joinable/`)
hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}joinable/` target-src=`${endpoints.circles || endpoints.get.circles}`) //- hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}joinable/` target-src=`${endpoints.circles || endpoints.get.circles}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}`) //- hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}joinable/`) //- hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}joinable/`)
include views/page-circle.pug //- include views/page-circle.pug
if endpoints.get.users //- if endpoints.get.users
#messages(hidden, data-view="messages", no-render).with-sidebar //- #messages(hidden, data-view="messages", no-render).with-sidebar
hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.contacts") //- hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.contacts")
include views/page-messages.pug //- include views/page-messages.pug
if endpoints.get.polls //- if endpoints.get.polls
#polls(hidden, data-view="polls", no-render).with-sidebar //- #polls(hidden, data-view="polls", no-render).with-sidebar
include views/page-polls.pug //- include views/page-polls.pug
if endpoints.get.events //- if endpoints.get.events
#events(hidden, data-view="events", no-render) //- #events(hidden, data-view="events", no-render)
include views/page-events.pug //- include views/page-events.pug
if endpoints.get.resources //- if endpoints.get.resources
#resources(hidden, data-view="resources", no-render) //- #resources(hidden, data-view="resources", no-render)
include views/page-resources.pug //- include views/page-resources.pug
#admin(hidden, data-view="admin").segment.lg-full.with-sidebar //- #admin(hidden, data-view="admin").segment.lg-full.with-sidebar
include views/page-admin.pug //- include views/page-admin.pug
#about(data-view="about").no-sidebar.with-padding //- #about(data-view="about").no-sidebar.with-padding
include views/page-about.pug //- include views/page-about.pug
if endpoints.get.skills && endpoints.post.uploads && endpoints.post.users //- if endpoints.get.skills && endpoints.post.uploads && endpoints.post.users
#profile(hidden, data-view="profile", no-render).no-sidebar //- #profile(hidden, data-view="profile", no-render).no-sidebar
include views/page-profile.pug //- include views/page-profile.pug
if analytics if analytics
each provider in analytics each provider in analytics

View File

@ -3,11 +3,9 @@ header {
position: fixed; position: fixed;
z-index: 999; z-index: 999;
.logo { img.logo {
img {
max-width: 200px; max-width: 200px;
} }
}
/* Remove the disclosure triangle */ /* Remove the disclosure triangle */
details { details {

View File

@ -1,18 +1,17 @@
.segment.lg-three-quarter.float-left.bg-color-heading .segment.lg-quarter
.logo.segment.lg-auto.float-left
solid-link(next='dashboard') solid-link(next='dashboard')
img(src=`${clientLogo || '/images/logo.png'}` style=`max-height:${clientLogoHeight || '52px'}`) img.logo(src=`${clientLogo || '/images/logo.png'}`)
.segment.lg-quarter
span.tag.reversed.color-primary.text-semibold(data-trans='header.beta') span.tag.reversed.color-primary.text-semibold(data-trans='header.beta')
.segment.lg-quarter.float-left.bg-color-third .segment.lg-quarter
.segment.bg-color-primary
solid-notifications.notLoggedIn( solid-notifications.notLoggedIn(
nested-field="inbox" nested-field="inbox"
bind-user bind-user
) )
.segment.lg-auto .segment.lg-quarter
details#user-controls.notLoggedIn details#user-controls.notLoggedIn
summary.segment.padding(tabindex='0' role='button') summary.segment.padding(tabindex='0' role='button')
solid-display#user-controls__profile.user-thumb( solid-display#user-controls__profile.user-thumb(
@ -51,8 +50,6 @@
li li
button.segment.padding-small.text-hover.text-bold.text-color-heading(role='log out' onclick="document.querySelector('sib-auth').logout();" data-trans='header.logOut') button.segment.padding-small.text-hover.text-bold.text-color-heading(role='log out' onclick="document.querySelector('sib-auth').logout();" data-trans='header.logOut')
button.loggedIn.segment.float-right(role='log in' onclick="document.querySelector('sib-auth').login();" data-trans='header.logIn')
button.notLoggedIn.segment.lg-hidden.icon-menu#toggleMainMenu button.notLoggedIn.segment.lg-hidden.icon-menu#toggleMainMenu
sib-auth(style='display:none!important') sib-auth(style='display:none!important')