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

feature: update circle-edit

Browse Source
This commit is contained in:
gaelle morin 2021-01-10 17:53:56 +01:00
parent 8cea686396
commit d3f7e56929
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
8 changed files with 84 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
package-lock.json generated
View File

@ -8,7 +8,7 @@
"version": "1.0.0", "version": "1.0.0",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@startinblox/hubl-styling-framework": "^1.0.21", "@startinblox/hubl-styling-framework": "^1.0.27",
"fs-extra": "^9.0.1", "fs-extra": "^9.0.1",
"normalize.css": "^8.0.1", "normalize.css": "^8.0.1",
"parcel-bundler": "^1.12.4", "parcel-bundler": "^1.12.4",
@ -1442,9 +1442,9 @@
} }
}, },
"node_modules/@startinblox/hubl-styling-framework": { "node_modules/@startinblox/hubl-styling-framework": {
"version": "1.0.21", "version": "1.0.27",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.21.tgz", "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.27.tgz",
"integrity": "sha512-LaKWMXwK4LNKgvsuVNLTSlNU2aoUk0VQgjfX0XSSPQskudIe675tS+hVRmCMH2Wtl2/MyWvscyYqX+2//zXnCQ==" "integrity": "sha512-5lnGDuYPK6q8eXgo6xwWP9VS9ZDYZDiRAGXM1ZcS7M0vW9/aIhmCtKDTi8LYRp9BflgLky6+mInzWsDolS9cXw=="
}, },
"node_modules/@types/q": { "node_modules/@types/q": {
"version": "1.5.4", "version": "1.5.4",
@ -10603,9 +10603,9 @@
} }
}, },
"@startinblox/hubl-styling-framework": { "@startinblox/hubl-styling-framework": {
"version": "1.0.21", "version": "1.0.27",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.21.tgz", "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.27.tgz",
"integrity": "sha512-LaKWMXwK4LNKgvsuVNLTSlNU2aoUk0VQgjfX0XSSPQskudIe675tS+hVRmCMH2Wtl2/MyWvscyYqX+2//zXnCQ==" "integrity": "sha512-5lnGDuYPK6q8eXgo6xwWP9VS9ZDYZDiRAGXM1ZcS7M0vW9/aIhmCtKDTi8LYRp9BflgLky6+mInzWsDolS9cXw=="
}, },
"@types/q": { "@types/q": {
"version": "1.5.4", "version": "1.5.4",

2
package.json
View File

@ -45,7 +45,7 @@
] ]
}, },
"dependencies": { "dependencies": {
"@startinblox/hubl-styling-framework": "^1.0.21", "@startinblox/hubl-styling-framework": "^1.0.27",
"fs-extra": "^9.0.1", "fs-extra": "^9.0.1",
"normalize.css": "^8.0.1", "normalize.css": "^8.0.1",
"parcel-bundler": "^1.12.4", "parcel-bundler": "^1.12.4",

45
src/index.pug
View File

@ -51,27 +51,32 @@ html(lang="en")
include views/partials/menu-left.pug include views/partials/menu-left.pug
main#content.segment.lg-three-quarter.text-top.notLoggedIn main#content.segment.lg-three-quarter.text-top.notLoggedIn
#project(hidden, data-view="project", no-render).with-sidebar.whitespace-normal #about(data-view="about", no-render)
hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.projects") include views/page-about.pug
hubl-reactivity(data-src=`${endpoints.post.projects}joinable/` target-src=`${endpoints.get.projects}`)
hubl-reactivity(data-src=`${endpoints.post.projects}` target-src=`${endpoints.get.projects}`)
hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}`)
hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}joinable/`)
hubl-reactivity(data-src=`${endpoints.projects || endpoints.get.projects}joinable/` target-src=`${endpoints.projects || endpoints.get.projects}`)
hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}`)
hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}joinable/`)
include views/page-project.pug
#circle(hidden, data-view="circle").with-sidebar.whitespace-normal if endpoints.get.projects
hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.circles") #project(hidden, data-view="project", no-render).with-sidebar.whitespace-normal
hubl-reactivity(data-src=`${endpoints.post.circles}joinable/` target-src=`${endpoints.get.circles}`) hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.projects")
hubl-reactivity(data-src=`${endpoints.post.circles}` target-src=`${endpoints.get.circles}`) hubl-reactivity(data-src=`${endpoints.post.projects}joinable/` target-src=`${endpoints.get.projects}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}`) hubl-reactivity(data-src=`${endpoints.post.projects}` target-src=`${endpoints.get.projects}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}joinable/`) hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}`)
hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}joinable/` target-src=`${endpoints.circles || endpoints.get.circles}`) hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}joinable/`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}`) hubl-reactivity(data-src=`${endpoints.projects || endpoints.get.projects}joinable/` target-src=`${endpoints.projects || endpoints.get.projects}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}joinable/`) hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}`)
include views/page-circle.pug hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}joinable/`)
include views/page-project.pug
if endpoints.get.circles
#circle(hidden, data-view="circle", no-render).with-sidebar.whitespace-normal
hubl-reactivity(bind-user nested-field='inbox' target-src="store://user.circles")
hubl-reactivity(data-src=`${endpoints.post.circles}joinable/` target-src=`${endpoints.get.circles}`)
hubl-reactivity(data-src=`${endpoints.post.circles}` target-src=`${endpoints.get.circles}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}joinable/`)
hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}joinable/` target-src=`${endpoints.circles || endpoints.get.circles}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}`)
hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}joinable/`)
include views/page-circle.pug

10
src/styles/about/_index.scss Normal file
View File

@ -0,0 +1,10 @@
#about {
p {
line-height: 22px;
}
>div>div>div {
min-height: 285px;
}
}

1
src/styles/index.scss
View File

@ -48,3 +48,4 @@ solid-display>div {
@import 'header/_index'; @import 'header/_index';
@import 'left-nav/_index'; @import 'left-nav/_index';
@import 'content/_index'; @import 'content/_index';
@import 'about/_index';

4
src/views/page-about.pug
View File

@ -3,7 +3,7 @@ div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-l
div.segment.lg-two-third.margin-top-small.padding-right-xlarge div.segment.lg-two-third.margin-top-small.padding-right-xlarge
div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center
h3.text-color-heading.text-semibold(data-trans='about.card1.subTitle') h3.text-color-heading.text-semibold.text-uppercase(data-trans='about.card1.subTitle')
div div
p.segment.whitespace-normal.text-large(data-trans='about.card1.paragraph1') p.segment.whitespace-normal.text-large(data-trans='about.card1.paragraph1')
p.segment.whitespace-normal.text-large(data-trans='about.card1.paragraph2') p.segment.whitespace-normal.text-large(data-trans='about.card1.paragraph2')
@ -13,6 +13,6 @@ div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-l
div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.text-center
div.segment.margin-top-small div.segment.margin-top-small
div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary
h3.text-color-heading.text-semibold.text-medium(data-trans='about.card2.subTitle') h3.text-color-heading.text-semibold.text-uppercase.text-medium(data-trans='about.card2.subTitle')
p(data-trans='about.card2.paragraph1') p(data-trans='about.card2.paragraph1')
a.button.text-bold.text-uppercase.color-secondary.bordered(href="https://startinblox.com/fr/#home-contact" target="_blank" data-trans='about.card2.link').main-cta a.button.text-bold.text-uppercase.color-secondary.bordered(href="https://startinblox.com/fr/#home-contact" target="_blank" data-trans='about.card2.link').main-cta

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

@ -82,11 +82,11 @@ div.segment.lg-full.padding-large.whitespace-normal
data-trans='submit-button=circle.edit.buttonAddMember' data-trans='submit-button=circle.edit.buttonAddMember'
) )
.table-wrapper .segment.table-wrapper
.table .table
div.table-header.bg-color-third.text-color-heading div.table-header.bg-color-third.text-color-heading
div.table-cell.w66(data-trans='circle.edit.tableHeader1') div.segment.table-cell.lg-two-third(data-trans='circle.edit.tableHeader1')
div.table-cell.w33(data-trans='circle.edit.tableHeader2') div.segment.table-cell.lg-third(data-trans='circle.edit.tableHeader2')
solid-display( solid-display(
class='table-body' class='table-body'
@ -95,8 +95,8 @@ div.segment.lg-full.padding-large.whitespace-normal
fields='cell(segment1(user.account.picture), segment2(line1(user.name, is_admin), line2(atom, user.communities))), self' fields='cell(segment1(user.account.picture), segment2(line1(user.name, is_admin), line2(atom, user.communities))), self'
loader-id='loader-circle-edit' loader-id='loader-circle-edit'
class-cell='table-cell w66 labelled-avatar two-lines text-left' class-cell='segment padding-top-xsmall padding-right-medium padding-bottom-xsmall padding-left-medium table-cell lg-two-third labelled-avatar two-lines text-left'
class-self='table-cell w33' class-self='segment padding-top-xsmall padding-right-medium padding-bottom-xsmall padding-left-medium table-cell lg-third text-center'
class-segment1='segment' class-segment1='segment'
class-user.account.picture='avatar' class-user.account.picture='avatar'
@ -120,4 +120,4 @@ div.segment.lg-full.padding-large.whitespace-normal
) )
//- Only to show the table grid //- Only to show the table grid
div.table-cell.w33 div.segment.padding-top-xsmall.padding-right-medium.padding-bottom-xsmall.padding-left-medium.table-cell.lg-third

62
src/views/partials/menu-left.pug
View File

@ -133,35 +133,35 @@ solid-router#navbar-router(default-route='dashboard')
//- div.segment.icon.icon-small.icon-calendar //- div.segment.icon.icon-small.icon-calendar
//- div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.events") //- div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.events")
//- div.divider //- div.divider
//- if endpoints.projects || (endpoints.get && endpoints.get.projects) if endpoints.projects || (endpoints.get && endpoints.get.projects)
//- div.menu-wrapper div.menu-wrapper
//- solid-link.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active solid-link.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
//- //- (next='admin-project-list') //- (next='admin-project-list')
//- div.segment.margin-right-xxsmall div.segment.margin-right-xxsmall
//- div.segment.icon.icon-small.icon-folder-alt div.segment.icon.icon-small.icon-folder-alt
//- div.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.projects") div.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.projects")
//- div.menu-chevron.segment div.menu-chevron.segment
//- div.icon-arrow-up div.icon-arrow-up
//- //- div.menu-icon.icon-arrow-right-circle //- div.menu-icon.icon-arrow-right-circle
//- solid-route(name='project', rdf-type='hd:project', use-id='', hidden) solid-route(name='project', rdf-type='hd:project', use-id='', hidden)
//- div.sub-menu.menu-notification div.sub-menu.menu-notification
//- div#loader-projects.loader.loader-menu div#loader-projects.loader.loader-menu
//- div div
//- div div
//- div div
//- div div
//- solid-display.ellipsis( solid-display.ellipsis(
//- bind-user bind-user
//- nested-field='projects' nested-field='projects'
//- fields='project' fields='project'
//- loader-id='loader-projects' loader-id='loader-projects'
//- empty-widget='hubl-create' empty-widget='hubl-create'
//- empty-value='' empty-value=''
//- data-trans="empty-value=menuLeft.emptyCircleProject.project" data-trans="empty-value=menuLeft.emptyCircleProject.project"
//- widget-project='hubl-menu-fix-url-project' widget-project='hubl-menu-fix-url-project'
//- order-asc="project.customer.name" order-asc="project.customer.name"
//- ) )
//- div.divider div.divider
if endpoints.circles || (endpoints.get && endpoints.get.circles) if endpoints.circles || (endpoints.get && endpoints.get.circles)
div.menu-wrapper div.menu-wrapper
solid-link.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active solid-link.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
@ -220,7 +220,7 @@ solid-router#navbar-router(default-route='dashboard')
//- order-asc="contact.username" //- order-asc="contact.username"
//- ) //- )
//-div.divider //-div.divider
//- //-
//-solid-route(name='admin', hidden) //-solid-route(name='admin', hidden)
//-solid-route.menu(name='profile', hidden) //-solid-route.menu(name='profile', hidden)
//-solid-route(name='about', hidden) solid-route(name='about', hidden)