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

View File

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

View File

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

View File

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

View File

@ -1,18 +1,17 @@
.segment.lg-three-quarter.float-left.bg-color-heading
.logo.segment.lg-auto.float-left
.segment.lg-quarter
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')
.segment.lg-quarter.float-left.bg-color-third
.segment.bg-color-primary
.segment.lg-quarter
solid-notifications.notLoggedIn(
nested-field="inbox"
bind-user
)
.segment.lg-auto
.segment.lg-quarter
details#user-controls.notLoggedIn
summary.segment.padding(tabindex='0' role='button')
solid-display#user-controls__profile.user-thumb(
@ -51,8 +50,6 @@
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.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
sib-auth(style='display:none!important')