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

Merge branch 'feature/fix-from-rework-css' of git.startinblox.com:applications/hubl into release/0.10

This commit is contained in:
Jean-Baptiste Pasquier 2020-06-18 17:04:16 +02:00
parent 8189c7fbcc c810863500
commit 772c65dfe1
No known key found for this signature in database
GPG Key ID: F2702E6D22ED4D62
8 changed files with 194 additions and 153 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,8 +18,23 @@
.reversed, .reversed,
.button-secondary, .button-secondary,
.bordered; .bordered;
margin-left: auto; height: auto;
margin-top: 3.2rem; position: fixed;
bottom: 1em;
left: 10%;
white-space: normal;
width: 80%;
z-index: 1;
@include breakpoint(lg) {
height: 3rem;
left: 0;
margin: 0;
margin-left: auto;
margin-top: 109px;
position: relative;
width: auto;
}
} }
.form-label { .form-label {
@ -78,6 +93,7 @@
textarea { textarea {
height: 100px; height: 100px;
resize: vertical;
} }
.content-box { .content-box {
@ -224,30 +240,49 @@ sib-form-date {
} }
sib-form-file { sib-form-file {
label { div {
align-items: baseline;
clear: both;
display: flex; display: flex;
flex-direction: row; flex-direction: column-reverse;
flex-wrap: wrap; align-items: center;
max-width: 100%; margin-top: 1.8rem;
div { @include breakpoint(lg) {
width: 100%; flex-direction: row-reverse;
justify-content: flex-end;
} }
input[type='text'] {
box-sizing: border-box;
flex: 0 0 50%;
}
input[type='file'] { input[type='file'] {
box-sizing: border-box; height: 0.1px;
flex: 0 0 20%; opacity: 0;
color: var(--color-input-text); overflow: hidden;
cursor: pointer; position: absolute;
padding-left: 3rem; width: 0.1px;
z-index: -1;
}
input[type='text'] {
margin-bottom: 0.8rem;
width: 100%;
@include breakpoint(lg) {
width: auto;
}
}
label {
@extend .button,
.text-bold,
.text-uppercase,
.button-primary,
.bordered;
text-align: center;
width: 100%;
@include breakpoint(lg) {
margin: auto 2.2rem;
width: auto;
}
} }
} }
} }

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

@ -4,6 +4,11 @@
overflow: auto; overflow: auto;
position: relative; position: relative;
width: 100%; width: 100%;
margin-bottom: 6rem;
@include breakpoint(lg) {
margin-bottom: 0;
}
.table { .table {
border-collapse: collapse; border-collapse: collapse;
@ -71,7 +76,6 @@
/* Styles of the table and its elements */ /* Styles of the table and its elements */
.table { .table {
border-bottom: 1px solid var(--color-table-border);
border-left: 1px solid var(--color-table-border); border-left: 1px solid var(--color-table-border);
border-right: 1px solid var(--color-table-border); border-right: 1px solid var(--color-table-border);
} }
@ -113,20 +117,16 @@
width: 280px; width: 280px;
} }
.w230 {
width: 230px;
}
.w70 { .w70 {
width: 70px; width: 70px;
} }
.w262 { .w162 {
width: 262px; width: 162px;
}
.W152 {
width: 152px;
}
.w355 {
width: 355px;
} }
.hashtag::before { .hashtag::before {
@ -209,8 +209,9 @@
.circle-leave { .circle-leave {
position: relative; position: relative;
width: 40%; width: 164px;
min-width: 40%; margin: 0 auto;
min-width: 164px;
&>button { &>button {
height: 29px; height: 29px;

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

@ -12,26 +12,23 @@ div.content-box__info.flex
naked naked
) )
h1 Créer un nouveau projet h1.centered Créer un nouveau projet
sib-form.form.button-register( sib-form.form.button-register(
data-src=`${endpoints.projects || endpoints.post.projects}` data-src=`${endpoints.projects || endpoints.post.projects}`
fields='status, line-1(customer.name, name), description, line-10(captain)' fields='status, line-1(customer.name, name), description, line-10(captain), logo'
label-status='Statut du canal*' label-status='Statut du canal*'
widget-status='hubl-status' widget-status='hubl-status'
class-status='form-label is-light is-full-width member-select color' class-status='form-label is-light is-full-width'
label-description='Description du projet' label-description='Description du projet'
class-description='form-label is-light is-full-width' class-description='form-label is-light is-full-width input-text-like'
widget-description='sib-form-textarea' widget-description='sib-form-textarea'
class-fieldset-captain='fieldset'
widget-fieldset-captain='hubl-template-project-title'
label-customer.name='Nom du client*' label-customer.name='Nom du client*'
class-customer.name='form-label is-light is-half-width' class-customer.name='form-label is-light is-half-width input-text-like'
label-name='Nom du projet*' label-name='Nom du projet*'
class-name='form-label is-light is-half-width input-text-like' class-name='form-label is-light is-half-width input-text-like'
@ -41,6 +38,12 @@ div.content-box__info.flex
class-captain='form-label is-light is-half-width' class-captain='form-label is-light is-half-width'
widget-captain='sib-form-auto-completion' widget-captain='sib-form-auto-completion'
class='input-text-like'
widget-logo="sib-form-file"
label-logo="Télécharger un logo"
class-logo='select-add'
upload-url-logo=`${endpoints.uploads || endpoints.post.uploads}`
next='project-picture' next='project-picture'
submit-button='Enregistrer et ajouter des membres' submit-button='Enregistrer et ajouter des membres'

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

@ -22,106 +22,107 @@
next='admin-project-create' next='admin-project-create'
) Créer un nouveau projet ) Créer un nouveau projet
.table .table-wrapper
div.table-header.grey-color .table
div.w25 Nom div.table-header.grey-color
div.w25 Administrateurs div.w280 Nom
div.w25 Capitaines div.w280 Administrateurs
div.w25 Rejoindre div.w280 Capitaines
div.w230 Rejoindre
sib-widget(name="hubl-admin-project-leave-button") sib-widget(name="hubl-admin-project-leave-button")
template template
sib-delete( sib-delete(
class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close' class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
data-src="${src}" data-src="${src}"
data-label='Quitter' data-label='Quitter'
) )
sib-widget(name='hubl-project-captain') sib-widget(name='hubl-project-captain')
template template
sib-display.user-thumb( sib-display.user-thumb.is-spaced(
data-src='${await value}' data-src='${await value}'
fields='account.picture, sup(name), sub(username)' fields='account.picture, sup(name), sub(username)'
class-account.picture='user-thumb__picture' class-account.picture='user-thumb__picture'
class-name='user-thumb__name' class-name='user-thumb__name'
class-username='user-thumb__username' class-username='user-thumb__username'
widget-account.picture='hubl-user-avatar' widget-account.picture='hubl-user-avatar'
) )
sib-widget(name='hubl-project-admins') sib-widget(name='hubl-project-admins')
template template
sib-display( sib-display.user-thumb.is-spaced(
data-src='${value}' data-src='${value}'
fields='user' fields='user'
search-fields='is_admin' search-fields='is_admin'
search-value-is_admin='true' search-value-is_admin='true'
search-widget-is_admin='sib-form-hidden' search-widget-is_admin='sib-form-hidden'
widget-user='hubl-project-captain' widget-user='hubl-project-captain'
) )
sib-widget(name='hubl-admin-project-leave-button') sib-widget(name='hubl-admin-project-leave-button')
template template
sib-delete( sib-delete(
class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close' class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
data-src="${src}" data-src="${src}"
data-label='Quitter' data-label='Quitter'
) )
sib-display( sib-display(
class='table-body' class='table-body'
bind-user bind-user
nested-field="projects" nested-field="projects"
fields='project.name, project.members, project.captain, leaveButton' fields='project.name, project.members, project.captain, leaveButton'
class-project.name='w25 cell border cell-with-name' class-project.name='w280 cell border cell-with-name'
class-project.members='w25 cell border' class-project.members='w280 cell border'
class-project.captain='w25 cell border cell-with-id-card' class-project.captain='w280 cell border cell-with-id-card'
class-leaveButton='w25 cell border cell-with-buttons' class-leaveButton='w230 cell border cell-with-buttons'
action-leaveButton="joinButton" action-leaveButton="joinButton"
widget-leaveButton="hubl-admin-project-leave-button" widget-leaveButton="hubl-admin-project-leave-button"
widget-project.captain='hubl-project-captain' widget-project.captain='hubl-project-captain'
widget-project.members='hubl-project-admins' widget-project.members='hubl-project-admins'
order-by="project.name" order-by="project.name"
) )
sib-widget(name='hubl-admin-project-join-button') sib-widget(name='hubl-admin-project-join-button')
template template
sib-form.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex( sib-form.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex(
data-src='${src}' data-src='${src}'
nested-field="members" nested-field="members"
fields='user.username' fields='user.username'
value-user.username='hubl-workaround-493' value-user.username='hubl-workaround-493'
widget-user.username='sib-form-hidden' widget-user.username='sib-form-hidden'
submit-button='Rejoindre' submit-button='Rejoindre'
) )
sib-display( sib-display(
class='table-body' class='table-body'
data-src=`${endpoints.projects || endpoints.get.projects}joinable/` data-src=`${endpoints.projects || endpoints.get.projects}joinable/`
fields='name, members, captain, joinButton' fields='name, members, captain, joinButton'
class-name='w25 cell border cell-with-name' class-name='w280 cell border cell-with-name'
class-members='w25 cell border' class-members='w280 cell border'
class-captain='w25 cell border cell-with-id-card' class-captain='w280 cell border cell-with-id-card'
class-joinButton='w25 cell border cell-with-buttons' class-joinButton='w230 cell border cell-with-buttons'
action-joinButton="joinButton" # Workaround: I need members two times action-joinButton="joinButton" # Workaround: I need members two times
widget-joinButton="hubl-admin-project-join-button" widget-joinButton="hubl-admin-project-join-button"
widget-captain='hubl-project-captain' widget-captain='hubl-project-captain'
widget-members='hubl-project-admins' widget-members='hubl-project-admins'
order-by="name" order-by="name"
) )
#admin-project-create(hidden) #admin-project-create(hidden)
include page-admin-projects-create.pug include page-admin-projects-create.pug

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

@ -8,7 +8,7 @@ div.content-box__info
sib-widget(name='hubl-team-template-edit') sib-widget(name='hubl-team-template-edit')
template template
sib-display.user-thumb.is-spaced( sib-display.user-thumb.is-spaced(
class='w355 cell border cell-with-id-card user-thumb' class='w280 cell border cell-with-id-card user-thumb'
data-src='${await value.user}' data-src='${await value.user}'
fields='account.picture, sup(name, groups), sub(profile.city)' fields='account.picture, sup(name, groups), sub(profile.city)'
@ -24,7 +24,7 @@ div.content-box__info
) )
sib-ac-checker( sib-ac-checker(
class='W152 cell border' class='w162 cell border'
permission="acl:Delete" permission="acl:Delete"
data-src="${value['@id']}" data-src="${value['@id']}"
) )
@ -36,7 +36,7 @@ div.content-box__info
//- Only to show the table grid //- Only to show the table grid
sib-ac-checker( sib-ac-checker(
class='W152 cell border' class='w162 cell border'
no-permission="acl:Delete" no-permission="acl:Delete"
data-src="${value['@id']}" data-src="${value['@id']}"
) )
@ -72,7 +72,7 @@ div.content-box__info
next='circle-information' next='circle-information'
) )
h2 Liste des membres: h2 Liste des membres :
sib-ac-checker(permission='acl:Append', bind-resources, nested-field='members') sib-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
sib-form.block.select-add( sib-form.block.select-add(
@ -91,8 +91,8 @@ div.content-box__info
.table-wrapper .table-wrapper
.table .table
div.table-header.grey-color div.table-header.grey-color
div.w355 Nom div.w280 Nom
div.W152 Accès div.w162 Accès
//-class='table-body' //-class='table-body'
sib-display( sib-display(

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

@ -4,7 +4,8 @@ sib-router(default-route='circle-profile', hidden)
#circle-profile(hidden) #circle-profile(hidden)
include ../../templates/hubl-circle-team.pug include ../../templates/hubl-circle-team.pug
.content-box__info
.content-box__info.flex
.flex.space-between.with-padding.mobile-vertical-align .flex.space-between.with-padding.mobile-vertical-align
sib-display.mobile-margin__bottom( sib-display.mobile-margin__bottom(

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

@ -9,20 +9,20 @@ div.content-box__info
sib-form.form.button-register( sib-form.form.button-register(
bind-resources bind-resources
fields='status, block-project__info(customer.name, name), description' fields='status, line-1(customer.name, name), description'
label-status='Statut du canal*' label-status='Statut du canal*'
widget-status='hubl-status' widget-status='hubl-status'
class-status='form-label is-light is-full-width member-select color' class-status='form-label is-light is-full-width member-select color'
label-name='Nom du projet*' label-name='Nom du projet*'
class-name='form-label is-light is-half-width' class-name='form-label is-light is-half-width input-text-like'
label-customer.name='Nom du client*' label-customer.name='Nom du client*'
class-customer.name='form-label is-light is-half-width' class-customer.name='form-label is-light is-half-width input-text-like'
label-description='Description du projet' label-description='Description du projet'
class-description='form-label is-light is-full-width' class-description='form-label is-light is-full-width input-text-like'
widget-description='sib-form-textarea' widget-description='sib-form-textarea'
partial="" partial=""
@ -43,7 +43,7 @@ div.content-box__info
h2 Liste des membres : h2 Liste des membres :
sib-form.block.select-add.button-add( sib-form.block.select-add(
bind-resources bind-resources
nested-field='members' nested-field='members'
fields='user' fields='user'
@ -56,18 +56,18 @@ div.content-box__info
submit-button='Ajouter un membre' submit-button='Ajouter un membre'
) )
.table .table-wrapper
.table
div.table-header.grey-color
div.w280 Nom
div.w162 Accès
div.table-header.grey-color //-class='table-body'
div.w66 Nom sib-display(
div.w33 Accès class='table-body'
bind-resources
fields='members'
//-class='table-body' multiple-members=''
sib-display( widget-members='hubl-team-template-edit'
class='table-body' )
bind-resources
fields='members'
multiple-members=''
widget-members='hubl-team-template-edit'
)

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

@ -21,10 +21,10 @@ sib-router(default-route='project-profile', hidden)
widget-creationDate='sib-display-date' widget-creationDate='sib-display-date'
) )
sib-ac-checker(permission='acl:Append', bind-resources, nested-field='members') sib-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
sib-link(class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources) Modifier et ajouter un membre sib-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources) Modifier et ajouter un membre
sib-display( sib-display(
class='position-end' class='flex desktop-button__end'
bind-resources bind-resources
nested-field='members' nested-field='members'
fields='relation' fields='relation'
@ -39,7 +39,7 @@ sib-router(default-route='project-profile', hidden)
hubl-inherit-user-id="search-value-user" hubl-inherit-user-id="search-value-user"
) )
.space-between .flex.space-between
sib-display( sib-display(
bind-resources bind-resources
fields='label-captain, captain' fields='label-captain, captain'
@ -58,12 +58,12 @@ sib-router(default-route='project-profile', hidden)
h2 Equipe : h2 Equipe :
sib-display( sib-display.block(
bind-resources bind-resources
fields='members' fields='members'
widget-members='hubl-project-team'
multiple-members multiple-members
widget-members='hubl-project-team'
) )