autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update: merge conflict resolved + fixes

Browse Source
This commit is contained in:
gaelle morin 2021-01-21 23:54:20 +01:00
commit bc64019b63
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
28 changed files with 274 additions and 239 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
.gitlab-ci.yml
View File

@ -54,96 +54,60 @@ test:e2e:
## VALIDATION ##
include:
project: infra/gitlab
ref: master
file: templates/deploy.ci.yml
test1:
extends: .ansible
stage: integration
environment:
name: test1
url: https://test1.startinblox.com
before_script:
- npm ci --cache .npm --prefer-offline --only=production
script:
- echo "$APP_CONFIG_TEST1" > config.json
- echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
- npm run build
- scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* test1@astral.startinblox.com:~/front/
only:
- /^feature\/.*/
when: manual
tags:
- deploy
test2:
extends: .ansible
stage: integration
environment:
name: test2
url: https://test2.startinblox.com
before_script:
- npm ci --cache .npm --prefer-offline --only=production
script:
- echo "$APP_CONFIG_TEST2" > config.json
- echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
- npm run build
- scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* test2@astral.startinblox.com:~/front/
only:
- /^feature\/.*/
when: manual
tags:
- deploy
test3:
extends: .ansible
stage: integration
environment:
name: test3
url: https://test3.startinblox.com
before_script:
- npm ci --cache .npm --prefer-offline --only=production
script:
- echo "$APP_CONFIG_TEST3" > config.json
- echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
- sed -i -E 's/component-chat@([0-9]+).([0-9]+)/component-chat@beta/g' src/dependencies.pug
- npm run build
- scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* test3@astral.startinblox.com:~/front/
only:
- /^feature\/.*/
when: manual
tags:
- deploy
stg1:
extends: .ansible
stage: acceptance
environment:
name: stg1
url: https://stg1.startinblox.com
before_script:
- npm ci --cache .npm --prefer-offline --only=production
script:
- echo "$APP_CONFIG_STG1" > config.json
- echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
- npm run build
- scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* stg1@astral.startinblox.com:~/front/
only:
- /^release\/.*/
when: manual
tags:
- deploy
stg2:
extends: .ansible
stage: acceptance
environment:
name: stg2
url: https://stg2.startinblox.com
before_script:
- npm ci --cache .npm --prefer-offline --only=production
script:
- echo "$APP_CONFIG_STG2" > config.json
- echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
- npm run build
- scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* stg2@astral.startinblox.com:~/front/
only:
- /^release\/.*/
when: manual
tags:
- deploy
## RELEASE TAGGING ##

30
cypress/integration/create-channel.spec.js
View File

@ -13,7 +13,8 @@ context('Create Channel Browser Testing', () => {
it('should login', () => cy.login());
describe('Channel Creation process #1', () => {
let channelName = 'Test Channel ',
description = 'Test Description ';
description = 'Test Description ',
subtitle = 'Test Subtitle ';
it('should visit the channel creation screen', () => {
cy.visit('/admin/admin-circle-create');
cy.location().should((loc) => {
@ -24,10 +25,13 @@ context('Create Channel Browser Testing', () => {
cy.randomNum().then(num => {
channelName += num;
description += num;
subtitle += num;
cy.get('#admin-circle-create input[name="name"]').clear().type(channelName);
cy.get('#admin-circle-create input[name="name"]').should('have.value', channelName);
cy.get('#admin-circle-create input[name="description"]').clear().type(description);
cy.get('#admin-circle-create input[name="description"]').should('have.value', description);
cy.get('#admin-circle-create input[name="subtitle"]').clear().type(subtitle);
cy.get('#admin-circle-create input[name="subtitle"]').should('have.value', subtitle);
cy.get('#admin-circle-create [name="description"] [contenteditable="true"]').clear().type(description);
cy.get('#admin-circle-create [name="description"] [contenteditable="true"]').should('have.value', description);
});
});
it('should click on create channel button', () => {
@ -47,7 +51,8 @@ context('Create Channel Browser Testing', () => {
});
describe('Channel Creation process #2', () => {
let channelName = 'Test Channel ',
description = 'Test Description ';
description = 'Test Description ',
subtitle = 'Test Subtitle ';
it('should visit the channel creation screen', () => {
cy.visit('/admin/admin-circle-create');
cy.location().should((loc) => {
@ -58,10 +63,13 @@ context('Create Channel Browser Testing', () => {
cy.randomNum().then(num => {
channelName += num;
description += num;
subtitle += num;
cy.get('#admin-circle-create input[name="name"]').clear().type(channelName);
cy.get('#admin-circle-create input[name="name"]').should('have.value', channelName);
cy.get('#admin-circle-create input[name="description"]').clear().type(description);
cy.get('#admin-circle-create input[name="description"]').should('have.value', description);
cy.get('#admin-circle-create input[name="subtitle"]').clear().type(subtitle);
cy.get('#admin-circle-create input[name="subtitle"]').should('have.value', subtitle);
cy.get('#admin-circle-create [name="description"] [contenteditable="true"]').clear().type(description);
cy.get('#admin-circle-create [name="description"] [contenteditable="true"]').should('have.value', description);
});
});
it('should click on create channel button', () => {
@ -81,7 +89,8 @@ context('Create Channel Browser Testing', () => {
});
describe('Channel Creation process #3', () => {
let channelName = 'Test Channel ',
description = 'Test Description ';
description = 'Test Description ',
subtitle = 'Test Subtitle ';
it('should visit the channel creation screen', () => {
cy.visit('/admin/admin-circle-create');
cy.location().should((loc) => {
@ -92,10 +101,13 @@ context('Create Channel Browser Testing', () => {
cy.randomNum().then(num => {
channelName += num;
description += num;
subtitle += num;
cy.get('#admin-circle-create input[name="name"]').clear().type(channelName);
cy.get('#admin-circle-create input[name="name"]').should('have.value', channelName);
cy.get('#admin-circle-create input[name="description"]').clear().type(description);
cy.get('#admin-circle-create input[name="description"]').should('have.value', description);
cy.get('#admin-circle-create input[name="subtitle"]').clear().type(subtitle);
cy.get('#admin-circle-create input[name="subtitle"]').should('have.value', subtitle);
cy.get('#admin-circle-create [name="description"] [contenteditable="true"]').clear().type(description);
cy.get('#admin-circle-create [name="description"] [contenteditable="true"]').should('have.value', description);
});
});
it('should click on create channel button', () => {

8
cypress/integration/create-project.spec.js
View File

@ -30,8 +30,8 @@ context('Create Project Browser Testing', () => {
cy.get('#admin-project-create input[name="customer.name"]').should('have.value', customerName);
cy.get('#admin-project-create input[name="name"]').clear().type(projectName);
cy.get('#admin-project-create input[name="name"]').should('have.value', projectName);
cy.get('#admin-project-create textarea[name="description"]').clear().type(description);
cy.get('#admin-project-create textarea[name="description"]').should('have.value', description);
cy.get('#admin-project-create [name="description"] [contenteditable="true"]').clear().type(description);
cy.get('#admin-project-create [name="description"] [contenteditable="true"]').should('have.value', description);
});
});
it('should click on create project button', () => {
@ -68,8 +68,8 @@ context('Create Project Browser Testing', () => {
cy.get('#admin-project-create input[name="customer.name"]').should('have.value', customerName);
cy.get('#admin-project-create input[name="name"]').clear().type(projectName);
cy.get('#admin-project-create input[name="name"]').should('have.value', projectName);
cy.get('#admin-project-create textarea[name="description"]').clear().type(description);
cy.get('#admin-project-create textarea[name="description"]').should('have.value', description);
cy.get('#admin-project-create [name="description"] [contenteditable="true"]').clear().type(description);
cy.get('#admin-project-create [name="description"] [contenteditable="true"]').should('have.value', description);
});
});
it('should click on create project button', () => {

6
package-lock.json generated
View File

@ -1159,9 +1159,9 @@
}
},
"@startinblox/hubl-styling-framework": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.4.0.tgz",
"integrity": "sha512-SPkKRrWUzS2TJaesnCumr+DkixODktBbWc2P8kMRNUFBe2hJ+U6vKGtxVmnoPQPcGmm3sJJ4ZC2ZHbeZX1DCHg=="
"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=="
},
"@types/q": {
"version": "1.5.4",

4
package.json
View File

@ -9,7 +9,7 @@
"scripts": {
"prebuild": "rimraf build",
"build": "NODE_ENV='production' node internal/parcel.js",
"watch": "rimraf build && node internal/parcel.js",
"watch": "rimraf build .cache && node internal/parcel.js",
"cypress:open": "cypress open",
"cypress:verify": "cypress verify",
"cypress:info": "cypress info",
@ -45,7 +45,7 @@
]
},
"dependencies": {
"@startinblox/hubl-styling-framework": "^1.4.0",
"@startinblox/hubl-styling-framework": "^1.4.4",
"fs-extra": "^9.0.1",
"normalize.css": "^8.0.1",
"parcel-bundler": "^1.12.4",

6
src/dependencies.pug
View File

@ -20,7 +20,7 @@ if endpoints.get
//- script(type="module" src="/lib/sib-event-component/sib-event.js" defer)
if endpoints.get.resources && endpoints.get.resourceskeywords && endpoints.get.resourcestypes
//- script(type="module" src="https://cdn.skypack.dev/@startinblox/component-resource@1.2" defer)
script(type="module" src="https://cdn.skypack.dev/@startinblox/component-resource@1.2" defer)
//- script(type="module" src="/lib/sib-resource/sib-resource.js" defer)
if endpoints.get.joboffers
@ -32,8 +32,8 @@ if endpoints.get
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@beta" defer)
//- script(type="module" src="/lib/solid-dashboard/dist/index.js" defer)
//- 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)
if endpoints.get.users
script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@1.7" defer)

21
src/locales/en.json
View File

@ -70,18 +70,22 @@
"title": " Create a circle",
"labelStatus": "Statut du circle",
"labelName": "Circle name *",
"labelDescription": "Circle headline *",
"labelSubtitle": "Circle headline *",
"labelDescription": "Circle description",
"descriptionHelp": "You can use markdown",
"buttonSubmit": "Save"
},
"edit": {
"buttonDelete": "Remove",
"backlink": "Back",
"title": "Edit your circle",
"labelStatus": "Circle status",
"labelStatus": "Circle status *",
"labelName": "Circle name *",
"labelOwner": "Admin *",
"labelDescription": "Circle headline",
"subTitle": "Members list",
"labelDescription": "Circle description",
"descriptionHelp": "You can use markdown",
"labelSubtitle": "Circle headline *",
"subTitle": "Members list :",
"tableHeader1": "Name",
"tableHeader2": "Access",
"buttonSubmit": "Save",
@ -111,6 +115,7 @@
"buttonDelete": "Remove the circle",
"buttonQuit": "Leave the circle",
"buttonJoin": "Join the circle",
"description": "Description :",
"subTitle": "Members :"
}
},
@ -134,6 +139,8 @@
"backlink": "Back",
"title": " Create a nouveau project",
"labelName": "Project name*",
"labelDescription": "Poject description",
"descriptionHelp": "You can use markdown",
"labelCustomer": "Customer name*",
"labelDescription": "Description",
"labelCaptain": "Project captain*",
@ -146,8 +153,9 @@
"labelName": "Project name *",
"labelCustomer": "Customer name *",
"labelCaptain": "Capitain *",
"labelDescription": "Description",
"subTitle": "Team members",
"labelDescription": "Project description",
"descriptionHelp": "You can use markdown",
"subTitle": "Team members :",
"tableHeader1": "Name",
"tableHeader2": "Access",
"buttonSubmit": "Save",
@ -183,6 +191,7 @@
"buttonQuit": "Leave the project",
"buttonJoin": "Join the project",
"captain": "Captain :",
"description": "Description :",
"subTitle": "Team :"
}
},

21
src/locales/es.json
View File

@ -70,18 +70,22 @@
"title": "Crear un círculo",
"labelStatus": "Estado del círculo",
"labelName": "Nombre del círculo *",
"labelDescription": "Subtítulo del círculo *",
"labelSubtitle": "Subtítulo del círculo *",
"labelDescription": "Descripción del círculo",
"descriptionHelp": "Puedes usar markdown",
"buttonSubmit": "Guardar"
},
"edit": {
"buttonDelete": "Eliminar",
"backlink": "Atrás",
"title": "Modificá tu círculo",
"labelStatus": "Estado del círculo",
"labelStatus": "Estado del círculo *",
"labelName": "Nombre del círculo *",
"labelOwner": "Administrador/a *",
"labelDescription": "Subtítulo del círculo",
"subTitle": "Listado de miembrxs",
"labelSubtitle": "Subtítulo del círculo *",
"labelDescription": "Descripción del círculo",
"descriptionHelp": "Puedes usar markdown",
"subTitle": "Listado de miembrxs: ",
"tableHeader1": "Nombre",
"tableHeader2": "Acceso",
"buttonSubmit": "Guardar",
@ -111,6 +115,7 @@
"buttonDelete": "Eliminar el círculo",
"buttonQuit": "Salir del círculo",
"buttonJoin": "Unirse al círculo",
"description": "Descripción :",
"subTitle": "Miembrxs: "
}
},
@ -134,6 +139,8 @@
"backlink": "Atrás",
"title": "Crear un proyecto nuevo",
"labelName": "Nombre del proyecto *",
"labelDescription": "Descripción del proyecto",
"descriptionHelp": "Puedes usar markdown",
"labelCustomer": "Nombre del/la clientx *",
"labelDescription": "Description",
"labelCaptain": "Líder del proyecto *",
@ -146,8 +153,9 @@
"labelName": "Nombre del proyecto *",
"labelCustomer": "Nombre del/la clientx *",
"labelCaptain": "Capitain *",
"labelDescription": "Description",
"subTitle": "Lista de miembrxs",
"labelDescription": "Descripción del proyecto",
"descriptionHelp": "Puedes usar markdown",
"subTitle": "Lista de miembrxs: ",
"tableHeader1": "Nombre",
"tableHeader2": "Acceso",
"buttonSubmit": "Guardar",
@ -183,6 +191,7 @@
"buttonQuit": "Salir del proyecto",
"buttonJoin": "Unirse al proyecto",
"captain": "Líder : ",
"description": "Descripción :",
"subTitle": "Equipo : "
}
},

22
src/locales/fr.json
View File

@ -70,18 +70,23 @@
"title": "Créer un cercle",
"labelStatus": "Statut du cercle",
"labelName": "Nom du cercle *",
"labelDescription": "Sous-titre du cercle *",
"labelSubtitle": "Sous-titre du cercle *",
"labelDescription": "Description du cercle",
"descriptionHelp": "Vous pouvez utiliser Markdown",
"buttonSubmit": "Enregistrer"
},
"edit": {
"buttonDelete": "Retirer",
"backlink": "Retour",
"title": "Modifie ton cercle",
"labelStatus": "Statut du cercle",
"labelStatus": "Statut du cercle *",
"labelName": "Nom du cercle *",
"labelOwner": "Administrateur ou administratrice *",
"labelDescription": "Sous-titre du cercle",
"subTitle": "Liste des membres",
"labelDescription": "Description du cercle",
"descriptionHelp": "Vous pouvez utiliser Markdown",
"labelSubtitle": "Sous-titre du cercle *",
"labelStatus": "Statut *",
"subTitle": "Liste des membres :",
"tableHeader1": "Nom",
"tableHeader2": "Accès",
"buttonSubmit": "Enregistrer",
@ -111,6 +116,7 @@
"buttonDelete": "Supprimer le cercle",
"buttonQuit": "Quitter le cercle",
"buttonJoin": "Rejoindre le cercle",
"description": "Description :",
"subTitle": "Membres :"
}
},
@ -134,6 +140,8 @@
"backlink": "Retour",
"title": "Créer un nouveau projet",
"labelName": "Nom du projet *",
"labelDescription": "Description du projet",
"descriptionHelp": "Vous pouvez utiliser Markdown",
"labelCustomer": "Nom du client*",
"labelDescription": "Description",
"labelCaptain": "Capitaine du projet*",
@ -146,8 +154,9 @@
"labelName": "Nom du projet *",
"labelCustomer": "Nom du client *",
"labelCaptain": "Capitaine *",
"labelDescription": "Description",
"subTitle": "Liste des membres",
"labelDescription": "Description du projet",
"descriptionHelp": "Vous pouvez utiliser Markdown",
"subTitle": "Liste des membres :",
"tableHeader1": "Nom",
"tableHeader2": "Accès",
"buttonSubmit": "Enregistrer",
@ -183,6 +192,7 @@
"buttonQuit": "Quitter le projet",
"buttonJoin": "Rejoindre le projet",
"captain": "Capitaine :",
"description": "Description :",
"subTitle": "Equipe :"
}
},

4
src/styles/about/_index.scss
View File

@ -1,9 +1,5 @@
#about {
p {
line-height: 22px;
}
>div>div>div {
min-height: 285px;
}

8
src/styles/content/_index.scss
View File

@ -166,3 +166,11 @@ main {
border: 3px solid white; /* creates padding around scroll thumb */
}
}
solid-display-value-markdown {
p {
margin: 0;
}
}

22
src/styles/index.scss
View File

@ -32,21 +32,6 @@ solid-display>div {
/* Job-offers */
.job-edit {
position: absolute;
right: 20px;
top: 20px;
}
.padding-very-xxlarge {
padding-left: 135px;
padding-right: 135px;
}
$small: "max-width: 768px";
.segment {
@ -121,13 +106,6 @@ $small: "max-width: 768px";
}
}
/* Converse */
@media (max-width: 767.98px) {
#conversejs .converse-chatboxes .chatbox .box-flyout {
width: 100% !important;
}
}
@import 'header/_index';

2
src/styles/job-offers/_index.scss
View File

@ -1,4 +1,4 @@
#job-offers>div:first-of-type {
#job-offers #job-offers-board {
min-height: calc(100vh - 72px);
@media (max-width: 768px) {

8
src/views/page-about.pug
View File

@ -3,10 +3,10 @@ div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-l
div.segment.lg-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(data-trans='about.card1.subTitle')
h3.text-color-heading.text-semibold.text-uppercase.line-xlarge(data-trans='about.card1.subTitle')
div
p.segment.whitespace-normal.text-large(data-trans='about.card1.paragraph1')
p.segment.whitespace-normal.text-large(data-trans='about.card1.paragraph2')
p.segment.whitespace-normal.text-large.line-xlarge(data-trans='about.card1.paragraph1')
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
@ -14,5 +14,5 @@ div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-l
div.segment.margin-top-small
div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary
h3.text-color-heading.text-semibold.text-uppercase.text-medium(data-trans='about.card2.subTitle')
p(data-trans='about.card2.paragraph1')
p.line-xlarge(data-trans='about.card2.paragraph1')
a.button.text-bold.text-uppercase.color-secondary.bordered(href="https://startinblox.com/fr/#home-contact" target="_blank" data-trans='about.card2.link').main-cta

3
src/views/page-circle.pug
View File

@ -18,7 +18,7 @@ nav.jsRightMenu.sidebar.whitespace-normal(role='navigation')
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.padding-medium
li.segment.lg-full.sm-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')
@ -40,4 +40,3 @@ nav.jsRightMenu.sidebar.whitespace-normal(role='navigation')
li.segment.lg-full.sm-full.padding-medium
span.icon.ci-networking.icon-xlarge.margin-right-medium
a(data-trans='circle.menuRight.polls')

19
src/views/partials/admin/page-admin-circles-create.pug
View File

@ -1,5 +1,8 @@
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
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
div.segment.lg-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#loader-circles-create.loader.loader-top
@ -11,27 +14,35 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-mediu
solid-form.form(
data-src=`${endpoints.circles || endpoints.post.circles}`
fields='status, linebreak, name, description'
fields='status, linebreak, name, subtitle, description, help'
required-status
required-name
required-description
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-description='segment margin-bottom-medium lg-half sm-full padding-left-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'
label-status=''
label-name=''
label-subtitle=''
label-description=''
label-help=''
widget-status='hubl-status'
widget-linebreak='solid-form-hidden'
widget-description='solid-form-richtext-label'
widget-help='solid-form-hidden-label'
next='circle'
submit-button=''
data-trans='label-status=circle.create.labelStatus;label-name=circle.create.labelName;label-description=circle.create.labelDescription;submit-button=circle.create.buttonSubmit'
data-trans='label-status=circle.create.labelStatus;label-name=circle.create.labelName;label-description=circle.create.labelDescription;submit-button=circle.create.buttonSubmit;label-subtitle=circle.create.labelSubtitle;label-help=circle.create.descriptionHelp'
)

12
src/views/partials/admin/page-admin-circles.pug
View File

@ -76,14 +76,15 @@ solid-router(default-route='admin-circle-list', hidden)
class='table-body'
bind-user
nested-field='circles'
fields='cell1(circle.name, circle.description), cell2(circle.owner), cell3(leaveButton)'
fields='cell1(circle.name, circle.subtitle), cell2(circle.owner), cell3(leaveButton)'
loader-id='loader-admin-circles'
class-cell1='segment table-cell lg-third text-left text-top'
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-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'
action-leaveButton="joinButton"
widget-leaveButton="hubl-admin-circle-leave-button"
@ -102,7 +103,7 @@ solid-router(default-route='admin-circle-list', hidden)
value-user.username='hubl-workaround-493'
widget-user.username='solid-form-hidden'
submit-button='Rejoindre'
submit-button=''
data-trans='submit-button=circle.list.buttonJoin'
)
hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}` target-src='${value}')
@ -116,14 +117,15 @@ solid-router(default-route='admin-circle-list', hidden)
class='table-body'
data-src=`${endpoints.circles || endpoints.get.circles}joinable/`
fields='cell1(name, description), cell2(owner), cell3(members)'
fields='cell1(name, subtitle), cell2(owner), cell3(members)'
loader-id='loader-admin-circles'
class-cell1='segment table-cell lg-third text-left text-top'
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-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'
widget-owner='hubl-circle-owner'
widget-members="hubl-admin-circle-join-button"

2
src/views/partials/admin/page-admin-communities.pug
View File

@ -51,5 +51,5 @@ solid-widget(name='hubl-action-community')
div
div
#admin-users-create.content-box__height(hidden, data-view="admin-users-create")
#admin-users-create(hidden, data-view="admin-users-create")
include page-admin-users-create.pug

16
src/views/partials/admin/page-admin-projects-create.pug
View File

@ -1,5 +1,8 @@
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
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title')
div.segment.lg-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#loader-projects-create.loader.loader-top
@ -11,7 +14,7 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-mediu
solid-form.form(
data-src=`${endpoints.projects || endpoints.post.projects}`
fields='status, customer.name, name, description, captain, linebreak'
fields='status, customer.name, name, description, help, captain, linebreak'
range-captain=`${endpoints.users || endpoints.get.users}`
required-status
@ -23,23 +26,26 @@ div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-mediu
label-status=''
label-customer.name=''
label-name=''
label-description='Description'
label-description=''
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-medium lg-full sm-full 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'
widget-status='solid-form-hidden'
value-status='Private'
widget-description='solid-form-textarea-label'
widget-description='solid-form-richtext-label'
widget-captain='solid-form-dropdown-autocompletion-label'
widget-help='solid-form-hidden-label'
widget-linebreak='solid-form-hidden'
submit-button=''
next='project'
data-trans='label-status=project.create.labelStatus;label-customer.name=project.create.labelCustomer;label-name=project.create.labelName;label-description=project.create.labelDescription;label-captain=project.create.labelCaptain;submit-button=project.create.buttonSubmit'
data-trans='label-status=project.create.labelStatus;label-customer.name=project.create.labelCustomer;label-name=project.create.labelName;label-description=project.create.labelDescription;label-captain=project.create.labelCaptain;label-help=project.create.descriptionHelp;submit-button=project.create.buttonSubmit'
)

6
src/views/partials/admin/page-admin-projects.pug
View File

@ -95,12 +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'
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-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'
action-leaveButton="joinButton"
widget-leaveButton="hubl-admin-project-leave-button"
@ -139,12 +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'
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-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'
action-joinButton="joinButton" # Workaround: I need members two times
widget-joinButton="hubl-admin-project-join-button"

3
src/views/partials/admin/page-admin-users-create.pug
View File

@ -1,5 +1,8 @@
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
h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
div.segment.lg-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

2
src/views/partials/circle/page-circle-chat.pug
View File

@ -1,7 +1,7 @@
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-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, description'
fields='name, dash, subtitle'
value-dash=' - '

46
src/views/partials/circle/page-circle-edit.pug
View File

@ -1,23 +1,23 @@
solid-ac-checker(permission='acl:Read', bind-resources)
div.segment.lg-full.padding-large.border-bottom.border-color-grey
div.segment.lg-full.sm-full.padding-large.border-bottom.border-color-grey
div.segment.lg-half
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, description'
fields='name, dash, subtitle'
value-dash=' - '
class-name='text-color-heading text-bold'
class-dash='text-color-heading text-bold'
)
div.segment.lg-half.text-right
div.segment.lg-half.sm-hidden.text-right
solid-link(class="backlink", bind-resources, next='circle-profile' data-trans='circle.edit.backlink')
div.segment.lg-full.padding-large.whitespace-normal
div.segment.lg-full.sm-full.padding-large.whitespace-normal
solid-widget(name="circle-edit-members-delete")
template
solid-ac-checker(permission="acl:Delete" data-src="${src}")
solid-ac-checker(permission="acl:Delete", data-src="${src}")
solid-delete(
class='button text-xsmall text-bold text-uppercase color-secondary bordered'
data-src="${src}"
@ -38,24 +38,30 @@ div.segment.lg-full.padding-large.whitespace-normal
solid-form.form(
bind-resources
fields='name, description, status, owner'
fields='name, subtitle, description, status, owner'
required-status
required-name
required-owner
required-subtitle
range-owner=`${endpoints.users || endpoints.get.users}`
label-status=''
widget-status='hubl-status'
label-name=''
label-owner=''
label-description=''
label-subtitle=''
label-status=''
label-help=''
class-name='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading'
class-status='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-owner='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading whitespace-normal'
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'
widget-status='hubl-status'
widget-description='solid-form-richtext-label'
widget-help='solid-form-hidden-label'
widget-owner='solid-form-dropdown-autocompletion-label'
partial=''
@ -63,10 +69,10 @@ div.segment.lg-full.padding-large.whitespace-normal
submit-button='Enregistrer'
next='circle-information'
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'
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.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.edit.subTitle')
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')
solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
solid-form.block.segment.margin-bottom-xlarge.form(
@ -85,8 +91,8 @@ div.segment.lg-full.padding-large.whitespace-normal
.segment.table-wrapper
.table
div.table-header.bg-color-third.text-color-heading
div.segment.table-cell.lg-two-third(data-trans='circle.edit.tableHeader1')
div.segment.table-cell.lg-third(data-trans='circle.edit.tableHeader2')
div.segment.table-cell.lg-half(data-trans='circle.edit.tableHeader1')
div.segment.table-cell.lg-half(data-trans='circle.edit.tableHeader2')
solid-display(
class='table-body'
@ -95,8 +101,8 @@ div.segment.lg-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-two-third labelled-avatar two-lines text-left'
class-self='segment table-cell lg-third text-center'
class-cell='segment table-cell lg-half labelled-avatar two-lines text-left'
class-self='segment table-cell lg-half text-center'
class-segment1='segment'
class-user.account.picture='avatar'
@ -120,4 +126,4 @@ div.segment.lg-full.padding-large.whitespace-normal
)
//- Only to show the table grid
div.segment.table-cell.lg-third
div.segment.table-cell.lg-half

12
src/views/partials/circle/page-circle-profile.pug
View File

@ -7,7 +7,7 @@ solid-router(default-route='circle-profile', hidden)
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-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='name, dash, description'
fields='name, dash, subtitle'
value-dash=' - '
@ -53,6 +53,14 @@ solid-router(default-route='circle-profile', hidden)
next='admin-circles'
)
h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.profile.description')
solid-display.segment.block.sm-hidden.whitespace-normal(
bind-resources
fields='description'
widget-description='solid-display-value-markdown'
)
solid-widget(name='hubl-circle-leave-button')
template
solid-ac-checker(no-permission='acl:Delete', data-src="${src}", nested-field="circle")
@ -93,7 +101,7 @@ solid-router(default-route='circle-profile', hidden)
hubl-inherit-user-id="search-value-user"
)
h3.text-color-heading.text-bold.text-uppercase.text-letter-spacing-large(data-trans='circle.profile.subTitle')
h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans='circle.profile.subTitle')
solid-widget(name='hubl-circle-user-admin')
template ${value ? "Administrateur" : ""}

12
src/views/partials/header.pug
View File

@ -104,16 +104,16 @@ div
li.segment.padding-small.sm-padding-medium.sm-padding-left-xlarge.border-bottom.border-color-grey
div(data-trans='header.admin')
ul.text-normal
if (endpoints.users || (endpoints.get && endpoints.get.users))
solid-route.text-hover(name='admin-communities')
if endpoints.get.users
solid-link.text-hover(next='admin-communities')
li.segment.padding-top-small.sm-padding-top-medium
a.icon.icon-people.icon-third.icon-small.icon-margin-right-xsmall(data-trans='admin.menuRight.community')
if endpoints.circles || (endpoints.get && endpoints.get.circles)
solid-route.text-hover(name='admin-circles')
if endpoints.get.circles
solid-link.text-hover(next='admin')
li.segment.padding-top-small.sm-padding-top-medium
a.icon.icon-globe.icon-third.icon-small.icon-margin-right-xsmall(data-trans='admin.menuRight.circles')
if endpoints.projects || (endpoints.get && endpoints.get.projects)
solid-route.text-hover(name='admin-projects')
if endpoints.get.projects
solid-link.text-hover(next='admin-projects')
li.segment.padding-top-small.sm-padding-top-medium
a.icon.icon-folder-alt.icon-third.icon-small.icon-margin-right-xsmall(data-trans='admin.menuRight.projects')
li.border-bottom.border-color-grey

4
src/views/partials/menu-left.pug
View File

@ -140,7 +140,7 @@ solid-router#navbar-router(default-route='dashboard')
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-project-list')
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')
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")
@ -167,7 +167,7 @@ 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-circle-list')
solid-link.menu.segment.lg-full.sm-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")

39
src/views/partials/project/page-project-edit.pug
View File

@ -1,6 +1,6 @@
solid-ac-checker(permission='acl:Read', bind-resources)
div.segment.lg-full.padding-large.border-bottom.border-color-grey
div.segment.lg-half
div.segment.lg-full.sm-full.padding-large.border-bottom.border-color-grey
div.segment.lg-half.sm-full
solid-display.text-xxlarge.text-letter-spacing-large(
bind-resources
fields='const-title1, number, customer.name, dash, name'
@ -14,14 +14,14 @@ solid-ac-checker(permission='acl:Read', bind-resources)
value-const-title1='N°'
value-dash=' - '
)
div.segment.lg-half.text-right
div.segment.lg-half.sm-hidden.text-right
solid-link(class='backlink', bind-resources, next='project-profile' data-trans='project.edit.backlink')
div.segment.lg-full.padding-large.whitespace-normal
div.segment.lg-full.sm-full.padding-large.whitespace-normal
solid-widget(name="project-edit-members-delete")
template
solid-ac-checker(permission="acl:Delete" data-src="${src}")
solid-ac-checker(permission="acl:Delete", data-src="${src}")
solid-delete(
class='button text-xsmall text-bold text-uppercase color-secondary bordered'
data-src="${src}"
@ -43,7 +43,7 @@ div.segment.lg-full.padding-large.whitespace-normal
solid-form.form(
bind-resources
fields='customer.name, name, description, captain, linebreak'
fields='customer.name, name, description, help, captain, linebreak'
required-customer.name
required-name
required-captain
@ -53,26 +53,29 @@ div.segment.lg-full.padding-large.whitespace-normal
label-customer.name=''
label-description=''
label-captain=''
label-help=''
class-customer.name='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading'
class-name='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading'
class-description='segment margin-bottom-medium lg-full text-small text-semibold text-uppercase text-color-heading'
class-captain='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading whitespace-normal'
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'
widget-description='solid-form-textarea-label'
widget-description='solid-form-richtext-label'
widget-captain='solid-form-dropdown-autocompletion-label'
widget-linebreak='solid-form-hidden'
widget-help='solid-form-hidden-label'
partial=""
submit-button='Enregistrer'
next='project-information'
data-trans='label-name=project.edit.labelName;label-captain=project.edit.labelCaptain;label-customer.name=project.edit.labelCustomer;label-description=project.edit.labelDescription;submit-button=project.edit.buttonSubmit'
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.padding-bottom-small.border-bottom.border-color-grey.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.edit.subTitle')
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')
solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
solid-form.block.segment.margin-bottom-xlarge.form(
@ -81,7 +84,7 @@ div.segment.lg-full.padding-large.whitespace-normal
fields='user'
range-user=`${endpoints.users || endpoints.get.users}`
class-user='add-member'
class-user='add-member whitespace-normal'
label-user=''
widget-user='solid-form-dropdown-autocompletion'
@ -92,8 +95,8 @@ div.segment.lg-full.padding-large.whitespace-normal
.segment.table-wrapper
.table
div.table-header.bg-color-third.text-color-heading
div.segment.table-cell.lg-two-third(data-trans='project.edit.tableHeader1')
div.segment.table-cell.lg-third(data-trans='project.edit.tableHeader2')
div.segment.table-cell.lg-half(data-trans='project.edit.tableHeader1')
div.segment.table-cell.lg-half(data-trans='project.edit.tableHeader2')
//-class='table-body'
solid-display(
@ -103,8 +106,8 @@ div.segment.lg-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-two-third labelled-avatar two-lines text-left'
class-self='segment table-cell lg-third text-center'
class-cell='segment table-cell lg-half labelled-avatar two-lines text-left'
class-self='segment table-cell lg-half text-center'
class-segment1='segment'
class-user.account.picture='avatar'

9
src/views/partials/project/page-project-profile.pug
View File

@ -93,6 +93,15 @@ solid-router(default-route='project-profile', hidden)
widget-captain='hubl-captain'
)
h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.profile.description')
solid-display.segment.block.sm-hidden.whitespace-normal(
bind-resources
fields='description'
class-description='segment margin-bottom-large whitespace-normal'
widget-description='solid-display-value-markdown'
)
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(