feature: .lg- removed + fixes on small screens

This commit is contained in:
gaelle morin 2021-01-22 14:29:45 +01:00
parent bc64019b63
commit 52054f3766
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
24 changed files with 260 additions and 300 deletions

6
package-lock.json generated
View File

@ -1159,9 +1159,9 @@
}
},
"@startinblox/hubl-styling-framework": {
"version": "1.4.4",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.4.4.tgz",
"integrity": "sha512-X52jdEgG283HMtXAyKeM3R0YLVwJuKSsR4ZU+h7CUmLrtZ+iPtHDgIu3Z9f17NmrF94zisy7FZaZvG/CWm1trg=="
"version": "1.4.9",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.4.9.tgz",
"integrity": "sha512-VrsoOXOe/Eb5Yjz4+VtIYeF68Bbk0ZCG+dzXGvdrKMhztoy2RlaHNplplAxgtHUyDhHw1S5kVQ8AmwHLWywOvQ=="
},
"@types/q": {
"version": "1.5.4",

View File

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

View File

@ -24,16 +24,16 @@ if endpoints.get
//- script(type="module" src="/lib/sib-resource/sib-resource.js" defer)
if endpoints.get.joboffers
//- script(type="module" src="https://cdn.skypack.dev/@startinblox/component-job-board@1.3" defer)
script(type="module" src="/lib/solid-job-board/dist/index.js" defer)
script(type="module" src="https://cdn.skypack.dev/@startinblox/component-job-board@beta" defer)
//- script(type="module" src="/lib/solid-job-board/dist/index.js" defer)
if endpoints.get.uploads && endpoints.get.skills && endpoints.get.users
//- script(type="module" src="https://cdn.skypack.dev/@startinblox/component-directory@1.4" defer)
script(type="module" src="/lib/solid-directory/dist/index.js" defer)
script(type="module" src="https://cdn.skypack.dev/@startinblox/component-directory@beta" defer)
//- script(type="module" src="/lib/solid-directory/dist/index.js" defer)
if endpoints.get.dashboards
//- script(type="module" src="https://cdn.skypack.dev/@startinblox/component-dashboard@0.7" defer)
script(type="module" src="/lib/solid-dashboard/dist/index.js" defer)
script(type="module" src="https://cdn.skypack.dev/@startinblox/component-dashboard@beta" defer)
//- script(type="module" src="/lib/solid-dashboard/dist/index.js" defer)
if endpoints.get.users
script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@1.7" defer)

View File

@ -44,13 +44,13 @@ html(lang="en")
//- include views/partials/notifications.pug
include views/partials/widgets.pug
header#header.segment.sm-full.lg-full.padding-left-large.padding-right-large.sm-padding-right-xsmall.sm-padding-left-small.shadow-small.text-disable-selection
header#header.segment.full.padding-left-large.padding-right-large.sm-padding-right-xsmall.sm-padding-left-small.shadow-small.text-disable-selection
include views/partials/header.pug
nav#main__menu.scrollbar-nav.segment.bg-color-heading.text-top.lg-quarter.jsLeftMenu
nav#main__menu.scrollbar-nav.segment.bg-color-heading.text-top.quarter.jsLeftMenu
include views/partials/menu-left.pug
main#content.segment.lg-three-quarter.sm-full.text-top.notLoggedIn
main#content.segment.three-quarter.sm-full.text-top.notLoggedIn
if endpoints.get.dashboards
#dashboard(hidden, data-view="dashboard").scrollbar-content

View File

@ -6,74 +6,37 @@ solid-display>div {
display: contents !important;
}
.whitespace-normal {
white-space: normal;
}
.block {
display: block;
}
.line-xlarge {
line-height: 22px;
}
.sm-whitespace-normal {
@media (max-width: 768px) {
white-space: normal;
}
}
.sm-text-center {
@media (max-width: 768px) {
text-align: center;
}
}
$small: "max-width: 768px";
.segment {
@media($small) {
&.sm {
&-hidden {
display: none;
}
&-quarter {
/*.segment {
&.quarter {
width: 25%;
}
&-third {
&.third {
width: 33.333%;
}
&-half {
&.half {
width: 50%;
}
&-two-third {
&.two-third {
width: 66.666%;
}
&-three-quarter {
&.three-quarter {
width: 75%;
}
&-full {
&.full {
width: 100%;
}
&-auto {
&.auto {
width: auto;
}
}
&.sm-children {
&-hidden>div>solid-display {
display: none;
}
&.children {
&-quarter>div>solid-display {
width: 25%;
@ -103,10 +66,7 @@ $small: "max-width: 768px";
width: auto;
}
}
}
}
}*/
@import 'header/_index';
@import 'left-nav/_index';

View File

@ -1,7 +1,7 @@
div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-top-xxsmall.sm-padding-left-xsmall.sm-padding-right-xsmall.sm-padding-bottom-medium.whitespace-normal
div.segment.block.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-top-xxsmall.sm-padding-left-xsmall.sm-padding-right-xsmall.sm-padding-bottom-medium.whitespace-normal
h2.text-xlarge.text-color-heading.text-uppercase(data-trans='about.title')
div.segment.lg-two-third.sm-full.margin-top-small.sm-margin-top-xxsmall.padding-right-xlarge.sm-padding-none
div.segment.two-third.sm-full.margin-top-small.sm-margin-top-xxsmall.padding-right-xlarge.sm-padding-none
div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.sm-padding-medium.sm-padding-top-xxsmall.sm-padding-bottom-xlarge.text-center
h3.text-color-heading.text-semibold.text-uppercase.line-xlarge(data-trans='about.card1.subTitle')
div
@ -9,7 +9,7 @@ div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-l
p.segment.whitespace-normal.text-large.line-xlarge(data-trans='about.card1.paragraph2')
a.link.text-xlarge(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/
div.segment.lg-third.sm-full.margin-top-small.text-top
div.segment.third.sm-full.margin-top-small.text-top
div.segment.sm-full.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.sm-padding-medium.sm-padding-bottom-xlarge.text-center
div.segment.margin-top-small
div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary

View File

@ -11,21 +11,21 @@
nav.jsRightMenu.sidebar.whitespace-normal(role='navigation')
solid-router.segment.whitespace-normal.text-color-heading.text-bold(default-route='admin-circles')
ul
li.segment.lg-full.sm-full.padding-small.text-right.text-normal.jsOffsiteToggle
li.segment.full.padding-small.text-right.text-normal.jsOffsiteToggle
span.icon.icon-arrow-right.xxsmall.margin-right-xxsmall
a(data-trans='admin.menuRight.fold')
if (endpoints.users || (endpoints.get && endpoints.get.users))
solid-route.segment.lg-full.sm-full(name='admin-communities')
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='admin-communities')
li.segment.full.padding-medium
span.icon.ci-networking.icon-xlarge.margin-right-medium
a(data-trans='admin.menuRight.community')
if endpoints.circles || (endpoints.get && endpoints.get.circles)
solid-route.segment.lg-full.sm-full(name='admin-circles')
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='admin-circles')
li.segment.full.padding-medium
span.icon.ci-bubble-add.icon-xlarge.margin-right-medium
a(data-trans='admin.menuRight.circles')
if endpoints.projects || (endpoints.get && endpoints.get.projects)
solid-route.segment.lg-full.sm-full(name='admin-projects')
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='admin-projects')
li.segment.full.padding-medium
span.icon.ci-add.icon-xlarge.margin-right-medium
a(data-trans='admin.menuRight.projects')

View File

@ -14,29 +14,29 @@
nav.jsRightMenu.sidebar.whitespace-normal(role='navigation')
solid-router.segment.whitespace-normal.text-color-heading.text-bold(default-route='circle-chat')
ul
li.segment.lg-full.sm-full.padding-small.text-right.text-normal.jsOffsiteToggle
li.segment.full.padding-small.text-right.text-normal.jsOffsiteToggle
span.icon.icon-arrow-right.xxsmall.margin-right-xxsmall
a(data-trans='circle.menuRight.fold')
solid-route.segment.lg-full.sm-full(name='circle-chat')
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='circle-chat')
li.segment.full.padding-medium
span.icon.ci-chat.icon-xlarge.margin-right-medium
a(data-trans='circle.menuRight.chat')
solid-route.segment.lg-full.sm-full(name='circle-information')
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='circle-information')
li.segment.full.padding-medium
span.icon.ci-information.icon-xlarge.margin-right-medium
a(data-trans='circle.menuRight.information')
if (endpoints.resources || (endpoints.get && endpoints.get.resources)) && (endpoints.resourceskeywords || (endpoints.get && endpoints.get.resourceskeywords)) && (endpoints.resourcestypes || (endpoints.get && endpoints.get.resourcestypes))
solid-route.segment.lg-full.sm-full(name='circle-resources' use-id)
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='circle-resources' use-id)
li.segment.full.padding-medium
span.icon.ci-networking.icon-xlarge.margin-right-medium
a(data-trans='circle.menuRight.resources')
if (endpoints.events || (endpoints.get && endpoints.get.events)) && (endpoints.typeevents || (endpoints.get && endpoints.get.typeevents))
solid-route.segment.lg-full.sm-full(name='circle-events' use-id)
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='circle-events' use-id)
li.segment.full.padding-medium
span.icon.ci-networking.icon-xlarge.margin-right-medium
a(data-trans='circle.menuRight.events')
if endpoints.polls || (endpoints.get && endpoints.get.polls)
solid-route.segment.lg-full.sm-full(name='circle-polls' use-id)
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='circle-polls' use-id)
li.segment.full.padding-medium
span.icon.ci-networking.icon-xlarge.margin-right-medium
a(data-trans='circle.menuRight.polls')

View File

@ -1,4 +1,4 @@
div.segment.lg-full.sm-full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-xsmall.border-bottom.border-color-grey.whitespace-normal
div.segment.full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-xsmall.border-bottom.border-color-grey.whitespace-normal
solid-display.labelled-avatar.small(
bind-resources
fields='segment1(account.picture), segment2(name, hyphen, at, username)'
@ -17,7 +17,7 @@ div.segment.lg-full.sm-full.padding-top-small.padding-right-large.padding-bottom
widget-account.picture='hubl-user-avatar'
)
.chat-view.segment.lg-full.sm-full.whitespace-normal
.chat-view.segment.full.whitespace-normal
solid-xmpp-chat(
data-authentication='login',
data-auto-login='true',

View File

@ -10,15 +10,15 @@
nav.jsRightMenu.sidebar.whitespace-normal(role='navigation')
solid-router.segment.whitespace-normal.text-color-heading.text-bold(default-route='project-chat')
ul
li.segment.lg-full.sm-full.padding-small.text-right.text-normal.jsOffsiteToggle
li.segment.full.padding-small.text-right.text-normal.jsOffsiteToggle
span.icon.icon-arrow-right.xxsmall.margin-right-xxsmall
a(data-trans='project.menuRight.fold')
solid-route.segment.lg-full.sm-full(name='project-chat')
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='project-chat')
li.segment.full.padding-medium
span.icon.ci-chat.icon-xlarge.margin-right-medium
a(data-trans='project.menuRight.chat')
solid-route.segment.lg-full.sm-full(name='project-information')
li.segment.lg-full.sm-full.padding-medium
solid-route.segment.full(name='project-information')
li.segment.full.padding-medium
span.icon.ci-information.icon-xlarge.margin-right-medium
a(data-trans='project.menuRight.information')
solid-route(name='project-picture' use-id)

View File

@ -1,10 +1,10 @@
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey
div.segment.lg-half
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey
div.segment.half.sm-full
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
div.segment.lg-half.sm-hidden.text-right
div.segment.half.sm-hidden.text-right
solid-link(class="backlink", bind-resources, next='admin-circle-list' data-trans='circle.create.backlink')
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div#loader-circles-create.loader.loader-top
div
div
@ -20,12 +20,12 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-mediu
required-subtitle
loader-id='loader-circles-create'
class-status='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-linebreak='segment lg-half sm-hidden'
class-name='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-subtitle='segment margin-bottom-medium lg-half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-xxsmall lg-full sm-full text-small text-semibold text-uppercase text-color-heading'
class-help='segment lg-full sm-full text-small margin-bottom-medium padding-left-small'
class-status='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-linebreak='segment half sm-hidden'
class-name='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-subtitle='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-xxsmall full text-small text-semibold text-uppercase text-color-heading'
class-help='segment full text-small margin-bottom-medium padding-left-small'
label-status=''

View File

@ -17,20 +17,20 @@ solid-router(default-route='admin-circle-list', hidden)
class-segment1='segment'
class-account.picture='avatar'
class-segment2='segment lg-three-quarter margin-left-xsmall'
class-line1='block'
class-segment2='segment three-quarter margin-left-xsmall'
class-line1='segment block'
class-name='text-small text-semibold text-color-heading text-sub'
class-line2='block text-xsmall'
class-line2='segment block text-xsmall'
widget-account.picture='hubl-user-avatar'
value-at='@'
)
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-normal.whitespace-normal
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-normal.whitespace-normal
div#loader-admin-circles.loader.loader-top
div
@ -38,10 +38,10 @@ solid-router(default-route='admin-circle-list', hidden)
div
div
div.segment.lg-full.sm-full.margin-bottom-xlarge.whitespace-normal
div.segment.lg-half.sm-full
div.segment.full.margin-bottom-xlarge.whitespace-normal
div.segment.half.sm-full
h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='circle.list.subTitle')
div.segment.lg-half.sm-full.text-right
div.segment.half.sm-full.text-right
solid-ac-checker(data-src=`${endpoints.circles || (endpoints.post && endpoints.post.circles)}`, permission='acl:Append')
solid-link(
class='segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-plus'
@ -53,9 +53,9 @@ solid-router(default-route='admin-circle-list', hidden)
.table
div.table-header.bg-color-third.text-color-heading
div.segment.table-cell.lg-third(data-trans='circle.list.tableHeader1')
div.segment.table-cell.lg-third(data-trans='circle.list.tableHeader2')
div.segment.table-cell.lg-third(data-trans='circle.list.tableHeader3')
div.segment.table-cell.third(data-trans='circle.list.tableHeader1')
div.segment.table-cell.third(data-trans='circle.list.tableHeader2')
div.segment.table-cell.third(data-trans='circle.list.tableHeader3')
solid-widget(name='hubl-admin-circle-leave-button')
template
@ -79,12 +79,12 @@ solid-router(default-route='admin-circle-list', hidden)
fields='cell1(circle.name, circle.subtitle), cell2(circle.owner), cell3(leaveButton)'
loader-id='loader-admin-circles'
class-cell1='segment table-cell lg-third whitespace-normal'
class-cell2='segment table-cell lg-third text-center text-left'
class-cell3='segment table-cell lg-third text-center'
class-cell1='segment table-cell third whitespace-normal'
class-cell2='segment table-cell third text-center text-left'
class-cell3='segment table-cell third text-center'
class-circle.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellipsis'
class-circle.subtitle='segment lg-full sm-full'
class-circle.subtitle='segment full'
action-leaveButton="joinButton"
widget-leaveButton="hubl-admin-circle-leave-button"
@ -120,12 +120,12 @@ solid-router(default-route='admin-circle-list', hidden)
fields='cell1(name, subtitle), cell2(owner), cell3(members)'
loader-id='loader-admin-circles'
class-cell1='segment table-cell lg-third whitespace-normal'
class-cell2='segment table-cell lg-third text-center text-left'
class-cell3='segment table-cell lg-third text-center'
class-cell1='segment table-cell third whitespace-normal'
class-cell2='segment table-cell third text-center text-left'
class-cell3='segment table-cell third text-center'
class-name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellipsis'
class-subtitle='segment lg-full sm-full'
class-subtitle='segment full'
widget-owner='hubl-circle-owner'
widget-members="hubl-admin-circle-join-button"

View File

@ -15,19 +15,19 @@ solid-widget(name='hubl-action-community')
div.button.button-disabled(data-trans='communities.noPermission')
#admin-communities-list(hidden, data-view="admin-communities-list")
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div.segment.lg-full.margin-bottom-xlarge
div.segment.full.margin-bottom-xlarge
h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='communities.subTitle')
.segment.table-wrapper
.table
div.table-header.bg-color-third.text-color-heading
div.segment.table-cell.table-cell.lg-half(data-trans='communities.tableHeader1')
div.segment.table-cell.table-cell.lg-half(data-trans='communities.tableHeader2')
div.segment.table-cell.table-cell.half(data-trans='communities.tableHeader1')
div.segment.table-cell.table-cell.half(data-trans='communities.tableHeader2')
solid-display(
class='table-body'
@ -36,8 +36,8 @@ solid-widget(name='hubl-action-community')
fields='cell1(community.name), cell2(community)'
loader-id='loader-admin-community'
class-cell1='segment table-cell lg-half text-center'
class-cell2='segment table-cell lg-half text-center'
class-cell1='segment table-cell half text-center'
class-cell2='segment table-cell half text-center'
class-community.name='text-xlarge text-color-heading text-semibold text-letter-spacing-large ellipsis'
widget-community='hubl-action-community'

View File

@ -1,10 +1,10 @@
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey
div.segment.lg-half
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey
div.segment.half.sm-full
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title')
div.segment.lg-half.sm-hidden.text-right
div.segment.half.sm-hidden.text-right
solid-link(class="backlink right", next='admin-project-list' data-trans='project.create.backlink')
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div#loader-projects-create.loader.loader-top
div
div
@ -30,12 +30,12 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-mediu
label-help=''
label-captain=''
class-customer.name='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-name='segment margin-bottom-medium lg-half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-xxsmall lg-full sm-full text-small text-semibold text-uppercase text-color-heading'
class-help='segment lg-full sm-full text-small margin-bottom-medium padding-left-small'
class-captain='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-linebreak='segment lg-full sm-hidden'
class-customer.name='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-name='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-xxsmall full text-small text-semibold text-uppercase text-color-heading'
class-help='segment full text-small margin-bottom-medium padding-left-small'
class-captain='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-linebreak='segment full sm-hidden'
widget-status='solid-form-hidden'
value-status='Private'

View File

@ -8,15 +8,15 @@ solid-router(default-route='admin-project-list', hidden)
#admin-project-list(hidden, data-view="admin-project-list")
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.list.title')
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div.segment.lg-full.sm-full.margin-bottom-xlarge.whitespace-normal
div.segment.lg-half.sm-full
div.segment.full.margin-bottom-xlarge.whitespace-normal
div.segment.half.sm-full
h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='project.list.subTitle')
div.segment.lg-half.sm-full.text-right
div.segment.half.sm-full.text-right
solid-ac-checker(data-src=`${endpoints.projects || (endpoints.post && endpoints.post.projects)}`, permission='acl:Append')
solid-link(
class='segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-plus'
@ -28,10 +28,10 @@ solid-router(default-route='admin-project-list', hidden)
.table
div.table-header.bg-color-third.text-color-heading
div.segment.table-cell.lg-quarter(data-trans='project.list.tableHeader1')
div.segment.table-cell.lg-quarter(data-trans='project.list.tableHeader2')
div.segment.table-cell.lg-quarter(data-trans='project.list.tableHeader3')
div.segment.table-cell.lg-quarter(data-trans='project.list.tableHeader4')
div.segment.table-cell.quarter(data-trans='project.list.tableHeader1')
div.segment.table-cell.quarter(data-trans='project.list.tableHeader2')
div.segment.table-cell.quarter(data-trans='project.list.tableHeader3')
div.segment.table-cell.quarter(data-trans='project.list.tableHeader4')
solid-widget(name="hubl-admin-project-leave-button")
template
@ -57,10 +57,10 @@ solid-router(default-route='admin-project-list', hidden)
class-segment1='segment'
class-account.picture='avatar'
class-segment2='segment lg-three-quarter margin-left-xsmall'
class-line1='block'
class-segment2='segment three-quarter margin-left-xsmall'
class-line1='segment block'
class-name='text-small text-semibold text-color-heading text-sub'
class-line2='block text-xsmall'
class-line2='segment block text-xsmall'
widget-account.picture='hubl-user-avatar'
@ -95,13 +95,13 @@ solid-router(default-route='admin-project-list', hidden)
fields='cell1(project.customer.name, project.name), cell2(project.members), cell3(project.captain), cell4(leaveButton)'
loader-id='loader-admin-projects'
class-cell1='segment table-cell lg-quarter text-left whitespace-normal'
class-cell2='segment table-cell lg-quarter text-left'
class-cell3='segment table-cell lg-quarter text-left'
class-cell4='segment table-cell lg-quarter text-center'
class-cell1='segment table-cell quarter text-left whitespace-normal'
class-cell2='segment table-cell quarter text-left'
class-cell3='segment table-cell quarter text-left'
class-cell4='segment table-cell quarter text-center'
class-project.customer.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellipsis'
class-project.name='segment lg-full sm-full'
class-project.name='segment full'
action-leaveButton="joinButton"
widget-leaveButton="hubl-admin-project-leave-button"
@ -140,13 +140,13 @@ solid-router(default-route='admin-project-list', hidden)
fields='cell1(customer.name, name), cell2(members), cell3(captain), cell4(joinButton)'
loader-id='loader-admin-projects'
class-cell1='segment table-cell lg-quarter text-left whitespace-normal'
class-cell2='segment table-cell lg-quarter text-left'
class-cell3='segment table-cell lg-quarter text-left'
class-cell4='segment table-cell lg-quarter text-center'
class-cell1='segment table-cell quarter text-left whitespace-normal'
class-cell2='segment table-cell quarter text-left'
class-cell3='segment table-cell quarter text-left'
class-cell4='segment table-cell quarter text-center'
class-customer.name='segment block margin-bottom-xxsmall text-xlarge text-color-heading text-semibold text-letter-spacing-large text-underline ellpsis'
class-name='segment lg-full sm-full'
class-name='segment full'
action-joinButton="joinButton" # Workaround: I need members two times
widget-joinButton="hubl-admin-project-join-button"

View File

@ -1,11 +1,11 @@
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.padding-large.border-bottom.border-color-grey
div.segment.lg-half
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.padding-large.border-bottom.border-color-grey
div.segment.half.sm-full
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
div.segment.lg-half.sm-hidden.text-right
div.segment.half.sm-hidden.text-right
solid-link(class="backlink", bind-resources, next='admin-communities-list' data-trans='circle.create.backlink')
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div#loader-users-title.loader.loader
div
div
@ -25,7 +25,7 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-mediu
solid-widget(name='hubl-email-field')
template
div.segment.margin-bottom-medium.lg-half.sm-full.padding-left-small.sm-padding-none.text-small.text-semibold.text-uppercase.text-color-heading
div.segment.margin-bottom-medium.half.sm-full.padding-left-small.sm-padding-none.text-small.text-semibold.text-uppercase.text-color-heading
label(data-trans='user.create.labelEmail')
input(type="email" label='' data-trans='label=user.create.labelEmail' name="email" required value="\${value}" data-holder)
@ -44,9 +44,9 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-mediu
required-user.email
loader-id='loader-users-create'
class-user.first_name='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-user.last_name='segment margin-bottom-medium lg-half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-user.username='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-user.first_name='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-user.last_name='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-user.username='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
label-user.first_name=''
label-user.last_name=''

View File

@ -1,4 +1,4 @@
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, subtitle'
@ -9,7 +9,7 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-
class-dash='text-color-heading text-bold'
)
.chat-view.segment.lg-full.sm-full.whitespace-normal
.chat-view.segment.full.whitespace-normal
solid-xmpp-chat(
data-authentication='login',
data-auto-login='true',

View File

@ -1,6 +1,6 @@
solid-ac-checker(permission='acl:Read', bind-resources)
div.segment.lg-full.sm-full.padding-large.border-bottom.border-color-grey
div.segment.lg-half
div.segment.full.padding-large.border-bottom.border-color-grey
div.segment.half.sm-full
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, subtitle'
@ -10,10 +10,10 @@ solid-ac-checker(permission='acl:Read', bind-resources)
class-name='text-color-heading text-bold'
class-dash='text-color-heading text-bold'
)
div.segment.lg-half.sm-hidden.text-right
div.segment.half.sm-hidden.text-right
solid-link(class="backlink", bind-resources, next='circle-profile' data-trans='circle.edit.backlink')
div.segment.lg-full.sm-full.padding-large.whitespace-normal
div.segment.full.padding-large.whitespace-normal
solid-widget(name="circle-edit-members-delete")
template
@ -52,12 +52,12 @@ div.segment.lg-full.sm-full.padding-large.whitespace-normal
label-status=''
label-help=''
class-name='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-subtitle='segment margin-bottom-medium lg-half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-medium lg-full sm-full sm-full text-small text-semibold text-uppercase text-color-heading'
class-status='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-owner='segment margin-bottom-medium lg-half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-help='segment lg-full sm-full text-small margin-bottom-medium padding-left-small'
class-name='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-subtitle='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-medium full text-small text-semibold text-uppercase text-color-heading'
class-status='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-owner='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-help='segment full text-small margin-bottom-medium padding-left-small'
widget-status='hubl-status'
widget-description='solid-form-richtext-label'
@ -72,7 +72,7 @@ div.segment.lg-full.sm-full.padding-large.whitespace-normal
data-trans='label-status=circle.edit.labelStatus;label-name=circle.edit.labelName;label-owner=circle.edit.labelOwner;label-description=circle.edit.labelDescription;submit-button=circle.edit.buttonSubmit;label-subtitle=circle.edit.labelSubtitle;label-help=circle.edit.descriptionHelp'
)
h3.segment.lg-full.sm-full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.edit.subTitle')
h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.edit.subTitle')
solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
solid-form.block.segment.margin-bottom-xlarge.form(
@ -91,8 +91,8 @@ div.segment.lg-full.sm-full.padding-large.whitespace-normal
.segment.table-wrapper
.table
div.table-header.bg-color-third.text-color-heading
div.segment.table-cell.lg-half(data-trans='circle.edit.tableHeader1')
div.segment.table-cell.lg-half(data-trans='circle.edit.tableHeader2')
div.segment.table-cell.half(data-trans='circle.edit.tableHeader1')
div.segment.table-cell.half(data-trans='circle.edit.tableHeader2')
solid-display(
class='table-body'
@ -101,19 +101,19 @@ div.segment.lg-full.sm-full.padding-large.whitespace-normal
fields='cell(segment1(user.account.picture), segment2(line1(user.name, is_admin), line2(atom, user.communities))), self'
loader-id='loader-circle-edit'
class-cell='segment table-cell lg-half labelled-avatar two-lines text-left'
class-self='segment table-cell lg-half text-center'
class-cell='segment table-cell half labelled-avatar two-lines text-left'
class-self='segment table-cell half text-center'
class-segment1='segment'
class-user.account.picture='avatar'
class-segment2='segment lg-three-quarter margin-left-xsmall'
class-segment2='segment three-quarter margin-left-xsmall'
class-line1='block'
class-user.name='text-small text-semibold text-color-heading text-sub'
class-is_admin='segment margin-left-medium tag color-primary'
class-user.name='text-small text-semibold text-color-heading text-sub margin-right-medium'
class-is_admin='segment tag color-primary'
class-line2='block'
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
class-user.communities='lg-full'
class-user.communities='full'
multiple-user.communities
multiple-user.communities-fields="community.name"
@ -126,4 +126,4 @@ div.segment.lg-full.sm-full.padding-large.whitespace-normal
)
//- Only to show the table grid
div.segment.table-cell.lg-half
div.segment.table-cell.half

View File

@ -4,7 +4,7 @@ solid-router(default-route='circle-profile', hidden)
#circle-profile(hidden, data-view="circle-profile")
solid-ac-checker.block(permission='acl:Read', bind-resources)
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, subtitle'
@ -19,7 +19,7 @@ solid-router(default-route='circle-profile', hidden)
template
solid-link.icon.icon-secondary.hover.icon-speech.margin-left-xsmall.margin-right-medium(data-src='\${value}', next='messages')
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
div#loader-circle-profile.loader
div
div
@ -27,7 +27,7 @@ solid-router(default-route='circle-profile', hidden)
div
div.whitespace-normal
solid-display.segment.lg-half.sm-full.sm-margin-bottom-medium(
solid-display.segment.half.sm-full.sm-margin-bottom-medium(
bind-resources
fields='creationDateSet(title, creationDate)'
loader-id='loader-circle-profile'
@ -38,13 +38,13 @@ solid-router(default-route='circle-profile', hidden)
widget-creationDate='solid-display-value-date'
)
solid-ac-checker.segment.lg-half.sm-full.text-right(permission='acl:Append', bind-resources, nested-field='members')
solid-ac-checker.segment.half.sm-full.text-right(permission='acl:Append', bind-resources, nested-field='members')
solid-ac-checker(permission='acl:Delete', bind-resources)
solid-link(class='segment sm-full margin-bottom-large sm-margin-bottom-medium button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-pencil' next='circle-edit' bind-resources data-trans='circle.profile.buttonModify')
solid-ac-checker(no-permission='acl:Delete', bind-resources)
solid-link(class='segment sm-full margin-bottom-large sm-margin-bottom-medium button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-pencil' next='circle-edit' bind-resources data-trans='circle.profile.buttonAdd')
solid-ac-checker.segment.lg-full.sm-full.text-right.margin-bottom-large.sm-margin-bottom-medium(permission='acl:Delete', bind-resources)
solid-ac-checker.segment.full.text-right.margin-bottom-large.sm-margin-bottom-medium(permission='acl:Delete', bind-resources)
solid-delete(
class='segment sm-full button text-xsmall text-bold text-uppercase text-uppercase text-center color-secondary bordered'
bind-resources
@ -106,7 +106,7 @@ solid-router(default-route='circle-profile', hidden)
solid-widget(name='hubl-circle-user-admin')
template ${value ? "Administrateur" : ""}
solid-display.segment.lg-full.sm-full.labelled-avatar.two-lines.whitespace-normal.children.lg-children-full.sm-children-full.children-margin-bottom-medium(
solid-display.segment.full.labelled-avatar.two-lines.whitespace-normal.children.children-full.sm-children-full.children-margin-bottom-medium(
bind-resources
nested-field='members'
loader-id='loader-circle-profile'
@ -115,12 +115,12 @@ solid-router(default-route='circle-profile', hidden)
class-segment1='segment'
class-user.account.picture='avatar'
class-segment2='segment lg-three-quarter margin-left-xsmall'
class-segment2='segment three-quarter margin-left-xsmall'
class-line1='block'
class-user.name='text-small text-semibold text-color-heading text-sub'
class-line2='block'
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
class-user.communities='lg-full'
class-user.communities='full'
class-is_admin='segment tag color-primary'

View File

@ -31,17 +31,17 @@ solid-widget(name='hubl-create')
br
span(data-trans="menuLeft.emptyCircleProject.createNew")
span  
solid-link.segment.lg-full.sm-full(next="${value == 'projet' ? 'admin-projects' : 'admin-circles'}", data-trans="menuLeft.emptyCircleProject.adminPanel")
solid-link.segment.full(next="${value == 'projet' ? 'admin-projects' : 'admin-circles'}", data-trans="menuLeft.emptyCircleProject.adminPanel")
solid-widget(name='hubl-menu-fix-url-contact')
template
solid-link.segment.lg-full.sm-full(data-src="${value}" next="messages")
solid-display.segment.lg-full.sm-full.text-color-white.heading-active.bg-color-heading.hover.active(
solid-link.segment.full(data-src="${value}" next="messages")
solid-display.segment.full.text-color-white.heading-active.bg-color-heading.hover.active(
data-src='${value}'
fields='segment(message(name, chatProfile.jabberID), badge)'
class-segment="segment lg-full sm-full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
class-message='segment lg-three-quarter sub-menu-name'
class-segment="segment full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
class-message='segment three-quarter sub-menu-name'
class-badge='segment badge'
value-badge='${value}'
@ -53,15 +53,15 @@ solid-widget(name='hubl-menu-fix-url-contact')
solid-widget(name='hubl-menu-fix-url-circle')
template
solid-link.segment.lg-full.sm-full(data-src="${value}" next="circle")
solid-display.segment.lg-full.sm-full.text-color-white.heading-active.bg-color-heading.hover.active(
solid-link.segment.full(data-src="${value}" next="circle")
solid-display.segment.full.text-color-white.heading-active.bg-color-heading.hover.active(
data-src='${value}'
fields='segment(status, circle(name, jabberID), badge)'
class-segment="segment lg-full sm-full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
class-segment="segment full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
class-status='segment text-top sub-menu-icon'
class-circle='segment lg-three-quarter sub-menu-name'
class-circle='segment three-quarter sub-menu-name'
class-name='ellipsis-content'
@ -77,15 +77,15 @@ solid-widget(name='hubl-menu-fix-url-circle')
solid-widget(name='hubl-menu-fix-url-project')
template
solid-link.segment.lg-full.sm-full(data-src="${value}" next="project")
solid-display.segment.lg-full.sm-full.text-color-white.heading-active.bg-color-heading.hover.active(
solid-link.segment.full(data-src="${value}" next="project")
solid-display.segment.full.text-color-white.heading-active.bg-color-heading.hover.active(
data-src='${value}'
fields='segment(status, project(customer.name, name, jabberID), badge)'
class-segment="segment lg-full sm-full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
class-segment="segment full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
class-status='segment text-top sub-menu-icon'
class-project='segment lg-three-quarter sub-menu-name'
class-project='segment three-quarter sub-menu-name'
class-customer.name='ellipsis-content'
class-name='ellipsis-content'
@ -103,47 +103,47 @@ solid-widget(name='hubl-menu-fix-url-project')
solid-router#navbar-router(default-route='dashboard')
if endpoints.get.dashboards
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='dashboard')
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='dashboard')
div.segment.margin-right-xxsmall
div.icon.icon-small.icon-home
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.dashboard")
div.divider
if publicDirectory && endpoints.get.users
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='members')
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='members')
div.segment.margin-right-xxsmall
div.icon.icon-small.icon-people
div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")
div.divider
if endpoints.get.joboffers
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='job-offers', rdf-type='hd:joboffer')
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='job-offers', 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 endpoints.get.resources
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='resources')
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='resources')
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 endpoints.get.polls
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='polls')
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='polls')
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 endpoints.get.events
solid-route.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='events')
solid-route.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='events')
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 endpoints.get.projects
div.menu-wrapper
solid-link.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(next='admin-projects')
solid-link.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(next='admin-projects')
div.segment.margin-right-xxsmall
div.segment.icon.icon-small.icon-folder-alt
div.segment.lg-three-quarter.sm-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.projects")
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='project', rdf-type='hd:project', use-id='', hidden)
@ -167,10 +167,10 @@ solid-router#navbar-router(default-route='dashboard')
div.divider
if endpoints.get.circles
div.menu-wrapper
solid-link.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(next='admin')
solid-link.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(next='admin')
div.segment.margin-right-xxsmall
div.segment.icon.icon-small.icon-folder-alt
div.segment.lg-three-quarter.sm-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.circles")
div.segment.three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.circles")
div.menu-chevron.segment
div.menu-icon.icon-arrow-right-circle
solid-route(name='circle', rdf-type='hd:circle', use-id='', hidden)
@ -193,10 +193,10 @@ solid-router#navbar-router(default-route='dashboard')
)
div.divider
div.menu-wrapper
div.menu.segment.lg-full.sm-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
div.menu.segment.full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
div.segment.margin-right-xxsmall
div.segment.icon.icon-small.icon-envelope-letter
div.segment.lg-three-quarter.sm-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.messages")
div.segment.three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.messages")
div.menu-chevron.segment
div.icon-arrow-up
solid-route(name='messages', rdf-type='foaf:user', use-id='', hidden)
@ -210,7 +210,7 @@ solid-router#navbar-router(default-route='dashboard')
//- search-label-contact.name=""
//- data-trans="search-label-contact.name=menuLeft.search"
//- search-widget-contact.name="hubl-search-users"
solid-display.segment.lg-full.sm-full.whitespace-normal(
solid-display.segment.full.whitespace-normal(
bind-user
nested-field='contacts'
fields='contact'

View File

@ -1,4 +1,4 @@
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='const-title1, number, customer.name, dash, name'
@ -13,7 +13,7 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-
value-dash=' - '
)
.chat-view.segment.lg-full.sm-full.whitespace-normal
.chat-view.segment.full.whitespace-normal
solid-xmpp-chat(
data-authentication='login',
data-auto-login='true',

View File

@ -1,6 +1,6 @@
solid-ac-checker(permission='acl:Read', bind-resources)
div.segment.lg-full.sm-full.padding-large.border-bottom.border-color-grey
div.segment.lg-half.sm-full
div.segment.full.padding-large.border-bottom.border-color-grey
div.segment.half.sm-full
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='const-title1, number, customer.name, dash, name'
@ -14,10 +14,10 @@ solid-ac-checker(permission='acl:Read', bind-resources)
value-const-title1='N°'
value-dash=' - '
)
div.segment.lg-half.sm-hidden.text-right
div.segment.half.sm-hidden.text-right
solid-link(class='backlink', bind-resources, next='project-profile' data-trans='project.edit.backlink')
div.segment.lg-full.sm-full.padding-large.whitespace-normal
div.segment.full.padding-large.whitespace-normal
solid-widget(name="project-edit-members-delete")
template
@ -55,12 +55,12 @@ div.segment.lg-full.sm-full.padding-large.whitespace-normal
label-captain=''
label-help=''
class-customer.name='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-name='segment margin-bottom-medium lg-half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-xxsmall lg-full sm-full text-small text-semibold text-uppercase text-color-heading'
class-captain='segment margin-bottom-medium lg-half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-linebreak='segment lg-full'
class-help='segment lg-full sm-full text-small margin-bottom-medium padding-left-small'
class-customer.name='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-name='segment margin-bottom-medium half sm-full padding-left-small sm-padding-none text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-xxsmall full text-small text-semibold text-uppercase text-color-heading'
class-captain='segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-linebreak='segment full'
class-help='segment full sm-full text-small margin-bottom-medium padding-left-small'
widget-description='solid-form-richtext-label'
widget-captain='solid-form-dropdown-autocompletion-label'
@ -75,10 +75,10 @@ div.segment.lg-full.sm-full.padding-large.whitespace-normal
data-trans='label-name=project.edit.labelName;label-captain=project.edit.labelCaptain;label-customer.name=project.edit.labelCustomer;label-description=project.edit.labelDescription;label-help=project.edit.descriptionHelp;submit-button=project.edit.buttonSubmit'
)
h3.segment.lg-full.sm-full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.subTitle')
h3.segment.full.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.subTitle')
solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
solid-form.block.segment.margin-bottom-xlarge.form(
solid-form.segment.block.margin-bottom-xlarge.form(
bind-resources
nested-field='members'
fields='user'
@ -95,8 +95,8 @@ div.segment.lg-full.sm-full.padding-large.whitespace-normal
.segment.table-wrapper
.table
div.table-header.bg-color-third.text-color-heading
div.segment.table-cell.lg-half(data-trans='project.edit.tableHeader1')
div.segment.table-cell.lg-half(data-trans='project.edit.tableHeader2')
div.segment.table-cell.half(data-trans='project.edit.tableHeader2')
div.segment.table-cell.half(data-trans='project.edit.tableHeader1')
//-class='table-body'
solid-display(
@ -106,19 +106,19 @@ div.segment.lg-full.sm-full.padding-large.whitespace-normal
fields='cell(segment1(user.account.picture), segment2(line1(user.name, is_admin), line2(atom, user.communities))), self'
loader-id='loader-project-edit'
class-cell='segment table-cell lg-half labelled-avatar two-lines text-left'
class-self='segment table-cell lg-half text-center'
class-cell='segment table-cell half labelled-avatar two-lines text-left'
class-self='segment table-cell half text-center'
class-segment1='segment'
class-user.account.picture='avatar'
class-segment2='segment lg-three-quarter margin-left-xsmall'
class-line1='block'
class-user.name='text-small text-semibold text-color-heading text-sub'
class-is_admin='segment margin-left-medium tag color-primary'
class-line2='block'
class-segment2='segment three-quarter margin-left-xsmall'
class-line1='segment block'
class-user.name='text-small text-semibold text-color-heading text-sub margin-right-medium'
class-is_admin='segment tag color-primary'
class-line2='segment block'
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
class-user.communities='lg-full'
class-user.communities='full'
multiple-user.communities
multiple-user.communities-fields="community.name"

View File

@ -3,8 +3,8 @@ solid-router(default-route='project-profile', hidden)
solid-route(name='project-edit')
#project-profile(hidden, data-view="project-profile")
solid-ac-checker.block(permission='acl:Read', bind-resources)
div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
solid-ac-checker.segment.block(permission='acl:Read', bind-resources)
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='const-title1, number, customer.name, dash, name'
@ -23,7 +23,7 @@ solid-router(default-route='project-profile', hidden)
template
solid-link.icon.icon-secondary.hover.icon-speech.margin-left-xsmall.margin-right-medium(data-src='\${value}', next='messages')
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
div#loader-project-profile.loader
div
div
@ -31,7 +31,7 @@ solid-router(default-route='project-profile', hidden)
div
div.whitespace-normal
solid-display.segment.lg-half.sm-full.sm-margin-bottom-medium(
solid-display.segment.half.sm-full.sm-margin-bottom-medium(
bind-resources
fields='creationDateSet(title, creationDate)'
loader-id='loader-project-profile'
@ -44,13 +44,13 @@ solid-router(default-route='project-profile', hidden)
widget-creationDate='solid-display-value-date'
)
solid-ac-checker.segment.lg-half.sm-full.text-right(permission='acl:Append', bind-resources, nested-field='members')
solid-ac-checker.segment.half.sm-full.text-right(permission='acl:Append', bind-resources, nested-field='members')
solid-ac-checker(permission='acl:Delete', bind-resources)
solid-link(class='segment sm-full margin-bottom-large sm-margin-bottom-medium button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-pencil' next='project-edit' bind-resources data-trans='project.profile.buttonModify')
solid-ac-checker(no-permission='acl:Delete', bind-resources)
solid-link(class='segment sm-full margin-bottom-large sm-margin-bottom-medium button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-pencil' next='project-edit' bind-resources data-trans='project.profile.buttonAdd')
solid-ac-checker.segment.lg-full.sm-full.text-right.margin-bottom-large.sm-margin-bottom-medium(permission='acl:Delete', bind-resources)
solid-ac-checker.segment.full.text-right.margin-bottom-large.sm-margin-bottom-medium(permission='acl:Delete', bind-resources)
solid-delete(
class='segment sm-full button text-xsmall text-bold text-uppercase text-center color-secondary bordered'
bind-resources
@ -69,7 +69,7 @@ solid-router(default-route='project-profile', hidden)
next='project-left'
)
solid-ac-checker.segment.lg-full.text-right.margin-bottom-large(no-permission='acl:Delete', bind-resources)
solid-ac-checker.segment.full.text-right.margin-bottom-large(no-permission='acl:Delete', bind-resources)
solid-display(
bind-resources
nested-field='members'
@ -104,7 +104,7 @@ solid-router(default-route='project-profile', hidden)
h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.profile.subTitle')
solid-display.segment.lg-full.sm-full.labelled-avatar.two-lines.whitespace-normal.children.lg-children-full.sm-children-full.children-margin-bottom-medium(
solid-display.segment.full.labelled-avatar.two-lines.whitespace-normal.children.children-full.sm-children-full.children-margin-bottom-medium(
bind-resources
nested-field='members'
fields='segment1(user.account.picture), segment2(line1(user.name, user), line2(atom, user.communities))'
@ -112,12 +112,12 @@ solid-router(default-route='project-profile', hidden)
class-segment1='segment'
class-user.account.picture='avatar'
class-segment2='segment lg-three-quarter margin-left-xsmall'
class-line1='block'
class-segment2='segment three-quarter margin-left-xsmall'
class-line1='segment block'
class-user.name='text-small text-semibold text-color-heading text-sub'
class-line2='block'
class-line2='segment block'
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
class-user.communities='lg-full'
class-user.communities='full'
multiple-user.communities
multiple-user.communities-fields="community.name"

View File

@ -4,19 +4,19 @@ solid-widget(name='hubl-captain-contact')
solid-widget(name='hubl-captain')
template
solid-display.segment.lg-full.margin-bottom-large.labelled-avatar.two-lines(
solid-display.segment.full.margin-bottom-large.labelled-avatar.two-lines(
data-src="${value}"
fields='segment1(account.picture), segment2(line1(name, user), line2(atom, communities))'
class-segment1='segment'
class-account.picture='avatar'
class-segment2='segment lg-three-quarter margin-left-xsmall'
class-line1='block'
class-segment2='segment three-quarter margin-left-xsmall'
class-line1='segment block'
class-name='text-small text-semibold text-color-heading text-sub'
class-line2='block'
class-line2='segment block'
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
class-communities='lg-full'
class-communities='full'
value-user='${value}'