css for project-edit added + refactoring

2020-01-16 18:48:21 +01:00
parent 2209492836
commit b0e7584a07
9 changed files with 82 additions and 231 deletions
--- a/src/page-project-edit.pug
+++ b/src/page-project-edit.pug
@ -1,69 +1,70 @@
 div.content-box__info

-	include templates/hd-user-avatar.pug
+  include templates/hd-user-avatar.pug

-	sib-widget(name='hd-fieldset-title')
-		template
-			label ${label}
+  sib-widget(name='hd-fieldset-title')
+    template
+      label ${label}
 			
-	sib-link(class='backlink', bind-resources, next='project-profile') Back
+  sib-link(class='backlink', bind-resources, next='project-profile') Back

-	h1 Edit your project
+  h1 Edit your project

-	sib-form.form-container.block(
-			bind-resources
-		
-			fields='fieldset-info, block-project__info(customer, name, description), fieldset-fee, block-project__fee(businessProvider, businessProviderFee)'
+  sib-form.block.form-edit(
+	  bind-resources
+	
+	  fields='fieldset-info, block-project__info(customer, name, description), fieldset-fee, block-project__fee(businessProvider, businessProviderFee)'

-			class-customer='form-label is-light is-half-width'
-			class-name='form-label is-light is-half-width'
-			class-description='form-label is-light is-full-width'
-		label-fieldset-info=''
-			label-customer='Customer'
-			range-customer=`${endpoints.customers}`
-			label-name='Project\'s name*'
-			label-description='Project description'
-		widget-fieldset-info='hd-fieldset-title'
-			widget-description='sib-form-textarea'
+    class-customer='member-select form-label is-light is-half-width'
+    widget-customer='sib-form-auto-completion'
+    class-name='form-label is-light is-half-width'
+    class-description='form-label is-light is-full-width'
+    label-fieldset-info=''
+    label-customer='Customer'
+    range-customer=`${endpoints.customers}`
+    label-name='Project\'s name*'
+    label-description='Project description'
+    widget-fieldset-info='hd-fieldset-title'
+    widget-description='sib-form-textarea'

-			class-fieldset-fee='fieldset'
-			class-businessprovider='form-label is-light is-half-width'
-			class-businessproviderfee='form-label is-light is-half-width'
-			label-fieldset-fee='Fee'
-			label-businessprovider='Business provider'
-			label-businessproviderfee='Amount of the contribution'
-			widget-fieldset-fee='hd-fieldset-title'
+    class-fieldset-fee='fieldset'
+    class-businessprovider='form-label is-light is-half-width'
+    class-businessproviderfee='form-label is-light is-half-width'
+    label-fieldset-fee='Fee'
+    label-businessprovider='Business provider'
+    label-businessproviderfee='Amount of the contribution'
+    widget-fieldset-fee='hd-fieldset-title'

-			submit-button='Save'
-	)
+    submit-button='Save'
+  )

-	h2 Members List
+  h2 Members List

-	sib-form.block.team-form(
-		bind-resources 
-		nested-field='members'
-		fields='user'
-		range-user=`${endpoints.users}`
+  sib-form.block.select-add-member(
+    bind-resources 
+    nested-field='members'
+    fields='user'
+    range-user=`${endpoints.users}`

-		class-user='team form-label is-dark'
-		label-user=''
-		widget-user='sib-form-auto-completion'
+    class-user='team form-label is-dark'
+    label-user=''
+    widget-user='sib-form-auto-completion'

-		submit-button='Add a member'
-	)
+    submit-button='Add a member'
+  )

-	.table
+  .table

-	div.table-header.grey-color
-	div Name
-	div Access
+    div.table-header.grey-color
+      div Name
+      div Access

-	//-class='table-body'
-	sib-display(
-		class='table-body'
-		bind-resources
-		fields='members'
+    //-class='table-body'
+    sib-display(
+      class='table-body'
+      bind-resources
+      fields='members'

-		multiple-members=''
-		widget-members='team-template-edit'
-	)
+      multiple-members=''
+      widget-members='team-template-edit'
+    )