2020-06-18 18:02:54 +00:00
|
|
|
solid-router#navbar-router(default-route='dashboard')
|
2021-02-22 20:27:58 +00:00
|
|
|
for component of components
|
|
|
|
if component.route
|
|
|
|
if component.type == "about"
|
|
|
|
solid-route(name=component.route, hidden)
|
|
|
|
if component.type == "dashboard"
|
|
|
|
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route)
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.icon.icon-small.icon-home
|
2021-02-26 14:48:45 +00:00
|
|
|
div.segment.text-uppercase.text-letter-spacing-large(data-trans=`${component.name?component.name:"menuLeft.dashboard"}`)
|
2021-02-22 20:27:58 +00:00
|
|
|
div.divider
|
2021-04-01 06:51:51 +00:00
|
|
|
if component.type == "communities"
|
|
|
|
solid-route.menu.segment.full.padding-xsmall.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route)
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-grid
|
|
|
|
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.communities")
|
|
|
|
div.divider
|
|
|
|
|
2021-02-22 20:27:58 +00:00
|
|
|
if component.type == "circles"
|
|
|
|
div.menu-wrapper
|
|
|
|
if componentSet.has("admin")
|
|
|
|
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=`admin-${component.route}`)
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-folder-alt
|
2021-02-23 10:43:01 +00:00
|
|
|
div.segment.three-quarter.text-uppercase.text-letter-spacing-large(data-trans=`${component.name?component.name:"menuLeft.circles"}`)
|
2021-02-22 20:27:58 +00:00
|
|
|
div.menu-chevron.segment
|
|
|
|
div.menu-icon.icon-arrow-right-circle
|
|
|
|
solid-route(name=`admin-${component.route}-create`)
|
2021-03-26 14:11:42 +00:00
|
|
|
solid-route(name=`admin-${component.route}-leave`)
|
2021-02-22 20:27:58 +00:00
|
|
|
else
|
|
|
|
div.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-folder-alt
|
2021-02-23 10:43:01 +00:00
|
|
|
div.segment.three-quarter.text-uppercase.text-letter-spacing-large(data-trans=`${component.name?component.name:"menuLeft.circles"}`)
|
2021-02-22 20:27:58 +00:00
|
|
|
solid-route(name=component.route, rdf-type='hd:circle', use-id='', hidden)
|
|
|
|
solid-route(name=`${component.route}-left`)
|
|
|
|
div.sub-menu.menu-notification
|
|
|
|
div.loader.loader-menu(id=`loader-${component.route}`)
|
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
solid-display.ellipsis(
|
|
|
|
bind-user
|
|
|
|
nested-field='circles'
|
|
|
|
fields='circle'
|
|
|
|
loader-id=`loader-${component.route}`
|
|
|
|
empty-widget='hubl-menu-create'
|
|
|
|
empty-value=''
|
|
|
|
data-trans="empty-value=menuLeft.emptyCircleProject.circle"
|
|
|
|
widget-circle='hubl-menu-fix-url-circle'
|
|
|
|
order-asc="circle.name"
|
|
|
|
)
|
|
|
|
div.divider
|
|
|
|
if component.type == "chat"
|
|
|
|
div.menu-wrapper
|
|
|
|
if componentSet.has("admin")
|
|
|
|
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=`admin-${component.route}`)
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-folder-alt
|
2021-02-26 14:48:45 +00:00
|
|
|
div.segment.three-quarter.text-uppercase.text-letter-spacing-large(data-trans=`${component.name?component.name:"menuLeft.messages"}`)
|
2021-02-22 20:27:58 +00:00
|
|
|
div.menu-chevron.segment
|
|
|
|
div.menu-icon.icon-arrow-right-circle
|
|
|
|
solid-route(name=`admin-${component.route}-create`, use-id='', hidden)
|
|
|
|
else
|
|
|
|
div.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-folder-alt
|
2021-02-26 14:48:45 +00:00
|
|
|
div.segment.three-quarter.text-uppercase.text-letter-spacing-large(data-trans=`${component.name?component.name:"menuLeft.messages"}`)
|
2021-02-22 20:27:58 +00:00
|
|
|
solid-route(name=component.route, rdf-type='foaf:user', use-id='', hidden)
|
|
|
|
div.sub-menu.menu-notification
|
|
|
|
div.loader.loader-menu(id=`loader-${component.route}`)
|
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
//- search-fields="contact.name"
|
|
|
|
//- search-label-contact.name=""
|
|
|
|
//- data-trans="search-label-contact.name=menuLeft.search"
|
|
|
|
//- search-widget-contact.name="hubl-search-users"
|
|
|
|
solid-display.segment.full.whitespace-normal(
|
|
|
|
bind-user
|
|
|
|
nested-field='contacts'
|
|
|
|
fields='contact'
|
|
|
|
loader-id=`loader-${component.route}`
|
|
|
|
empty-widget='hubl-create-contact'
|
|
|
|
empty-value=''
|
|
|
|
widget-contact='hubl-menu-fix-url-contact'
|
|
|
|
order-asc="contact.username"
|
|
|
|
)
|
|
|
|
if component.type == "projects"
|
|
|
|
div.menu-wrapper
|
|
|
|
if componentSet.has("admin")
|
|
|
|
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=`admin-${component.route}`)
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-folder-alt
|
|
|
|
div.segment.three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.projects")
|
|
|
|
div.menu-chevron.segment
|
|
|
|
div.icon-arrow-right-circle
|
|
|
|
solid-route(name=`admin-${component.route}-create`, hidden)
|
|
|
|
else
|
|
|
|
div.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-folder-alt
|
|
|
|
div.segment.three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.projects")
|
|
|
|
solid-route(name=component.route, rdf-type='hd:project', use-id='', hidden)
|
|
|
|
solid-route(name=`${component.route}-left`, hidden)
|
|
|
|
div.sub-menu.menu-notification
|
|
|
|
div.loader.loader-menu(id=`loader-${component.route}`)
|
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
div
|
|
|
|
solid-display.ellipsis(
|
|
|
|
bind-user
|
|
|
|
nested-field='projects'
|
|
|
|
fields='project'
|
|
|
|
loader-id=`loader-${component.route}`
|
|
|
|
empty-widget='hubl-menu-create'
|
|
|
|
empty-value=''
|
|
|
|
data-trans="empty-value=menuLeft.emptyCircleProject.project"
|
|
|
|
widget-project='hubl-menu-fix-url-project'
|
|
|
|
order-asc="project.customer.name"
|
|
|
|
)
|
|
|
|
div.divider
|
|
|
|
if component.type == "profileDirectory"
|
|
|
|
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route)
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.icon.icon-small.icon-people
|
|
|
|
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")
|
|
|
|
solid-route.menu(name=`${component.route}-profile`, hidden)
|
|
|
|
div.divider
|
|
|
|
if component.type == "jobBoard"
|
|
|
|
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route, rdf-type='hd:joboffer')
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-briefcase
|
|
|
|
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.jobBoard")
|
|
|
|
div.divider
|
|
|
|
if component.type == "resources"
|
|
|
|
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route)
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-docs
|
|
|
|
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.resources")
|
|
|
|
div.divider
|
|
|
|
if component.type == "polls"
|
|
|
|
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route)
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-bubbles
|
|
|
|
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.gov")
|
|
|
|
div.divider
|
|
|
|
if component.type == "events"
|
|
|
|
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route)
|
|
|
|
div.segment.margin-right-xxsmall
|
|
|
|
div.segment.icon.icon-small.icon-calendar
|
|
|
|
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.events")
|
|
|
|
div.divider
|
|
|
|
if componentSet.has('registering')
|
|
|
|
solid-route(name='join-community', use-id, hidden)
|
|
|
|
solid-route(name='login', hidden)
|