From a1aa92074bfb8815fe862670de5913f55236648e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com> Date: Mon, 22 Apr 2019 16:13:24 +0200 Subject: [PATCH] ui: update to 0.7 - dependancies updated - new favicon - html updated - clean up - css updated --- src/dependencies.pug | 13 ++--- src/index.pug | 2 +- src/menu-left.pug | 5 +- src/page-group-profile.pug | 2 +- src/page-job-offers.pug | 9 +-- src/page-project-edit.pug | 24 +++++--- src/page-project-profile.pug | 2 +- src/styles/filters.scss | 4 +- src/styles/form.scss | 29 ++++++---- src/styles/group-profile.scss | 32 +---------- src/styles/header.scss | 31 ++++------ src/styles/job-offers.scss | 4 +- src/styles/member-profile.scss | 10 ++-- src/styles/members.scss | 3 +- src/styles/menu-left.scss | 4 ++ src/styles/project-profile.scss | 7 ++- src/styles/variables.scss | 4 +- src/templates/template-customer.pug | 1 + .../template-joboffers-conversation.pug | 3 - src/templates/template-team.pug | 17 +----- www/images/favicon.png | Bin 0 -> 1777 bytes www/test.html | 54 ------------------ 22 files changed, 88 insertions(+), 172 deletions(-) delete mode 100644 src/templates/template-joboffers-conversation.pug create mode 100644 www/images/favicon.png delete mode 100644 www/test.html diff --git a/src/dependencies.pug b/src/dependencies.pug index 872c6f18..97000fc3 100644 --- a/src/dependencies.pug +++ b/src/dependencies.pug @@ -3,7 +3,7 @@ //script(src="/lib/webcomponentsjs/webcomponents-loader.js") //- script(src="lib/html-imports.js") -script(type="module" src="https://unpkg.com/@startinblox/oidc@0.5") +script(type="module" src="https://unpkg.com/@startinblox/oidc@0.6") script(src="/scripts/index.js") @@ -19,15 +19,14 @@ link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:3 //script(type="module" src="/lib/sib-core/sib-display.js") //script(type="module" src="/lib/sib-router/sib-router.js") //script(type="module" src="/lib/sib-core/sib-form.js") -//script(type="module" src="/lib/sib-chat/sib-chat.js") //link(rel='import', href='/lib/sib-chat/sib-chat.html') //- cdn -script(type="module" src="https://unpkg.com/@startinblox/core@0.6") +script(type="module" src="https://unpkg.com/@startinblox/core@0.7") script(type="module" src="https://unpkg.com/@startinblox/router@0.6") -script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1") -script(type="module" src="https://unpkg.com/@startinblox/component-notifications") -script(type="module" src="https://unpkg.com/@startinblox/component-conversation") -script(type="module" src="https://unpkg.com/@startinblox/component-directory") +script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1.7") +script(type="module" src="https://unpkg.com/@startinblox/component-notifications@0.1") +script(type="module" src="https://unpkg.com/@startinblox/component-conversation@0.2") +script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.1") diff --git a/src/index.pug b/src/index.pug index c6b83ee0..86e1bbc6 100644 --- a/src/index.pug +++ b/src/index.pug @@ -5,7 +5,7 @@ html(lang="en") title HD App meta(name="viewport", content="width=device-width, initial-scale=1.0") meta(http-equiv="X-UA-Compatible", content="ie=edge") - link(rel="icon" type="image/png" href="/images/logo.png") + link(rel="icon" type="image/png" href="/images/favicon.png") include dependencies.pug body div.layer diff --git a/src/menu-left.pug b/src/menu-left.pug index 19702410..a9a83d91 100644 --- a/src/menu-left.pug +++ b/src/menu-left.pug @@ -33,7 +33,7 @@ nav#navbar data-src=`${sdn}/projects/`, data-fields='project', set-project='customer.name, dash, name', - value-dash='-', + value-dash=' - ', next='project' ) div.divider @@ -48,6 +48,7 @@ nav#navbar sib-display( data-src=`${sdn}/circles/`, data-fields='name', + widget-name='sib-display-div', next='circle' ) div.divider @@ -62,6 +63,8 @@ nav#navbar sib-display( data-src=`${sdn}/members/`, data-fields='user.username', + widget-user.username='sib-display-div', next='member-chat' ) div.divider + diff --git a/src/page-group-profile.pug b/src/page-group-profile.pug index 740e4eb7..55114d3d 100644 --- a/src/page-group-profile.pug +++ b/src/page-group-profile.pug @@ -18,7 +18,7 @@ set-teammate-img='account.picture', set-teammate-pseudonym='before-pseudo, username', - set-teammate-name='first_name, last_name', + set-teammate-name='name', template-teammate-contact='chat-link', diff --git a/src/page-job-offers.pug b/src/page-job-offers.pug index 04050e7b..23731dcc 100644 --- a/src/page-job-offers.pug +++ b/src/page-job-offers.pug @@ -3,28 +3,24 @@ div.grid-layer include templates/template-groups.pug include templates/template-skills.pug include templates/template-joboffers-filter.pug - include templates/template-joboffers-conversation.pug div.grid-layer-main.containerV h2 New offers span Here you can find and post offers sib-display#offers-list( data-src=`${sdn}/job-offers/`, - data-fields='user-thumb, creationDate, title, description, skills, send, conversation', + data-fields='user-thumb, creationDate, title, description, skills, send', - set-conversation="@id" set-user-thumb='author.account.picture, author.first_name, author.groups', widget-author.account.picture='sib-display-img', widget-author.groups='groups-name', multiple-author.groups, - widget-skills='skills-name', + multiple-skills, action-send='member-chat', label-send='Send a private message', - - widget-conversation='joboffers-conversation' search-range-skills=`${sdn}/skills/`, search-fields='content, open, skills', @@ -38,6 +34,7 @@ div.grid-layer search-widget-skills='sib-form-placeholder-dropdown', search-widget-open='joboffers-filter' ) + div.grid-layer-links.containerV template#groups-list-template p ${value} diff --git a/src/page-project-edit.pug b/src/page-project-edit.pug index b835fcd1..8549be4d 100644 --- a/src/page-project-edit.pug +++ b/src/page-project-edit.pug @@ -15,11 +15,11 @@ sib-widget(name='template-legend-team') p.form-goal Here you can edit your projet's details .form-view sib-form.block( - data-src=`${sdn}/projects/`, - range-members=`${sdn}/members/`, + range-businessProvider=`${sdn}/businessproviders/`, range-team=`${sdn}/users/`, + range-members=`${sdn}/project-members/`, - data-fields='block-project__info, block-project__fee, block-project__customer', + data-fields='block-project__info, block-project__fee, block-project__customer, block-project__team', set-block-project__info='customer.name, name, customer.logo, description', label-customer.name='Customer\'s name', @@ -27,20 +27,28 @@ sib-widget(name='template-legend-team') label-customer.logo='Customer\'s logo', label-description='Project description', - set-block-project__fee='fieldset-fee, businessProvider, businessProviderFee', - widget-fieldset-fee='template-legend-fee', + set-block-project__fee='fieldset-fee, businessProvider, businessProvider.fee', label-businessProvider='Business provider', - label-businessProviderFee='Amount of the contribution', + label-businessProvider.fee='Amount of the contribution (%)', + widget-fieldset-fee='template-legend-fee', + widget-businessProvider.fee='sib-form-number', set-block-project__customer='fieldset-customer, customer.companyRegister, customer.address, customer.firstName, customer.lastName, customer.role, customer.email, customer.phone', - widget-fieldset-customer='template-legend-customer', - label-customer.companyRegister='Company register', + label-customer.companyRegister='Company registration number', label-customer.address='Address', label-customer.firstName='Name of the contact at the customer\'s premises', label-customer.lastName='Firstname of the contact at the customer\'s premises', label-customer.role='Role within the company', label-customer.email='Email', label-customer.phone='Phone', + widget-fieldset-customer='template-legend-customer', + + set-block-project__team='fieldset-team, team, members', + label-team='Member', + label-members='Role', + widget-fieldset-team='template-legend-team', + multiple-team, + multiple-members, bind-resources ) diff --git a/src/page-project-profile.pug b/src/page-project-profile.pug index 16c58698..b4f6cb64 100644 --- a/src/page-project-profile.pug +++ b/src/page-project-profile.pug @@ -30,7 +30,7 @@ value-label-team='TEAM:' widget-members='team-template', multiple-members, - + bind-resources ) diff --git a/src/styles/filters.scss b/src/styles/filters.scss index 847e3a05..d97dc63e 100644 --- a/src/styles/filters.scss +++ b/src/styles/filters.scss @@ -10,6 +10,8 @@ input, select { appearance: none; + -moz-appearance: none; + -webkit-appearance: none; border-style: none; box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09); color: $color-taupe-gray; @@ -18,8 +20,6 @@ margin-top: 1.36rem; padding: 0.9rem; width: 95%; - -moz-appearance: none; - -webkit-appearance: none; } input[type="submit"] { diff --git a/src/styles/form.scss b/src/styles/form.scss index f5a811bb..ab6514fd 100644 --- a/src/styles/form.scss +++ b/src/styles/form.scss @@ -12,6 +12,10 @@ } } +@include styleTemplateFieldset('fee'); +@include styleTemplateFieldset('customer'); +@include styleTemplateFieldset('team'); + #circle-create, #circle-edit, #job-offer-create, @@ -42,14 +46,13 @@ flex-direction: column; } - @include styleTemplateFieldset('fee'); - @include styleTemplateFieldset('customer'); - @include styleTemplateFieldset('team'); sib-form-auto-completion, sib-form-checkbox, + sib-form-dropdown, sib-form-label-text, sib-form-multiple-dropdown, + sib-form-number, sib-form-textarea { display: flex; flex-direction: column; @@ -69,19 +72,18 @@ } input, + select, textarea { padding: 1.7rem; } select { margin-bottom: 1.7rem; - padding: 0.85rem; } } sib-form-auto-completion, sib-form-checkbox, - sib-form-dropdown, sib-form-multiple-dropdown { label { @@ -166,19 +168,22 @@ } } - /* A REFACTORISER. PAS ENCORE UTILISE SUR L'APPLI */ sib-form-dropdown { select { - background: $color-glitter; - border: none; - color: $color-purple-dark; - line-height: 1.5; - margin-left: 1rem; - padding: 0.85rem; + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + background-image: url("/images/chevron-down.png"); + background-position: right 12px top 60%; + background-repeat: no-repeat; + background-size: 14px 9px; + box-sizing: border-box; } } + /* A REFACTORISER. PAS ENCORE UTILISE SUR L'APPLI */ + sib-form-multiple-dropdown { button { diff --git a/src/styles/group-profile.scss b/src/styles/group-profile.scss index bc9522d4..ddc1f87f 100644 --- a/src/styles/group-profile.scss +++ b/src/styles/group-profile.scss @@ -48,32 +48,9 @@ } } - > hdapp-userinfo { - - > label { - display: none; - } - } - div[name='teammate-name'] { grid-column: 3 / span 2; grid-row: 1 / span 1; - - sib-display-div[name='first_name'] { - display: inline; - - > div { - display: inline; - } - } - - sib-display-div[name='last_name'] { - display: inline; - - > div { - display: inline; - } - } } > div[name='teammate-pseudonym'] { @@ -81,20 +58,17 @@ font-size: 1.2rem; grid-column: 3 / span 2; grid-row: 2 / span 1; - - > * > * { - display: inline; - } } - > sib-display-div[name='teammate-profile'] { + > sib-display-value[name='teammate-profile'] { color: $color-dark-lava; + display: block; font-size: 1.2rem; grid-column: 1 / span 2; grid-row: 3 / span 1; } - > sib-link { + > sib-display-value[name='teammate-contact'] { color: $color-majorelle-blue; font-size: 1.2rem; justify-self: stretch; diff --git a/src/styles/header.scss b/src/styles/header.scss index 8ad86963..8b448dad 100644 --- a/src/styles/header.scss +++ b/src/styles/header.scss @@ -10,7 +10,7 @@ position: relative; z-index: 1; - > * { + > *:not(sib-widget) { padding: 0 2.5rem; } } @@ -138,20 +138,16 @@ details#user-controls { width: 4.8rem; } - sib-display-div[name='first_name'] { + sib-display-value[name='first_name'] { + @include icon('arrow-down'); align-items: center; display: flex; + flex-direction: row-reverse; + font-size: 1.8rem; + font-weight: 600; - div[name='first_name'] { - align-items: flex-end; - display: flex; - font-size: 1.8rem; - font-weight: 600; - @include icon('arrow-down'); - - &::before { - margin-left: 1.5rem; - } + &::before { + margin-left: 1.5rem; } } } @@ -205,14 +201,11 @@ details#user-controls { div { - sib-display-div[name='first_name'] { + sib-display-value[name='first_name'] { + @include icon('close'); - div[name='first_name'] { - @include icon('close'); - - &::before { - margin-left: 1.5rem; - } + &::before { + margin-left: 1.5rem; } } } diff --git a/src/styles/job-offers.scss b/src/styles/job-offers.scss index 5a9a123b..473156e3 100644 --- a/src/styles/job-offers.scss +++ b/src/styles/job-offers.scss @@ -70,11 +70,12 @@ } [name='creationDate'] { + display: block; margin-bottom: 0.7rem; margin-top: 2rem; } - sib-display-div[name='title'] { + [name='title'] { @extend h3; display: block; font-weight: bold; @@ -82,6 +83,7 @@ } [name='description'] { + display: block; line-height: 1.6; margin-bottom: 1.6rem; } diff --git a/src/styles/member-profile.scss b/src/styles/member-profile.scss index 07ec7834..db515857 100644 --- a/src/styles/member-profile.scss +++ b/src/styles/member-profile.scss @@ -48,7 +48,7 @@ display: flex; grid-area: name; - > sib-display-div[name^='user.'] { + > sib-display-value[name^='user.'] { color: $color-dark-lava; font-weight: bold; @extend h1; @@ -60,15 +60,15 @@ } } - sib-display-div[name='user.username'] { + sib-display-value[name='user.username'] { grid-area: pseudo; - - div[name='user.username']::before { + + &::before { content: '@'; } } - sib-display-div[name='bio'] { + sib-display-value[name='bio'] { grid-area: bio; } diff --git a/src/styles/members.scss b/src/styles/members.scss index d9122e3e..07c3fa4a 100644 --- a/src/styles/members.scss +++ b/src/styles/members.scss @@ -58,7 +58,6 @@ justify-content: center; margin: 3.75rem 0; position: relative; - z-index: 1; &::before { border-top: 1px solid $color-timberwolf; @@ -147,7 +146,7 @@ @extend h1; } - sib-display-div[name$='bio'] { + sib-display-value[name$='bio'] { display: flex; flex-basis: 3.5em; line-height: 1.6; diff --git a/src/styles/menu-left.scss b/src/styles/menu-left.scss index 670fe52c..223051cf 100644 --- a/src/styles/menu-left.scss +++ b/src/styles/menu-left.scss @@ -124,6 +124,10 @@ div[name='project'] { display: flex; + + sib-display-value { + display: block; + } sib-display-div[name='dash'] { margin: 0 0.4em; diff --git a/src/styles/project-profile.scss b/src/styles/project-profile.scss index 1988b5ad..17d17f20 100644 --- a/src/styles/project-profile.scss +++ b/src/styles/project-profile.scss @@ -4,13 +4,14 @@ margin-top: 5.1rem; [name^='label-'] { + display: block; font-weight: bold; margin-bottom: 1.4rem; text-transform: uppercase; @extend h2; } - sib-display-div:not(:first-of-type), + sib-display-value:not(:first-of-type), ul, [name*='job'] { font-size: 1.5rem; @@ -34,7 +35,7 @@ padding: 0; } - > sib-display-div[name='name'] { + > sib-display-value[name='name'] { padding-left: 0.85rem; } @@ -61,6 +62,8 @@ justify-content: space-between; [name='description'] { + display: flex; + flex-direction: column; width: 90%; } diff --git a/src/styles/variables.scss b/src/styles/variables.scss index c31a9f9e..b9d02198 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -69,7 +69,7 @@ $color-majorelle-blue: hsl(244, 73%, 62%); sib-multiple[name^='user.'], > member-info > div, - > sib-display-div > div { + > sib-display-value { display: flex; flex-wrap: wrap; margin-bottom: 0; @@ -93,7 +93,7 @@ $color-majorelle-blue: hsl(244, 73%, 62%); @include mdi('cellphone-iphone'); } - [name="foaf:homepage"] * { + [name="foaf:homepage"] { @include mdi('link-variant'); } } diff --git a/src/templates/template-customer.pug b/src/templates/template-customer.pug index f3446b43..a5abb0b3 100644 --- a/src/templates/template-customer.pug +++ b/src/templates/template-customer.pug @@ -17,3 +17,4 @@ sib-widget(name='customer-template') li(class='mdi-email-outline') a(href='mailto:${value.email}') ${value.email} li(class='mdi-cellphone-iphone') ${value.phone} + diff --git a/src/templates/template-joboffers-conversation.pug b/src/templates/template-joboffers-conversation.pug deleted file mode 100644 index a427d5d9..00000000 --- a/src/templates/template-joboffers-conversation.pug +++ /dev/null @@ -1,3 +0,0 @@ -sib-widget - template - sib-conversation(data-src="${value}", id-suffix="threads") diff --git a/src/templates/template-team.pug b/src/templates/template-team.pug index 6afdf974..f4551f1f 100644 --- a/src/templates/template-team.pug +++ b/src/templates/template-team.pug @@ -1,6 +1,6 @@ - sib-widget(name='team-template') template + p ${value} sib-display( data-src="${value.user['@id']}" data-fields='account.picture', @@ -14,18 +14,3 @@ sib-widget(name='team-template') multiple-name ) span ${value.name} - -//- - include templates/template-groups.pug - - sib-widget(name='team-template') - template - sib-display( - data-src="${value.user['@id']}", - data-fields='account.picture, name, groups', - widget-account.picture='sib-display-img', - widget-groups='groups-name', - multiple-groups - ) - span ${value.name} - diff --git a/www/images/favicon.png b/www/images/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..a0d43ddb3d4aab6e6c91ba462f564a3ab393b2e5 GIT binary patch literal 1777 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 Mo@bB@_o(at0wPaLBme*a literal 0 HcmV?d00001 diff --git a/www/test.html b/www/test.html deleted file mode 100644 index 2b5d36a8..00000000 --- a/www/test.html +++ /dev/null @@ -1,54 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="UTF-8"/> - <title>[test] HD App</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"/> - <meta http-equiv="X-UA-Compatible" content="ie=edge"/> - <!-- Scripts--> - <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.2.7/webcomponents-loader.js" integrity="sha256-fz7VMnmo2h7TlM7CBea8/vpbWpdQnbp20TnwmRwi/KU=" crossorigin="anonymous"></script> - <!-- Web components--> - <!-- <link rel="import" href="https://cdn.happy-dev.fr/sib-core/sib-display.html"/> --> - <link rel="import" href="lib/sib-core/sib-display.html"/> - - <style> - body.debug *:not(script):not(button){ - display: block; - padding: 3px; - margin: 3px; - border: 1px solid #f006; - } - sib-display, - sib-display-div{ - display: block; - background-color: #0002; - margin: .5em 0; - min-height: 1em; - } - </style> - </head> - <body> - <button onclick="document.body.classList.toggle('debug')">debug</button> - <!-- <div id="job-offers"> - <h1>Job offers</h1> - <sib-display id="offers-list" - data-src="https://test-paris.happy-dev.fr/job-offers/" - data-fields="title, description, skills" - widget-skills="sib-display-lookuplist" - ></sib-display> - </div> --> - <div id="members"> - <h1>Members</h1> - <sib-display id="profiles-list" - data-src="http://127.0.0.1:8000/members/" - data-fields="roles, ab" - widget-skills="sib-display-lookuplist" - set-ab="user.first_name, user.last_name" - ></sib-display> - </div> - <!-- <div> - <h1>sib-form</h1> - <sib-form class="block" range-client="https://test-paris.happy-dev.fr/clients/" widget-team="sib-form-multiple-dropdown" range-team="https://test-paris.happy-dev.fr/members/" data-src="https://test-paris.happy-dev.fr/projects/1/"></sib-form> - </div> --> - </body> -</html> -- GitLab