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

feature: mobile - classes added

Browse Source
This commit is contained in:
gaelle morin
2021-01-19 19:59:24 +01:00
parent ba9fe94ca7
commit f2f33073fc
28 changed files with 205 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,10 +1,7 @@
div.segment.lg-full.padding-large.border-bottom.border-color-grey
div.segment.lg-half
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
div.segment.lg-half.text-right
solid-link(class="backlink", next='admin-circle-list' data-trans='circle.create.backlink')
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
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.create.title')
div.segment.lg-full.padding-large.whitespace-normal
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div#loader-circles-create.loader.loader-top
div
div
@ -20,10 +17,10 @@ div.segment.lg-full.padding-large.whitespace-normal
required-description
loader-id='loader-circles-create'
class-status='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading whitespace-normal'
class-linebreak='segment lg-half'
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 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'
label-status=''
label-name=''

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

@ -28,13 +28,10 @@ solid-router(default-route='admin-circle-list', hidden)
value-at='@'
)
div.segment.lg-full.padding-large.border-bottom.border-color-grey
div
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
div.segment.lg-hidden
button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='circle.list.buttonMobile')
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
h2.lg-margin-none.sm-margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='circle.list.title')
div.segment.lg-full.padding-large.whitespace-normal
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-normal.whitespace-normal
div#loader-admin-circles.loader.loader-top
div
@ -42,13 +39,13 @@ solid-router(default-route='admin-circle-list', hidden)
div
div
div.segment.lg-full.margin-bottom-xlarge
div.segment.lg-half
div.segment.lg-full.sm-full.margin-bottom-xlarge.whitespace-normal
div.segment.lg-half.sm-full
h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='circle.list.subTitle')
div.segment.lg-half.text-right
div.segment.lg-half.sm-full.text-right
solid-ac-checker(data-src=`${endpoints.circles || (endpoints.post && endpoints.post.circles)}`, permission='acl:Append')
solid-link(
class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-plus'
class='segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-plus'
next='admin-circle-create'
data-trans='circle.list.buttonCreate'
)

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

@ -15,13 +15,10 @@ 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.padding-large.border-bottom.border-color-grey
div
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
div.segment.lg-hidden
button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='communities.menuMobile')
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
h2.lg-margin-none.sm-margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
div.segment.lg-full.padding-large.whitespace-normal
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div.segment.lg-full.margin-bottom-xlarge
h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='communities.subTitle')

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

@ -1,17 +1,14 @@
div.segment.lg-full.padding-large.border-bottom.border-color-grey
div.segment.lg-half
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title')
div.segment.lg-half.text-right
solid-link(class="backlink", next='admin-project-list' data-trans='project.create.backlink')
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
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.create.title')
div.segment.lg-full.padding-large
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div#loader-projects-create.loader.loader-top
div
div
div
div
solid-form.segment.lg-full.whitespace-normal.form(
solid-form.form(
data-src=`${endpoints.projects || endpoints.post.projects}`
fields='status, customer.name, name, description, captain, linebreak'
@ -29,11 +26,11 @@ div.segment.lg-full.padding-large
label-description='Description'
label-captain=''
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-linebreak='segment lg-full'
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-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'

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

@ -8,21 +8,18 @@ solid-router(default-route='admin-project-list', hidden)
#admin-project-list(hidden, data-view="admin-project-list")
div.segment.lg-full.padding-large.border-bottom.border-color-grey
div
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.list.title')
div.segment.lg-hidden
button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.list.buttonMobile')
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
h2.lg-margin-none.sm-margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='project.list.title')
div.segment.lg-full.padding-large.whitespace-normal
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div.segment.lg-full.margin-bottom-xlarge
div.segment.lg-half
div.segment.lg-full.sm-full.margin-bottom-xlarge.whitespace-normal
div.segment.lg-half.sm-full
h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='project.list.subTitle')
div.segment.lg-half.text-right
div.segment.lg-half.sm-full.text-right
solid-ac-checker(data-src=`${endpoints.projects || (endpoints.post && endpoints.post.projects)}`, permission='acl:Append')
solid-link(
class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-plus'
class='segment sm-full button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered icon icon-plus'
next='admin-project-create'
data-trans='project.list.buttonCreate'
)

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

@ -1,11 +1,8 @@
div.segment.lg-full.padding-large.border-bottom.border-color-grey
div.segment.lg-half
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
div.segment.lg-half.text-right
solid-link(class="backlink", next='admin-communities-list' data-trans='user.create.backlink')
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
h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
div.segment.lg-full.padding-large.whitespace-normal
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal
div#loader-users-title.loader.loader
div
div
@ -25,13 +22,13 @@ div.segment.lg-full.padding-large.whitespace-normal
solid-widget(name='hubl-email-field')
template
div.segment.margin-bottom-medium.lg-half.padding-left-small.text-small.text-semibold.text-uppercase.text-color-heading
div.segment.margin-bottom-medium.lg-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)
div.segment.margin-bottom-medium.clearfix
div.segment.float-left
h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='user.create.title', loader-id='loader-users-title')
div.segment.margin-bottom-medium
div.segment
p.text-color-heading.text-semibold.text-xlarge.text-letter-spacing-large(data-trans='user.create.title', loader-id='loader-users-title')
solid-form.form#selected-community(
bind-resources
@ -44,9 +41,9 @@ div.segment.lg-full.padding-large.whitespace-normal
required-user.email
loader-id='loader-users-create'
class-user.first_name='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading'
class-user.last_name='segment margin-bottom-medium lg-half padding-left-small text-small text-semibold text-uppercase text-color-heading'
class-user.username='segment margin-bottom-medium lg-half padding-right-small text-small text-semibold text-uppercase text-color-heading'
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'
label-user.first_name=''
label-user.last_name=''

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

@ -1,4 +1,4 @@
div.segment.lg-full.padding-large.border-bottom.border-color-grey
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'
@ -9,7 +9,7 @@ div.segment.lg-full.padding-large.border-bottom.border-color-grey
class-dash='text-color-heading text-bold'
)
.chat-view.segment.lg-full.whitespace-normal
.chat-view.segment.lg-full.sm-full.whitespace-normal
solid-xmpp-chat(
data-authentication='login',
data-auto-login='true',

25
src/views/partials/circle/page-circle-profile.pug
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.padding-large.border-bottom.border-color-grey
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'
@ -14,14 +14,12 @@ solid-router(default-route='circle-profile', hidden)
class-name='text-color-heading text-bold'
class-dash='text-color-heading text-bold'
)
div.segment.lg-hidden
button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='circle.menuRight.buttonMobile')
solid-widget(name='hubl-circle-team-contact')
template
solid-link.icon.icon-secondary.hover.icon-speech.margin-left-xsmall(data-src='\${value}', next='messages')
div.segment.lg-full.padding-large
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
div#loader-circle-profile.loader
div
div
@ -29,7 +27,7 @@ solid-router(default-route='circle-profile', hidden)
div
div.whitespace-normal
solid-display.segment.lg-half(
solid-display.segment.lg-half.sm-full.sm-margin-bottom-medium(
bind-resources
fields='creationDateSet(title, creationDate)'
loader-id='loader-circle-profile'
@ -39,15 +37,16 @@ solid-router(default-route='circle-profile', hidden)
widget-creationDate='solid-display-value-date'
)
solid-ac-checker.segment.lg-half.text-right.margin-bottom-large(permission='acl:Append', bind-resources, nested-field='members')
solid-ac-checker(permission='acl:Delete', bind-resources)
solid-link(class='button text-xsmall text-bold text-uppercase 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='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-pencil' next='circle-edit' bind-resources data-trans='circle.profile.buttonAdd')
solid-ac-checker.segment.lg-full.text-right.margin-bottom-large(permission='acl:Delete', bind-resources)
solid-ac-checker.segment.lg-half.sm-full.text-right.margin-bottom-large(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-delete(
class='button text-xsmall text-bold text-uppercase color-secondary bordered'
class='segment sm-full button text-xsmall text-bold text-uppercase text-uppercase text-center color-secondary bordered'
bind-resources
data-label=''
data-trans='data-label=circle.profile.buttonDelete'
@ -99,7 +98,7 @@ solid-router(default-route='circle-profile', hidden)
solid-widget(name='hubl-circle-user-admin')
template ${value ? "Administrateur" : ""}
solid-display.segment.lg-full.labelled-avatar.two-lines.whitespace-normal.children.lg-children-full.children-margin-bottom-medium(
solid-display.segment.lg-full.sm-full.labelled-avatar.two-lines.whitespace-normal.children.lg-children-full.sm-children-full.children-margin-bottom-medium(
bind-resources
nested-field='members'
loader-id='loader-circle-profile'

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

@ -9,7 +9,7 @@ div
span.tag.reversed.text-semibold(data-trans='header.beta')
div
solid-notifications.segment.notLoggedIn(
solid-notifications.segment.sm-margin-right-xlarge.notLoggedIn(
nested-field="inbox"
bind-user
)

4
src/views/partials/project/page-project-chat.pug
View File

@ -1,4 +1,4 @@
div.segment.lg-full.padding-large.border-bottom.border-color-grey
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='const-title1, number, customer.name, dash, name'
@ -13,7 +13,7 @@ div.segment.lg-full.padding-large.border-bottom.border-color-grey
value-dash=' - '
)
.chat-view.segment.lg-full.whitespace-normal
.chat-view.segment.lg-full.sm-full.whitespace-normal
solid-xmpp-chat(
data-authentication='login',
data-auto-login='true',

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

@ -4,7 +4,7 @@ solid-router(default-route='project-profile', hidden)
#project-profile(hidden, data-view="project-profile")
solid-ac-checker.block(permission='acl:Read', bind-resources)
div.segment.lg-full.padding-large.border-bottom.border-color-grey
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='const-title1, number, customer.name, dash, name'
@ -18,14 +18,12 @@ solid-router(default-route='project-profile', hidden)
value-const-title1='N°'
value-dash=' - '
)
div.segment.lg-hidden
button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.menuRight.buttonMobile')
solid-widget(name='hubl-project-team-contact')
template
solid-link.icon.icon-secondary.hover.icon-speech.margin-left-xsmall(data-src='\${value}', next='messages')
div.segment.lg-full.padding-large
div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
div#loader-project-profile.loader
div
div
@ -33,7 +31,7 @@ solid-router(default-route='project-profile', hidden)
div
div.whitespace-normal
solid-display.segment.lg-half(
solid-display.segment.lg-half.sm-full.sm-margin-bottom-medium(
bind-resources
fields='creationDateSet(title, creationDate)'
loader-id='loader-project-profile'
@ -46,15 +44,15 @@ solid-router(default-route='project-profile', hidden)
widget-creationDate='solid-display-value-date'
)
solid-ac-checker.segment.lg-half.text-right.margin-bottom-large(permission='acl:Append', bind-resources, nested-field='members')
solid-ac-checker.segment.lg-half.sm-full.text-right(permission='acl:Append', bind-resources, nested-field='members')
solid-ac-checker(permission='acl:Delete', bind-resources)
solid-link(class='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-pencil' next='project-edit' bind-resources data-trans='project.profile.buttonModify')
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='button text-xsmall text-bold text-uppercase reversed color-secondary bordered icon icon-pencil' next='project-edit' bind-resources data-trans='project.profile.buttonAdd')
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.text-right.margin-bottom-large(permission='acl:Delete', bind-resources)
solid-ac-checker.segment.lg-full.sm-full.text-right.margin-bottom-large.sm-margin-bottom-medium(permission='acl:Delete', bind-resources)
solid-delete(
class='button text-xsmall text-bold text-uppercase color-secondary bordered'
class='segment sm-full button text-xsmall text-bold text-uppercase text-center color-secondary bordered'
bind-resources
data-label=''
data-trans='data-label=project.profile.buttonDelete'
@ -97,7 +95,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.labelled-avatar.two-lines.whitespace-normal.children.lg-children-full.children-margin-bottom-medium(
solid-display.segment.lg-full.sm-full.labelled-avatar.two-lines.whitespace-normal.children.lg-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))'