170 lines
7.5 KiB
Plaintext
170 lines
7.5 KiB
Plaintext
solid-router(default-route=`${component.route}-profile`, hidden)
|
|
solid-route(name=`${component.route}-profile`)
|
|
solid-route(name=`${component.route}-edit`)
|
|
|
|
div(
|
|
id=`${component.route}-profile`
|
|
hidden
|
|
data-view=`${component.route}-profile`
|
|
)
|
|
solid-ac-checker.segment.block(permission='acl:Read', bind-resources)
|
|
div.segment.full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
|
|
div.segment.full.sm-three-quarter.whitespace-normal
|
|
solid-display.text-xlarge.text-letter-spacing-large(
|
|
bind-resources
|
|
fields='const-title1, number, customer.name, dash, name'
|
|
|
|
class-const-title1='text-color-heading text-bold text-uppercase'
|
|
class-number='text-color-heading text-bold text-uppercase word-spacing-right'
|
|
class-customer.name='text-color-heading text-bold text-uppercase'
|
|
class-dash='text-color-heading text-bold text-xlarge'
|
|
class-name=''
|
|
|
|
value-const-title1='N°'
|
|
value-dash=' - '
|
|
)
|
|
div.segment.lg-hidden.sm-quarter.text-right
|
|
div.jsMobileRightMenuButton.icon.icon-options-vertical.icon-heading
|
|
|
|
div.segment.full.padding-large.sm-padding-xsmall.sm-padding-top-xlarge
|
|
div.loader(id=`loader-${component.route}-profile`)
|
|
div
|
|
div
|
|
div
|
|
div
|
|
|
|
div.whitespace-normal
|
|
solid-display.segment.half.sm-full.sm-margin-bottom-medium(
|
|
bind-resources
|
|
fields='creationDateSet(title, creationDate)'
|
|
loader-id=`loader-${component.route}-profile`
|
|
|
|
class-title='word-spacing-right'
|
|
|
|
value-title=''
|
|
data-trans='value-title=project.profile.creationDate'
|
|
|
|
widget-creationDate='solid-display-value-date'
|
|
)
|
|
|
|
solid-ac-checker.segment.half.sm-full.text-right(permission='acl:Append', bind-resources, nested-field='members')
|
|
solid-ac-checker(permission='acl:Delete', bind-resources)
|
|
solid-link(class='segment sm-full margin-bottom-large sm-margin-bottom-medium button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered button-icon icon icon-pencil icon-margin-right-xsmall' next=`${component.route}-edit` bind-resources data-trans='project.profile.buttonModify')
|
|
solid-ac-checker(no-permission='acl:Delete', bind-resources)
|
|
solid-link(class='segment sm-full margin-bottom-large sm-margin-bottom-medium button text-xsmall text-bold text-uppercase text-center reversed color-secondary bordered button-icon icon icon-pencil icon-margin-right-xsmall' next=`${component.route}-edit` bind-resources data-trans='project.profile.buttonAdd')
|
|
|
|
solid-ac-checker.segment.full.text-right.margin-bottom-large.sm-margin-bottom-medium(permission='acl:Delete', bind-resources)
|
|
solid-delete(
|
|
class='segment sm-full children-link-button text-xsmall text-center children-link-text-bold children-link-text-uppercase children-link-color-secondary bordered'
|
|
bind-resources
|
|
data-label=''
|
|
data-trans='data-label=project.profile.buttonDelete'
|
|
next=`admin-${component.route}`
|
|
)
|
|
|
|
solid-widget(name=`orbit-project-leave-button-${component.uniq}`)
|
|
template
|
|
solid-delete(
|
|
class='segment text-xsmall children-link-text-bold children-link-text-uppercase children-link-button children-link-color-secondary bordered'
|
|
data-src="${src}"
|
|
data-label=''
|
|
data-trans='data-label=project.profile.buttonQuit'
|
|
next=`${component.route}-left`
|
|
)
|
|
|
|
solid-ac-checker.segment.full.text-right.margin-bottom-large.sm-margin-bottom-medium(no-permission='acl:Delete', bind-resources)
|
|
solid-display(
|
|
bind-resources
|
|
nested-field='members'
|
|
fields='relation'
|
|
|
|
action-relation='relation'
|
|
widget-relation=`orbit-project-leave-button-${component.uniq}`
|
|
|
|
search-fields='user'
|
|
search-widget-user='solid-form-hidden'
|
|
search-value-user="store://user.@id"
|
|
)
|
|
|
|
h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.profile.captain')
|
|
|
|
solid-display(
|
|
bind-resources
|
|
fields='captain'
|
|
widget-captain='orbit-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'
|
|
)
|
|
|
|
if componentSet.has('invoices') && getRoute('invoices')
|
|
h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.profile.clientInformations')
|
|
|
|
solid-display.segment.full.labelled-avatar.two-lines.whitespace-normal.children.children-full.sm-children-full.margin-bottom-medium(
|
|
bind-resources
|
|
fields='customerName(titlecustomername, customer.name), customerAddress(titlecustomeraddress, customer.address, customer.postcode, customer.city, customer.country)'
|
|
|
|
value-titlecustomername=''
|
|
value-titlecustomeraddress=''
|
|
|
|
class-customerName="segment block"
|
|
class-customerAddress="segment block margin-top-small margin-bottom-medium whitespace-normal"
|
|
class-titlecustomername="text-semibold text-color-heading margin-right-xxsmall"
|
|
class-titlecustomeraddress="text-semibold text-color-heading margin-right-xxsmall"
|
|
class-customer.postcode="margin-left-xxsmall"
|
|
class-customer.city="margin-left-xxsmall"
|
|
class-customer.country="margin-left-xxsmall"
|
|
|
|
data-trans='value-titlecustomername=project.profile.customerName;value-titlecustomeraddress=project.profile.customerAddress'
|
|
)
|
|
solid-display.segment.block.full.labelled-avatar.two-lines.whitespace-normal.children.children-full.sm-children-full.margin-bottom-medium.display-businessprovider(
|
|
bind-resources
|
|
nested-field='businessprovider'
|
|
fields='titlebusinessprovider, businessProvider(name, fee)'
|
|
|
|
value-titlebusinessprovider=''
|
|
|
|
class-titlebusinessprovider="segment block text-color-heading text-bold text-letter-spacing-large text-xlarge margin-bottom-small"
|
|
class-businessProvider="segment block margin-bottom-xsmall"
|
|
class-fee="margin-left-xxsmall"
|
|
|
|
data-trans='value-titlebusinessprovider=project.profile.businessProvider'
|
|
)
|
|
|
|
h3.text-color-heading.text-bold.text-letter-spacing-large(data-trans='project.profile.subTitle')
|
|
|
|
solid-display.segment.full.labelled-avatar.two-lines.whitespace-normal.children.children-full.sm-children-full.children-margin-bottom-medium(
|
|
bind-resources
|
|
nested-field='members'
|
|
fields='segment1(user.account.picture), segment2(line1(user.name, user), line2(atom, user.communities))'
|
|
|
|
class-segment1='segment'
|
|
class-user.account.picture='avatar'
|
|
|
|
class-segment2='segment three-quarter margin-left-xsmall'
|
|
class-line1='segment block'
|
|
class-user.name='text-small text-semibold text-color-heading text-sub'
|
|
class-line2='segment block'
|
|
class-atom='icon icon-large icon-third mdi-atom margin-right-xxsmall'
|
|
class-user.communities='full'
|
|
|
|
multiple-user.communities
|
|
multiple-user.communities-fields="community.name"
|
|
|
|
widget-user.account.picture='orbit-user-avatar'
|
|
widget-user='orbit-project-team-contact'
|
|
)
|
|
|
|
div(
|
|
id=`${component.route}-edit`
|
|
hidden
|
|
data-view=`${component.route}-edit`
|
|
)
|
|
include page-project-edit.pug
|