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

update: clear unused and fixes CSS

Browse Source
This commit is contained in:
Gaëlle Morin 2020-04-02 16:09:23 +00:00 committed by Jean-Baptiste Pasquier
parent 74dfec5a5e
commit 675921d84a
36 changed files with 376 additions and 634 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
.gitlab-ci.yml
View File

@ -99,7 +99,7 @@ stg2:
alpha:
stage: deployment
environment:
name: paris
name: alpha
url: https://alpha.happy-dev.fr
script:
- echo "$APP_CONFIG_ALPHA" > config.json
@ -113,6 +113,23 @@ alpha:
tags:
- deploy
community:
stage: deployment
environment:
name: community
url: https://community.startinblox.com
script:
- echo "$APP_CONFIG_COMMUNITY" > config.json
- echo "$SSH_DEPLOY_KEY" | tr -d '\r' > gitlab.key && chmod 600 gitlab.key
- npm install
- npm run build
- scp -i gitlab.key -o StrictHostKeyChecking=no -r dist/* community@astral.startinblox.com:~/front/
only:
- master
when: manual
tags:
- deploy
etuc:
stage: deployment
environment:

2
src/dependencies.pug
View File

@ -43,7 +43,5 @@ script(data-default-context, type="application/ld+json")
| "account": "http://happy-dev.fr/owl/#account",
| "jabberID": "foaf:jabberID",
| "picture": "foaf:depiction",
| "firstName": "http://happy-dev.fr/owl/#first_name",
| "lastName": "http://happy-dev.fr/owl/#last_name",
| "isAdmin": "http://happy-dev.fr/owl/#is_admin"
| }

2
src/header.pug
View File

@ -17,7 +17,7 @@ include templates/hd-user-avatar.pug
details#user-controls.notLoggedIn
summary(tabindex='0' role='button')
sib-display#user-controls__profile(
fields='firstName, account.picture'
fields='first_name, account.picture'
widget-account.picture='hd-user-avatar'
bind-user
)

2
src/page-circle.pug
View File

@ -10,7 +10,7 @@
class-description='h1-aside description'
)
button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
div.content-box__info
div
sib-ac-checker(permission='acl:Read', bind-resources)
#circle-chat(hidden)
include views/circle/page-circle-chat.pug

2
src/page-project.pug
View File

@ -16,7 +16,7 @@
.mobile-sidebar-button.jsMobileSidebarOpenButton
button.icon-arrow-left-circle
span MENU
div.content-box__info
div
sib-ac-checker(permission='acl:Read', bind-resources)
#project-chat(hidden)
include views/project/page-project-chat.pug

48
src/styles/base/form.scss
View File

@ -1,3 +1,18 @@
#admin-circle-create,
#admin-project-create {
input[type='submit'] {
@extend .button,
.text-bold,
.text-uppercase,
.reversed,
.button-dark,
.bordered;
margin-left: auto;
margin-top: 3.2rem;
}
}
.content-box {
&.with-form {
@ -23,16 +38,6 @@
padding-bottom: 0.8rem;
}
p.center {
margin: 0;
text-align: center;
}
[name$='-text'] {
font-size: 1.5rem;
margin-bottom: 2rem;
}
[name^='block-'] {
margin-bottom: 2.75rem;
}
@ -153,20 +158,17 @@
margin-top: 2.7rem;
}
.form-edit {
.form-edit>form {
>form {
input[type='submit'] {
@extend .button,
.text-bold,
.text-uppercase,
.reversed,
.button-dark,
.bordered;
margin-left: auto;
margin-top: 3.2rem;
}
input[type='submit'] {
@extend .button,
.text-bold,
.text-uppercase,
.reversed,
.button-dark,
.bordered;
margin-left: auto;
margin-top: 3.2rem;
}
}

7
src/styles/base/header.scss
View File

@ -65,6 +65,7 @@
details {
margin-right: 2.5rem;
position: relative;
@include breakpoint(sm) {
margin-right: 0;
@ -82,7 +83,7 @@
}
}
details {
.sib-notifications__container {
position: relative;
.sib-notifications__button {
@ -169,7 +170,7 @@
width: 45%;
}
sib-display-value[name='firstName'] {
sib-display-value[name='first_name'] {
@include icon('arrow-down');
align-items: center;
display: flex;
@ -241,7 +242,7 @@
div {
sib-display-value[name='firstName'] {
sib-display-value[name='first_name'] {
@include icon('close');
&::before {

58
src/styles/base/main.scss
View File

@ -1,12 +1,3 @@
$breakpoints: (phone: 480px,
tablet: 768px,
desktop: 1024px) !default;
[hidden],
.hidden {
display: none !important;
}
* {
outline: none;
}
@ -95,6 +86,10 @@ nav {
display: contents;
}
[hidden],
.hidden {
display: none !important;
}
img {
max-height: 100%;
@ -121,12 +116,6 @@ h6 {
}*/
}
.h2-like {
display: block;
margin: 14.94px 0;
width: 100%;
}
h1, .h1-like {
color: $color-233-18-29;
font-size: 2rem;
@ -143,6 +132,12 @@ h2, .h2-like {
text-transform: uppercase;
}
.h2-like {
display: block;
margin: 14.94px 0;
width: 100%;
}
h3 {
color: $color-216-4-22;
font-size: 1.7rem;
@ -164,21 +159,6 @@ h5 {
padding: 3.2rem;
}
#admin-circle-create,
#admin-project-create {
input[type='submit'] {
@extend .button,
.text-bold,
.text-uppercase,
.reversed,
.button-dark,
.bordered;
margin-left: auto;
margin-top: 3.2rem;
}
}
.content-box {
@include window-style-modal();
display: flex;
@ -199,6 +179,7 @@ h5 {
}
}
/* Header inside circle, project view */
.content-box__header {
border-bottom: 1px solid $color-221-51-90;
padding: 3rem;
@ -257,6 +238,12 @@ h5 {
}
}
.content-box__info {
@extend %padding-block;
display: flex;
flex-direction: column;
}
.modal {
color: white;
margin: 75px;
@ -280,11 +267,6 @@ h5 {
}
}
.drive {
width: 100%;
border: 0;
}
.backlink {
@include icon('arrow-left-circle');
color: $color-233-18-29;
@ -297,6 +279,11 @@ h5 {
margin-right: 1rem;
text-decoration: none;
}
&.right {
display: block;
text-align: right;
}
}
.name {
@ -342,6 +329,7 @@ h5 {
@import 'table';
@import 'header';
@import 'menu-left';
@import 'user-thumb';
// Button global CSS
sib-delete,

89
src/styles/base/table.scss
View File

@ -6,17 +6,6 @@
#admin-project-list,
#admin-project-create {
.content-box__info {
@extend %padding-block;
display: flex;
flex-direction: column;
.backlink {
text-align: right;
display: block;
}
}
.table {
.table-header {
@ -85,83 +74,35 @@
padding-top: 2.5rem;
}
.cell-with-id-card>div,
/* for the table in circle-edit */
.cell-with-id-card>sib-display>div,
project-captain[name='user']>sib-display>div {
/* for the captain's cell in project-admin */
display: grid;
grid-column-gap: 1.6rem;
grid-template-columns: 7vh auto;
grid-template-rows: repeat(2, 5.2vh);
.user-thumb>div /* for the table in circle-edit and captain's cell in project-admin */ {
@extend %user-thumb__grid;
padding: 0 2.2rem;
>[name$='account.picture'] {
align-items: center;
align-self: center;
background-color: $color-213-20-91;
border-radius: 50%;
display: flex;
grid-column: 1 / span 1;
grid-row: 1 / span 2;
height: 7vh;
justify-content: center;
overflow: hidden;
position: relative;
width: 7vh;
img {
background-color: white;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
object {
height: 45%;
width: 45%;
}
>.user-thumb__picture {
@extend %user-thumb__picture;
}
>[name='sup'] {
align-self: end;
display: flex;
grid-column: 2 / span 1;
grid-row: 1 / span 1;
margin-bottom: 0.50rem;
@extend %user-thumb__grid-sup;
[name$='name'] {
color: #7A7F85;
font-weight: 600;
margin-right: 1rem;
.user-thumb__name {
@extend %user-thumb__name;
}
sib-multiple>div {
display: flex;
[name='groups'] {
@extend %tag-role;
}
.user-thumb__groups {
@extend %user-thumb__groups;
}
}
>[name='sub'] {
align-self: start;
grid-column: 2 / span 1;
grid-row: 2 / span 1;
margin-top: 0.50rem;
@extend %user-thumb__grid-inf;
>[name$='username']:not(:empty) {
align-items: center;
display: flex;
>.user-thumb__username:not(:empty) {
@extend %user-thumb__username;
}
&::before {
content: '@';
}
>.user-thumb__city:not(:empty) {
@extend %user-thumb__city;
}
}
}

108
src/styles/base/user-thumb.scss Normal file
View File

@ -0,0 +1,108 @@
%user-thumb__grid {
display: grid;
grid-column-gap: 1.6rem;
grid-template-columns: 7vh auto;
grid-template-rows: repeat(2, 5.2vh);
}
%user-thumb__grid-sup {
align-items: center;
align-self: end;
display: flex;
grid-column: 2 / span 1;
grid-row: 1 / span 1;
margin-bottom: 0.50rem;
}
%user-thumb__grid-inf {
align-self: start;
grid-column: 2 / span 1;
grid-row: 2 / span 1;
margin-top: 0.50rem;
}
%user-thumb__picture {
align-items: center;
align-self: center;
background-color: $color-213-20-91;
border-radius: 50%;
display: flex;
grid-column: 1 / span 1;
grid-row: 1 / span 2;
height: 7vh;
justify-content: center;
overflow: hidden;
position: relative;
width: 7vh;
img {
background-color: white;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
object {
height: 45%;
width: 45%;
}
}
%user-thumb__name {
color: #7A7F85;
font-weight: 600;
margin-right: 1rem;
}
%user-thumb__groups {
display: flex;
margin-bottom: 1px;
margin-left: 0.6rem;
[name='groups'],
[name='user.groups'] {
@extend %tag-role;
}
}
%user-thumb__admin {
@extend %tag-admin;
}
%user-thumb__username {
align-items: center;
display: flex;
&::before {
content: '@';
}
}
%user-thumb__city {
@include mdi('atom');
align-items: center;
display: flex;
margin-right: 1.6rem;
&::before {
color: $color-43-100-50;
margin-right: 0.50rem;
}
}
%user-thumb__lead {
@include icon('eyeglass');
align-items: center;
display: flex;
&::before {
color: $color-43-100-50;
font-size: 1.9rem;
font-weight: bold;
margin-left: 0;
margin-right: 0.50rem;
}
}

2
src/styles/components/_index.scss
View File

@ -1,5 +1,5 @@
@import 'chat';
@import 'comment.scss';
@import 'comment';
@import 'filters';
@import 'howto';
@import 'sidebar';

3
src/styles/components/howto.scss
View File

@ -12,6 +12,3 @@
flex-shrink: 0;
}
}

3
src/styles/components/tags.scss
View File

@ -15,6 +15,5 @@
font-size: 1.4rem;
font-weight: 400;
margin-left: 0.6rem;
margin-top: -2px;
padding: 0.3rem 0.98rem;
padding: 0.35rem 0.98rem;
}

2
src/styles/index.scss
View File

@ -18,7 +18,7 @@ div#viewport {
@import 'components/index';
@import 'layout/members/index';
@import 'layout/job-offers/index';
@import 'layout/project-profile/index';
@import 'layout/project/index';
@import 'layout/circle/index';
@import 'layout/user/index';
@import 'layout/events/index';

1
src/styles/layout/circle/_index.scss
View File

@ -1,3 +1,2 @@
@import 'circle';
@import 'circle-profile';
@import 'circle-admin';

72
src/styles/layout/circle/circle-profile.scss
View File

@ -8,62 +8,22 @@
.block {
/* peut-être à mettre dans main.scss */
circle-team-template>sib-display>div {
display: grid;
grid-column-gap: 1.6rem;
grid-template-columns: 7vh auto;
grid-template-rows: repeat(2, 5.2vh);
.user-thumb>div {
@extend %user-thumb__grid;
>[name='account.picture'] {
align-items: center;
align-self: center;
background-color: $color-213-20-91;
border-radius: 50%;
display: flex;
grid-column: 1 / span 1;
grid-row: 1 / span 2;
height: 7vh;
justify-content: center;
overflow: hidden;
position: relative;
width: 7vh;
img {
background-color: white;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
object {
height: 45%;
width: 45%;
}
>.user-thumb__picture {
@extend %user-thumb__picture;
}
>[name='sup'] {
align-items: center;
align-self: end;
display: flex;
grid-column: 2 / span 1;
grid-row: 1 / span 1;
margin-bottom: 0.50rem;
@extend %user-thumb__grid-sup;
.user-name {
font-weight: 600;
.user-thumb__name {
@extend %user-thumb__name;
}
.tag-group {
display: flex;
margin-bottom: 1px;
margin-left: 0.6rem;
[name='groups'] {
@extend %tag-role;
}
@extend %user-thumb__groups;
}
.tag-admin:not(:empty) {
@ -72,20 +32,10 @@
}
>[name='sub'] {
align-self: start;
grid-column: 2 / span 1;
grid-row: 2 / span 1;
margin-top: 0.50rem;
@extend %user-thumb__grid-inf;
>.city:not(:empty) {
@include mdi('atom');
align-items: center;
display: flex;
&::before {
color: $color-43-100-50;
margin-right: 0.50rem;
}
>.user-thumb__city:not(:empty) {
@extend %user-thumb__city;
}
}
}

191
src/styles/layout/circle/circle.scss
View File

@ -1,191 +0,0 @@
#circle-information,
#circle-edit,
#admin-circle-list,
#admin-circle-create,
#admin-project-list,
#admin-project-create {
.content-box__info {
@extend %padding-block;
display: flex;
flex-direction: column;
.backlink {
text-align: right;
display: block;
}
}
.table {
.table-header {
display: flex;
flex: 1;
font-size: 1.6rem;
font-weight: 600;
justify-content: space-around;
text-align: center;
&.grey-color {
background: $color-228-25-79;
color: white;
}
>* {
border-right: 1px solid white;
flex: 1;
padding: 2.1rem 0;
text-align: center;
}
>*:last-of-type {
border-right: 1px solid $color-228-25-79;
}
}
.table-body {
>div:first-of-type>sib-display>div,
team-template-edit[name='members'] {
display: flex;
border-left: 1px solid $color-228-25-79;
}
.border {
border-bottom: 1px solid $color-228-25-79;
border-right: 1px solid $color-228-25-79;
}
.cell {
text-align: center;
word-wrap: break-word;
}
.w25 {
width: 25%;
}
.w33 {
width: 33.3333%;
}
.w50 {
width: 50%;
}
.hashtag::before {
content: '#';
}
}
.cell-with-name {
color: $color-233-18-29;
font-weight: 600;
padding-top: 2.5rem;
}
.cell-with-id-card>div, /* for the table in circle-edit */
.cell-with-id-card>sib-display>div,
project-captain[name='user']>sib-display>div { /* for the captain's cell in project-admin */
display: grid;
grid-column-gap: 1.6rem;
grid-template-columns: 7vh auto;
grid-template-rows: repeat(2, 5.2vh);
padding: 0 2.2rem;
>[name$='account.picture'] {
align-items: center;
align-self: center;
background-color: $color-213-20-91;
border-radius: 50%;
display: flex;
grid-column: 1 / span 1;
grid-row: 1 / span 2;
height: 7vh;
justify-content: center;
overflow: hidden;
position: relative;
width: 7vh;
img {
background-color: white;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
object {
height: 45%;
width: 45%;
}
}
>[name='sup'] {
align-self: end;
display: flex;
grid-column: 2 / span 1;
grid-row: 1 / span 1;
margin-bottom: 0.50rem;
[name$='name'] {
color: #7A7F85;
font-weight: 600;
margin-right: 1rem;
}
sib-multiple>div {
display: flex;
[name='groups'] {
@extend %tag-role;
}
}
}
>[name='sub'] {
align-self: start;
grid-column: 2 / span 1;
grid-row: 2 / span 1;
margin-top: 0.50rem;
>[name$='username']:not(:empty) {
align-items: center;
display: flex;
&::before {
content: '@';
}
}
}
}
.cell-with-buttons {
align-items: center;
display: flex;
justify-content: center;
[name='button'] {
input[type='submit'] {
@extend .button,
.text-bold,
.text-uppercase,
.reversed,
.button-blue,
.bordered,
.btn-margin-left;
}
}
}
sib-ac-checker {
align-items: center;
display: flex;
justify-content: center;
}
}
}

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

@ -75,7 +75,7 @@ sib-job-board {
margin: 0.25em;
}
[name='author.firstName'] {
[name='author.first_name'] {
color: $color-0-0-29;
font-weight: 600;
}

177
src/styles/layout/project-profile/project-profile.scss
View File

@ -1,177 +0,0 @@
#project-profile {
.button-question__position {
position: relative;
bottom: 5px;
}
.button-question__color {
color: $color-216-4-22;
}
.customer-box {
display: flex;
margin: 1.6rem 0;
>* {
border: 1px solid $color-221-51-90;
flex: 0 1 50%;
padding: 1.7rem 2rem;
&:first-child {
li:last-child {
margin-top: 3rem;
p {
margin-top: 0.8rem;
}
}
}
&:last-child {
border-left: none;
li {
margin-bottom: 1.5rem;
}
}
}
}
.customer-logo {
box-sizing: border-box;
display: flex;
height: 8.5vh;
justify-content: flex-end;
margin-top: 20px;
text-align: end;
width: 15vw;
}
hd-captain>sib-display>div,
hd-project-team>sib-display>div { /* Maybe move it in main.scss. /!\ some fields are different */
display: grid;
grid-column-gap: 1.6rem;
grid-template-columns: 7vh auto;
grid-template-rows: repeat(2, 5.2vh);
>[name='user.account.picture'],
>[name='account.picture'] {
align-items: center;
align-self: center;
background-color: $color-213-20-91;
border-radius: 50%;
display: flex;
grid-column: 1 / span 1;
grid-row: 1 / span 2;
height: 7vh;
justify-content: center;
overflow: hidden;
position: relative;
width: 7vh;
img {
background-color: white;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
object {
height: 45%;
width: 45%;
}
}
>[name='sup'] {
align-self: end;
display: flex;
grid-column: 2 / span 1;
grid-row: 1 / span 1;
margin-bottom: 0.50rem;
.user-name {
font-weight: 600;
}
sib-multiple {
display: flex;
margin-left: 1rem;
[name='groups'],
[name='user.groups'] {
@extend %tag-role;
}
}
.tag-admin:not(:empty) {
@extend %tag-admin;
}
}
>[name='sub'] {
align-self: start;
grid-column: 2 / span 1;
grid-row: 2 / span 1;
margin-top: 0.50rem;
>[name$='profile.city']:not(:empty) {
@include mdi('atom');
align-items: center;
display: flex;
margin-right: 1.6rem;
&::before {
color: $color-43-100-50;
margin-right: 0.50rem;
}
}
>[name$='name']:not(:empty),
>[name='is_lead'] {
@include icon('eyeglass');
align-items: center;
display: flex;
&::before {
color: $color-43-100-50;
font-size: 1.9rem;
font-weight: bold;
margin-left: 0;
margin-right: 0.50rem;
}
}
}
}
ul {
list-style: none;
padding-left: 0;
li {
margin-bottom: 0.5em;
span::before {
color: $color-43-100-50;
font-size: 2.2rem;
margin: 0 1rem 0 0;
}
span {
font-weight: bold;
&.link-color {
color: $color-244-73-62;
}
&.norm-weight {
font-weight: normal;
}
}
}
}
}

8
src/styles/layout/project-profile/project.scss
View File

@ -1,8 +0,0 @@
#project-profile {
.content-box__info {
@extend %padding-block;
display: flex;
flex-direction: column;
}
}

1
src/styles/layout/project-profile/_index.scss → src/styles/layout/project/_index.scss
View File

@ -1,2 +1 @@
@import 'project';
@import 'project-profile';

115
src/styles/layout/project/project-profile.scss Normal file
View File

@ -0,0 +1,115 @@
#project-profile {
.button-question__position {
position: relative;
bottom: 5px;
}
.button-question__color {
color: $color-216-4-22;
}
.customer-box {
display: flex;
margin: 1.6rem 0;
>* {
border: 1px solid $color-221-51-90;
flex: 0 1 50%;
padding: 1.7rem 2rem;
&:first-child {
li:last-child {
margin-top: 3rem;
p {
margin-top: 0.8rem;
}
}
}
&:last-child {
border-left: none;
li {
margin-bottom: 1.5rem;
}
}
}
}
.customer-logo {
box-sizing: border-box;
display: flex;
height: 8.5vh;
justify-content: flex-end;
margin-top: 20px;
text-align: end;
width: 15vw;
}
.user-thumb>div {
/* Maybe move it in main.scss. /!\ some fields are different */
@extend %user-thumb__grid;
>.user-thumb__picture {
@extend %user-thumb__picture;
}
>[name='sup'] {
@extend %user-thumb__grid-sup;
.user-thumb__name {
@extend %user-thumb__name;
}
sib-multiple {
@extend %user-thumb__groups;
}
.tag-admin:not(:empty) {
@extend %tag-admin;
}
}
>[name='sub'] {
@extend %user-thumb__grid-inf;
>.user-thumb__city:not(:empty) {
@extend %user-thumb__city;
}
>.user-thumb__lead:not(:empty) {
@extend %user-thumb__lead;
}
}
}
ul {
list-style: none;
padding-left: 0;
li {
margin-bottom: 0.5em;
span::before {
color: $color-43-100-50;
font-size: 2.2rem;
margin: 0 1rem 0 0;
}
span {
font-weight: bold;
&.link-color {
color: $color-244-73-62;
}
&.norm-weight {
font-weight: normal;
}
}
}
}
}

8
src/templates/hd-captain.pug
View File

@ -2,12 +2,14 @@ include hd-user-avatar.pug
sib-widget(name='hd-captain')
template
sib-display(
sib-display.user-thumb(
data-src="${await value}"
fields='account.picture, sup(name), sub(profile.city, is_lead)'
class-name='user-name'
class-profile.city='city'
class-account.picture='user-thumb__picture'
class-name='user-thumb__name'
class-profile.city='user-thumb__city'
class-is_lead='user-thumb__lead'
widget-account.picture='hd-user-avatar'
widget-is_lead='hd-user-lead'

7
src/templates/hd-circle-team.pug
View File

@ -2,15 +2,16 @@ include hd-user-avatar.pug
sib-widget(name='circle-team-template')
template
sib-display(
sib-display.user-thumb(
data-src='${await value.user}'
fields='account.picture, sup(name, isadmin, groups), sub(profile.city)'
value-isadmin='${await value.is_admin}'
class-name='user-name'
class-account.picture='user-thumb__picture'
class-name='user-thumb__name'
class-isadmin='tag-admin'
class-groups='tag-group'
class-profile.city='city'
class-profile.city='user-thumb__city'
widget-account.picture='hd-user-avatar'
widget-isadmin='hd-circle-user-admin'

2
src/templates/hd-customer.pug
View File

@ -10,7 +10,7 @@ sib-widget(name='hd-customer')
div
h3 Contact:
ul
li #[span(class='mdi-account-outline') ${await value.firstName} ${await value.lastName ? await value.lastName : ""}]${await value.role ? `, ${await value.role}` : ""}
li #[span(class='mdi-account-outline') ${await value.first_name} ${await value.last_name ? await value.last_name : ""}]${await value.role ? `, ${await value.role}` : ""}
li
span(class='link-color norm-weight mdi-email-outline')
a(href='mailto:${await value.email}') ${await value.email}

9
src/templates/hd-project-team.pug
View File

@ -2,15 +2,18 @@ include hd-user-avatar.pug
sib-widget(name='hd-project-team')
template
sib-display(
sib-display.user-thumb(
data-src='${await value}'
fields='user.account.picture, sup(user.name, isadmin, user.groups), sub(user.profile.city, name)'
value-isadmin='${await value.is_admin}'
class-user.name='user-name'
class-user.account.picture='user-thumb__picture'
class-user.name='user-thumb__name'
class-isadmin='tag-admin'
class-user.groups='tag-group'
class-user.profile.city='city'
class-user.profile.city='user-thumb__city'
class-name='user-thumb__lead'
widget-user.account.picture='hd-user-avatar'
widget-isadmin='hd-project-user-admin'

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

@ -1,11 +1,9 @@
div.content-box__info
sib-link(class="backlink", next='admin-circle-list') Back
sib-link(class="backlink right", next='admin-circle-list') Back
h1.centered New circle
p.center Here you can create a new circle according to your interests, what you want to share, etc.
sib-form.block(
sib-form(
data-src=`${endpoints.circles || endpoints.post.circles}`
fields='name, description'

10
src/views/admin/page-admin-circles.pug
View File

@ -4,8 +4,8 @@
sib-route(name='admin-circle-create')
sib-route(name='circle-left')
div.content-box__header.with-description
h1.title-left.without-margin Administration
div.content-box__header
h1.without-margin Administration
#circle-left(hidden)
@ -17,10 +17,14 @@
sib-widget(name='circle-owner')
template
sib-display(
sib-display.user-thumb(
data-src='${await value}'
fields='account.picture, sup(name), sub(username)'
class-account.picture='user-thumb__picture'
class-name='user-thumb__name'
class-username='user-thumb__username'
widget-account.picture='hd-user-avatar'
)

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

@ -3,7 +3,7 @@ sib-widget(name='hd-template-project-title')
p ${value}
div.content-box__info
sib-link(class="backlink" next='admin-project-list') Back
sib-link(class="backlink right" next='admin-project-list') Back
sib-widget(name="admin-project-add-user")
template
@ -18,7 +18,7 @@ div.content-box__info
h1.centered New project
sib-form.block(
sib-form(
data-src=`${endpoints.projects || endpoints.post.projects}`
fields='line-1(customer, name), line-3(project.description), fieldset-fee, line-4(businessProvider.name, businessProvider.fee), fieldset-captain, line-10(captain)'

10
src/views/admin/page-admin-projects.pug
View File

@ -4,8 +4,8 @@
sib-route(name='admin-project-create')
sib-route(name='project-left')
div.content-box__header.with-description
h1.title-left.without-margin Administration
div.content-box__header
h1.without-margin Administration
#project-left(hidden)
include ../project/page-project-left.pug
@ -38,10 +38,14 @@
sib-widget(name='project-captain')
template
sib-display(
sib-display.user-thumb(
data-src='${await value}'
fields='account.picture, sup(name), sub(username)'
class-account.picture='user-thumb__picture'
class-name='user-thumb__name'
class-username='user-thumb__username'
widget-account.picture='hd-user-avatar'
)

2
src/views/admin/page-admin-users.pug
View File

@ -8,7 +8,7 @@
#admin-users-list(hidden)
div.content-box__info
sib-display.block(
sib-display(
data-src=`${endpoints.users || endpoints.get.users}`
fields="account.picture, name, username, email, groups"
multiple-groups=""

13
src/views/circle/page-circle-edit.pug
View File

@ -7,11 +7,16 @@ div.content-box__info
sib-widget(name='team-template-edit')
template
sib-display(
class='w50 cell border cell-with-id-card'
sib-display.user-thumb(
class='w50 cell border cell-with-id-card user-thumb'
data-src='${await value.user}'
fields='account.picture, sup(name, groups), sub(profile.city)'
class-account.picture='user-thumb__picture'
class-name='user-thumb__name'
class-groups='user-thumb__groups'
class-profile.city='user-thumb__city'
widget-account.picture='hd-user-avatar'
multiple-groups=''
@ -36,12 +41,12 @@ div.content-box__info
data-src="${value['@id']}"
)
sib-link(class="backlink", bind-resources, next='circle-profile') Back
sib-link(class="backlink right", bind-resources, next='circle-profile') Back
sib-ac-checker(permission='acl:Write', bind-resources)
h1 Edit your circle
sib-form.block.form-edit(
sib-form.form-edit(
bind-resources
fields='block-circle__info(name, owner), description'

17
src/views/job-offer/page-job-offer-create.pug
View File

@ -1,32 +1,19 @@
.content-box.with-padding.with-form
h1 Post a new job offer
p.center This form allows you to share an offer to all members of the network.
sib-widget(name='title-text')
template
p Be clear and specific with the name of your offer. You can indicate which skill is important, the start date or the name of the client. Ex: "Looking for a plumber for planet Mars ASAP".
sib-widget(name='description-text')
template
p Be specific and exhaustive to avoid answering too many questions later. Indicate what is the best way to fill the offer, the prerequisites...'
sib-form.block(
sib-form(
data-src=`${endpoints.joboffers || endpoints.post.joboffers}`
range-skills=`${endpoints.skills || endpoints.get.skills}`
fields='title, title-text, description, description-text, skills, closingDate'
fields='title, description, skills, closingDate'
class-title='field form-label is-light is-expanded'
label-title='Title*'
widget-title-text='title-text'
class-description='field form-label is-light is-expanded'
label-description='Description*'
widget-description='sib-form-textarea'
widget-description-text='description-text'
class-skills='form-label is-dark'
label-skills='The required skills for this mission:*'
multiple-skills='sib-multiple-select'

2
src/views/job-offer/page-job-offer-edit.pug
View File

@ -1,7 +1,7 @@
.content-box.with-padding.with-form
h1 Edit your job offer
sib-form.block(
sib-form(
bind-resources
range-skills=`${endpoints.skills || endpoints.get.skills}`

4
src/views/project/page-project-edit.pug
View File

@ -6,11 +6,11 @@ div.content-box__info
template
label ${label}
sib-link(class='backlink', bind-resources, next='project-profile') Back
sib-link(class='backlink right', bind-resources, next='project-profile') Back
h1 Edit your project
sib-form.block.form-edit(
sib-form.form-edit(
bind-resources
fields='fieldset-info, block-project__info(customer, name, description), fieldset-fee, block-project__fee(businessProvider, businessProviderFee)'

2
src/views/project/page-project-profile.pug
View File

@ -55,7 +55,7 @@ sib-router(default-route='project-profile', hidden)
h2 Customer informations:
sib-display.block(
sib-display(
bind-resources
fields='customer'