feature: left-menu: projects
This commit is contained in:
parent
e0c955129b
commit
983f8cc48d
|
@ -0,0 +1,40 @@
|
||||||
|
{
|
||||||
|
"xmpp": "https://jabber.happy-dev.fr/http-bind/",
|
||||||
|
"authority": "https://api.community.startinblox.com/",
|
||||||
|
"authorityName": "test3",
|
||||||
|
"clientName": "patate",
|
||||||
|
"clientLogo": "https://cdn.startinblox.com/logos/webp/startinblox.webp",
|
||||||
|
"publicDirectory": true,
|
||||||
|
/*"clientCSS": "client.css",*/
|
||||||
|
"endpoints": {
|
||||||
|
"get": {
|
||||||
|
"circles": "https://api.community.startinblox.com/circles/",
|
||||||
|
"dashboards": "https://api.community.startinblox.com/dashboards/",
|
||||||
|
"projects": "https://api.community.startinblox.com/projects/",
|
||||||
|
"businessproviders": "https://api.community.startinblox.com/businessproviders/",
|
||||||
|
"customers": "https://api.community.startinblox.com/customers/",
|
||||||
|
"groups": "https://api.community.startinblox.com/groups/",
|
||||||
|
"joboffers": "https://api.community.startinblox.com/job-offers/",
|
||||||
|
"users": "https://api.community.startinblox.com/users/",
|
||||||
|
"skills": "https://api.community.startinblox.com/skills/",
|
||||||
|
"uploads": "https://api.community.startinblox.com/upload/"
|
||||||
|
},
|
||||||
|
"post": {
|
||||||
|
"circles": "https://api.community.startinblox.com/circles/",
|
||||||
|
"dashboards": "https://api.community.startinblox.com/dashboards/",
|
||||||
|
"projects": "https://api.community.startinblox.com/projects/",
|
||||||
|
"businessproviders": "https://api.community.startinblox.com/businessproviders/",
|
||||||
|
"customers": "https://api.community.startinblox.com/customers/",
|
||||||
|
"groups": "https://api.community.startinblox.com/groups/",
|
||||||
|
"joboffers": "https://api.community.startinblox.com/job-offers/",
|
||||||
|
"users": "https://api.community.startinblox.com/users/",
|
||||||
|
"skills": "https://api.community.startinblox.com/skills/",
|
||||||
|
"uploads": "https://api.community.startinblox.com/upload/"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"analytics": [{
|
||||||
|
"type": "matomo",
|
||||||
|
"url": "https://matomo.startinblox.com/",
|
||||||
|
"id": "2"
|
||||||
|
}]
|
||||||
|
}
|
|
@ -41,10 +41,11 @@ solid-widget(name='hubl-menu-fix-url-circle')
|
||||||
|
|
||||||
solid-widget(name='hubl-menu-fix-url-project')
|
solid-widget(name='hubl-menu-fix-url-project')
|
||||||
template
|
template
|
||||||
solid-link(data-src="${value}" next="project")
|
solid-link.segment.lg-full(data-src="${value}" next="project")
|
||||||
solid-display(
|
solid-display(
|
||||||
data-src='${value}'
|
data-src='${value}'
|
||||||
fields='status, project(customer.name, name, jabberID), badge'
|
fields='status, project(customer.name, name, jabberID), badge'
|
||||||
|
class-project='sub-menu-name'
|
||||||
class-status='sub-menu-icon'
|
class-status='sub-menu-icon'
|
||||||
class-name='project-name'
|
class-name='project-name'
|
||||||
class-customer.name='project-customer'
|
class-customer.name='project-customer'
|
||||||
|
@ -61,32 +62,32 @@ solid-widget(name='hubl-menu-fix-url-project')
|
||||||
solid-router#navbar-router(default-route='dashboard')
|
solid-router#navbar-router(default-route='dashboard')
|
||||||
if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
|
if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
|
||||||
solid-route.menu.segment.lg-auto.padding.text-bold(name='dashboard')
|
solid-route.menu.segment.lg-auto.padding.text-bold(name='dashboard')
|
||||||
div.menu-icon.icon-home.segment.lg-auto.margin-right-small.float-left
|
div.menu-icon.icon-home.segment.lg-auto.margin-right-xsmall.float-left
|
||||||
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.dashboard")
|
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.dashboard")
|
||||||
div.divider
|
div.divider
|
||||||
if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
|
if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
|
||||||
solid-route.menu.segment.lg-auto.padding.text-bold(name='members')
|
solid-route.menu.segment.lg-auto.padding.text-bold(name='members')
|
||||||
div.menu-icon.icon-people.segment.lg-auto.margin-right-small.float-left
|
div.menu-icon.icon-people.segment.lg-auto.margin-right-xsmall.float-left
|
||||||
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.profileDirectory")
|
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.profileDirectory")
|
||||||
div.divider
|
div.divider
|
||||||
if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
|
if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
|
||||||
solid-route.menu.segment.lg-auto.padding.text-bold(name='job-offers', rdf-type='hd:joboffer')
|
solid-route.menu.segment.lg-auto.padding.text-bold(name='job-offers', rdf-type='hd:joboffer')
|
||||||
div.menu-icon.icon-briefcase.segment.lg-auto.margin-right-small.float-left
|
div.menu-icon.icon-briefcase.segment.lg-auto.margin-right-xsmall.float-left
|
||||||
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.jobBoard")
|
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.jobBoard")
|
||||||
div.divider
|
div.divider
|
||||||
if endpoints.resources || (endpoints.get && endpoints.get.resources)
|
if endpoints.resources || (endpoints.get && endpoints.get.resources)
|
||||||
solid-route.menu.segment.lg-auto.padding.text-bold(name='resources')
|
solid-route.menu.segment.lg-auto.padding.text-bold(name='resources')
|
||||||
div.menu-icon.icon-docs.segment.lg-auto.margin-right-small.float-left
|
div.menu-icon.icon-docs.segment.lg-auto.margin-right-xsmall.float-left
|
||||||
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.resources")
|
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.resources")
|
||||||
div.divider
|
div.divider
|
||||||
if endpoints.polls || (endpoints.get && endpoints.get.polls)
|
if endpoints.polls || (endpoints.get && endpoints.get.polls)
|
||||||
solid-route.menu.segment.lg-auto.padding.text-bold(name='polls')
|
solid-route.menu.segment.lg-auto.padding.text-bold(name='polls')
|
||||||
div.menu-icon.icon-bubbles.segment.lg-auto.margin-right-small.float-left
|
div.menu-icon.icon-bubbles.segment.lg-auto.margin-right-xsmall.float-left
|
||||||
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.gov")
|
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.gov")
|
||||||
div.divider
|
div.divider
|
||||||
if endpoints.events || (endpoints.get && endpoints.get.events)
|
if endpoints.events || (endpoints.get && endpoints.get.events)
|
||||||
solid-route.menu.segment.lg-auto.padding.text-bold(name='events')
|
solid-route.menu.segment.lg-auto.padding.text-bold(name='events')
|
||||||
div.menu-icon.icon-calendar.segment.lg-auto.margin-right-small.float-left
|
div.menu-icon.icon-calendar.segment.lg-auto.margin-right-xsmall.float-left
|
||||||
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.events")
|
div.menu-label.segment.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.events")
|
||||||
div.divider
|
div.divider
|
||||||
if endpoints.projects || (endpoints.get && endpoints.get.projects)
|
if endpoints.projects || (endpoints.get && endpoints.get.projects)
|
||||||
|
@ -94,7 +95,7 @@ solid-router#navbar-router(default-route='dashboard')
|
||||||
solid-link.segment.lg-full
|
solid-link.segment.lg-full
|
||||||
//- (next='admin-project-list')
|
//- (next='admin-project-list')
|
||||||
div.menu.segment.lg-auto.padding.text-bold
|
div.menu.segment.lg-auto.padding.text-bold
|
||||||
div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-small.float-left
|
div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-xsmall.float-left
|
||||||
div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.projects")
|
div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.projects")
|
||||||
div.menu-chevron.segment.lg-auto.float-left
|
div.menu-chevron.segment.lg-auto.float-left
|
||||||
div.menu-icon.icon-arrow-up
|
div.menu-icon.icon-arrow-up
|
||||||
|
@ -123,7 +124,7 @@ solid-router#navbar-router(default-route='dashboard')
|
||||||
solid-link.segment.lg-full
|
solid-link.segment.lg-full
|
||||||
//- (next='admin-circle-list')
|
//- (next='admin-circle-list')
|
||||||
div.menu.segment.lg-auto.padding.text-bold
|
div.menu.segment.lg-auto.padding.text-bold
|
||||||
div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-small.float-left
|
div.menu-icon.icon-folder-alt.segment.lg-auto.margin-right-xsmall.float-left
|
||||||
div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.circles")
|
div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.circles")
|
||||||
div.menu-chevron.segment.lg-auto.float-left
|
div.menu-chevron.segment.lg-auto.float-left
|
||||||
div.menu-icon.icon-arrow-up
|
div.menu-icon.icon-arrow-up
|
||||||
|
@ -150,7 +151,7 @@ solid-router#navbar-router(default-route='dashboard')
|
||||||
if endpoints.users || (endpoints.get && endpoints.get.users)
|
if endpoints.users || (endpoints.get && endpoints.get.users)
|
||||||
div.menu-wrapper
|
div.menu-wrapper
|
||||||
div.menu.segment.lg-auto.padding.text-bold
|
div.menu.segment.lg-auto.padding.text-bold
|
||||||
div.menu-icon.icon-envelope-letter.segment.lg-auto.margin-right-small.float-left
|
div.menu-icon.icon-envelope-letter.segment.lg-auto.margin-right-xsmall.float-left
|
||||||
div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.messages")
|
div.menu-label.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large.float-left(data-trans="menuLeft.messages")
|
||||||
div.menu-chevron.segment.lg-auto.float-left
|
div.menu-chevron.segment.lg-auto.float-left
|
||||||
div.menu-icon.icon-arrow-up
|
div.menu-icon.icon-arrow-up
|
||||||
|
|
|
@ -67,6 +67,9 @@
|
||||||
&.margin-left-small {
|
&.margin-left-small {
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
&.margin-right-xsmall {
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
&.margin-right-small {
|
&.margin-right-small {
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -69,9 +69,10 @@
|
||||||
.message-tab {
|
.message-tab {
|
||||||
|
|
||||||
/* Spaces and cursor */
|
/* Spaces and cursor */
|
||||||
|
/* For project and circle */
|
||||||
hubl-menu-fix-url-project>solid-link>solid-display>div,
|
hubl-menu-fix-url-project>solid-link>solid-display>div,
|
||||||
hubl-menu-fix-url-circle>solid-link>solid-display>div,
|
hubl-menu-fix-url-circle>solid-link>solid-display>div,
|
||||||
>div>solid-display>div>solid-display-div[name="name"] {
|
solid-form + div>solid-display>div {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 6px 10px 6px 23px;
|
padding: 6px 10px 6px 23px;
|
||||||
|
@ -119,11 +120,12 @@
|
||||||
|
|
||||||
/* Styles for the small icon */
|
/* Styles for the small icon */
|
||||||
.sub-menu-icon {
|
.sub-menu-icon {
|
||||||
width: 16px;
|
width: 20px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
font-family: simple-line-icons;
|
font-family: simple-line-icons;
|
||||||
padding-right: 2px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -131,15 +133,20 @@
|
||||||
.sub-menu-name {
|
.sub-menu-name {
|
||||||
flex: 3;
|
flex: 3;
|
||||||
|
|
||||||
&>div {
|
.project-customer,
|
||||||
width: calc(80vw - 96px); /*96px = padding of the element + width and margin of counter */
|
.project-name,
|
||||||
|
&>div{
|
||||||
|
display: block;
|
||||||
|
width: calc(80vw - 96px); /*96px = padding of the element + width and margin of counter */
|
||||||
|
|
||||||
@include breakpoint(lg) {
|
@include breakpoint(lg) {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.ellipsis>div {
|
&.ellipsis>div,
|
||||||
|
.project-customer,
|
||||||
|
.project-name>div {
|
||||||
|
|
||||||
@include breakpoint(lg) {
|
@include breakpoint(lg) {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -163,37 +170,6 @@
|
||||||
color: var(--color-heading);
|
color: var(--color-heading);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ellipsis for project tab */
|
|
||||||
.project-tab>div>solid-display>div:nth-child(1) {
|
|
||||||
|
|
||||||
solid-set-default[name='project'] {
|
|
||||||
flex: 3;
|
|
||||||
|
|
||||||
.project-customer,
|
|
||||||
.project-name {
|
|
||||||
box-sizing: border-box;
|
|
||||||
display: block;
|
|
||||||
width: calc(80vw - 96px);
|
|
||||||
/*96px = padding of the element + width and margin of counter */
|
|
||||||
|
|
||||||
@include breakpoint(lg) {
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-customer,
|
|
||||||
.project-name>div {
|
|
||||||
|
|
||||||
@include breakpoint(lg) {
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.divider {
|
.divider {
|
||||||
|
|
Loading…
Reference in New Issue