From 3a38b75821e58cb0e67e0e157145bd497c73fad2 Mon Sep 17 00:00:00 2001 From: fred <fred> Date: Wed, 11 Sep 2019 10:33:44 +0200 Subject: [PATCH 1/4] Work on resource detail and dialog --- src/includes/mentor/resources/detail.pug | 16 ++- src/includes/mentor/resources/list.pug | 1 + src/styles/index.scss | 132 +++++++++++++++++++++-- 3 files changed, 141 insertions(+), 8 deletions(-) diff --git a/src/includes/mentor/resources/detail.pug b/src/includes/mentor/resources/detail.pug index 84265290..427645b0 100644 --- a/src/includes/mentor/resources/detail.pug +++ b/src/includes/mentor/resources/detail.pug @@ -1,6 +1,6 @@ include ../../components/widgets -.block_log.block_creat_count +.block_log.block_creat_count.no_shadow sib-display( bind-resources, fields='name, steps, format, content(preview_image, tags),\ @@ -12,12 +12,17 @@ include ../../components/widgets edit', widget-submitter.name='cs-display-resource-property', + class-name="title_form" + class-steps="steps" widget-edit='sib-action', widget-author='cs-display-resource-property', widget-country='cs-display-resource-property', widget-submitter.mentor_profile.organisation.name='cs-display-resource-property' + class-submitter.name="autor_ressource" + class-broken="broken" widget-format='cs-display-multiple-property' widget-uri='cs-display-link' + class-uri="pull-left" widget-skills='cs-display-resource-property' widget-description='cs-display-property' widget-name='cs-display-property' @@ -29,6 +34,7 @@ include ../../components/widgets widget-review.status='cs-resource-status' widget-review.reviewer.account.picture='cs-account-picture' widget-review.reviewer.name='cs-resource-reviewer' + class-review.reviewer.name="validator_ressource" widget-header_specifications='cs-section_header' label-broken='Report broken link' @@ -63,6 +69,14 @@ include ../../components/widgets action-broken='resource-report-broken-link' ) + //- Add likes here + <div class="like"> + <p class="backlink"><i class='far fa-thumbs-up'></i>18</p> + <p class="backlink"><i class='far fa-thumbs-down'></i>3</p> + </div> + <div class="like"> + <p class="backlink"><i class="fas fa-times"></i></p> + </div> sib-display( bind-resources fields="" diff --git a/src/includes/mentor/resources/list.pug b/src/includes/mentor/resources/list.pug index 185e7b69..8fcfea89 100644 --- a/src/includes/mentor/resources/list.pug +++ b/src/includes/mentor/resources/list.pug @@ -37,6 +37,7 @@ div.block_list action-validate='mentor-resource-validate' label-validate='Check ->' + class-validate="check_ressource" widget-validate='cs-validate-action' ) diff --git a/src/styles/index.scss b/src/styles/index.scss index 6f55b44d..073ce879 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -122,6 +122,10 @@ img{ width: auto; } +.block{ + display: block; +} + .flex, sib-set-default,#resources-history>div div, #entrepreneur-new-account sib-form form{ display: flex; flex-direction: row; @@ -129,7 +133,7 @@ img{ justify-content: center; } -.flex_espace, sib-set-default,#resources-history>div div, #entrepreneur-new-account sib-form form{ +.flex_espace, sib-set-default,#resources-history>div div, #entrepreneur-new-account sib-form form { justify-content: space-between; } sib-set-default[name="actions"]{ @@ -218,6 +222,10 @@ body{ margin: 0 auto; } +.no_shadow{ + box-shadow: none; +} + .button_base, input[type="submit"], #mentor-resource-detail a,.sib-conversation form input[type="submit"]{ transition: all .3s ease-in-out; background-color: var(--bg-btn-base); @@ -273,7 +281,7 @@ p{ font-size: 1.8rem; } -.backlink{ +.backlink, .broken sib-link{ display: inline-block; color: var(--clr-typo-base); font-size: 1.4rem; @@ -284,7 +292,7 @@ p{ cursor: pointer; } -.backlink:hover{ +.backlink:hover, .broken sib-link:hover{ color: var(--bg-btn-base); } @@ -432,7 +440,7 @@ input, textarea, select, form .ss-main .ss-multi-selected{ input:focus, textarea:focus{ background: var(--bg-form-focus); } -.title_form, cs-section_introduction h2, div#mentor-resource-detail cs-display-property[name="name"] p{ +.title_form,.title_form p, cs-section_introduction h2, div#mentor-resource-detail cs-display-property[name="name"] p{ font-family: 'var(--typo)'; font-size: 2.2rem; text-align: left; @@ -585,7 +593,7 @@ header#header img { background: blue; margin-right: 5rem; } -header#header .avatar img{ +header#header .avatar img, #mentor-resource-detail .avatar img{ border-radius: 50%; } @@ -618,6 +626,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ width: 3rem; height: 3rem; border-radius: 50%; + cursor: pointer; } #header .flex, #header>div{ @@ -843,7 +852,44 @@ sib-multiple label, cs-resource-status[name="review.status"]+*{ display:flex; justify-content: space-between; } - + +#pending-resources { + sib-set-default[name="content"] sib-display-value{ + font-size: 1.6rem; + color: #444C4D; + margin-bottom: 2rem; + } + sib-set-default[name="info"]{ + justify-content: flex-start; + cs-display-resource-property{ + margin-right: 0rem; + p,b{ + color: var(--clr-typo-base); + font-size: 1.4rem; + } + } + } +} +.request_accordeon { + sib-set-default[name="content"] sib-display-value{ + font-size: 1.6rem; + color: #444C4D; + } + sib-set-default[name="info"]{ + justify-content: flex-start; + cs-display-resource-property{ + margin-right: 7rem; + p,b{ + color: var(--clr-typo-base); + font-size: 1.4rem; + } + } + } +} +.check_ressource>div{ + position: relative; + top: 35%; +} /*XXXXXXXXXXXXXXXXXXXXX DETAIL RESSOURCES XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ cs-display-step-property[label="Step"] p{ @@ -871,10 +917,81 @@ sib-set-default[name="submitter_info"]{ margin-bottom: 1rem; } } + +#mentor-resource-detail{ + border: none; + top: 0; + padding: 0; + width: 100%; + height: auto; + background: rgba(0,0,0,0.7); + .block_creat_count{ + margin: 0 0 0 auto; + } + .title_form{ + font-size: 1.6rem; + color: #3D424A; + font-family: 'var(--typo-btn)'; + text-align: left; + border: none; + font-weight: bold; + margin: 0 0 1.5rem 0; + padding: 0; + p { + font-size: 2.2rem; + margin: 0 0 2rem 0; + font-weight: normal; + } + } + cs-display-multiple-property[name="format"] p{ + text-align: right; + } + .avatar{ + float: left; + margin-right: 1rem; + } + .steps{ + cs-display-step-property p{ + color: #3D424A; + font-size: 2.2rem; + } + } + .like{ + display: flex; + flex-wrap: nowrap; + justify-content: flex-end; + p.backlink{ + font-size: 1.4rem; + margin:0 0 0 2.5rem; + text-decoration: none; + } + } + .autor_ressource, .validator_ressource{ + p{ + color: var(--clr-typo-base); + font-size: 1.4rem; + } + b{ + display: block; + color: var(--clr-roll-black); + } + } + cs-display-link *, sib-link{ + margin: 0; + } + .broken sib-link{ + margin: 1rem 0 0 3rem; + } + cs-display-property p{ + clear: both; + padding-top: 2rem; + } +} + #mentor-resource-detail a{ text-decoration: none; display: inline-block; - margin: 3rem 0; + margin: 0; } sib-set-default[name="specifications"]>cs-display-resource-property, @@ -941,6 +1058,7 @@ cs-validate-action div{ clear: both; text-align: right; } + /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXX PROFILE XXXXXXXXXXXXXXXXXXXXX -- GitLab From d786f2d1d5643e9f57dea6e92800ad6445504671 Mon Sep 17 00:00:00 2001 From: Benoit Alessandroni <benoit@happy-dev.fr> Date: Wed, 11 Sep 2019 11:48:59 +0200 Subject: [PATCH 2/4] Quick adjustment --- src/includes/mentor/dashboard.pug | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/includes/mentor/dashboard.pug b/src/includes/mentor/dashboard.pug index 77b3b603..1abc49f8 100644 --- a/src/includes/mentor/dashboard.pug +++ b/src/includes/mentor/dashboard.pug @@ -19,7 +19,7 @@ section#home sib-route(id-prefix=`${endpoints.resources}`, name='mentor-resource-detail', use-id) sib-route(id-prefix=`${endpoints.resources}`, name='mentor-resource-validate', use-id) - dialog#mentor-resource-detail.no-sidebar.container + dialog#mentor-resource-detail.no-sidebar include resources/detail.pug sib-link(class="backlink", next="mentor-resource-list") Back to the dashboard -- GitLab From f526e5f3cfd4bedce002b596d8d39c6ab56b42dd Mon Sep 17 00:00:00 2001 From: fred <fred> Date: Fri, 13 Sep 2019 10:36:03 +0200 Subject: [PATCH 3/4] Fix the thing --- src/images/asid_entre.png | Bin 0 -> 3210 bytes src/includes/entrepreneur/dashboard.pug | 6 +- src/includes/entrepreneur/profile/detail.pug | 40 +++ src/includes/entrepreneur/profile/edit.pug | 28 ++ src/includes/entrepreneur/resources/list.pug | 262 ++++++++++++++++++- src/includes/mentor/profile.pug | 5 +- src/styles/index.scss | 63 ++++- 7 files changed, 386 insertions(+), 18 deletions(-) create mode 100644 src/images/asid_entre.png create mode 100644 src/includes/entrepreneur/profile/detail.pug create mode 100644 src/includes/entrepreneur/profile/edit.pug diff --git a/src/images/asid_entre.png b/src/images/asid_entre.png new file mode 100644 index 0000000000000000000000000000000000000000..5cbad5cd4b10fe82760dd53c805a380c82736728 GIT binary patch literal 3210 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 literal 0 HcmV?d00001 diff --git a/src/includes/entrepreneur/dashboard.pug b/src/includes/entrepreneur/dashboard.pug index 69b824c5..da0ecac8 100644 --- a/src/includes/entrepreneur/dashboard.pug +++ b/src/includes/entrepreneur/dashboard.pug @@ -8,10 +8,6 @@ header#header(role='banner') section#home - h1 Mentorship program - - p International index of resources for cooperative mentors and entrepreneurs - //TODO: //-Distinguish the search form from the listing //-Create two Sib-displays getting the resources by "types" @@ -37,4 +33,4 @@ section#home sib-link(next='entrepreneur-resource-list', class='button_base') Ok #entrepreneur-account(hidden) - h2 account + include ./profile/detail.pug diff --git a/src/includes/entrepreneur/profile/detail.pug b/src/includes/entrepreneur/profile/detail.pug new file mode 100644 index 00000000..722ed9a8 --- /dev/null +++ b/src/includes/entrepreneur/profile/detail.pug @@ -0,0 +1,40 @@ +include ../../components/widgets + +div.container_min + h2.title_lead.fd_bleu My Account + +div.block_list.flex + div.button__actions.w_25 + + div.dashboard__database + sib-link(next='entrepreneur-database') + div.button_base.ico_gauche.ico_database Browse database + + div.dashboard__database + sib-link(next='entrepreneur-resource-list') + div.button_base.ico_gauche.ico_search Back to dashboard + + div.dashboard__database + div.logout-button.button_base( + role='log out' + ) Logout + + div.profile_information.block_log.w_75 + sib-link(next='entrepreneur-account-edit') + button.button_edit <i class="fas fa-pen" aria-hidden="true"></i> + + sib-display( + bind-user + fields='name, entrepreneur_profile.organisation.name, registered_on' + widget-name='cs-display-property' + widget-entrepreneur_profile.organisation.name='cs-display-property' + widget-entrepreneur_profile.registered_on='cs-display-property' + ) + + sib-display( + bind-user + fields='email' + label-email='Email:' + class-email="contact_profil" + widget-email='cs-display-resource-property' + ) \ No newline at end of file diff --git a/src/includes/entrepreneur/profile/edit.pug b/src/includes/entrepreneur/profile/edit.pug new file mode 100644 index 00000000..e59fb33a --- /dev/null +++ b/src/includes/entrepreneur/profile/edit.pug @@ -0,0 +1,28 @@ +include ../../components/widgets + +h2.title_create Edit your account + +sib-form.block_log.block_creat_count( + bind-user + fields="last_name, first_name, username, email, entrepreneur_profile.organisation" + range-entrepreneur_profile.organisation=`${endpoints.organisations}` + + label-first_name="Surname" + label-last_name="Name" + label-username="Username" + label-entrepreneur_profile.organisation="Organisation" + + widget-username="sib-form-hidden" + + class-last_name='form-label is-dark' + class-first_name='form-label is-dark' + class-email='form-label is-dark' + class-entrepreneur_profile.phone='form-label is-dark' + + class-entrepreneur_profile.organisation='form-label is-dark' + multiple-entrepreneur_profile.organisation='sib-multiple-select' + widget-entrepreneur_profile.organisation='sib-form-auto-completion' + + submit-button="Save modifications" + next='entrepreneur-resource-list' +) \ No newline at end of file diff --git a/src/includes/entrepreneur/resources/list.pug b/src/includes/entrepreneur/resources/list.pug index 3270dd35..5665de35 100644 --- a/src/includes/entrepreneur/resources/list.pug +++ b/src/includes/entrepreneur/resources/list.pug @@ -1,10 +1,90 @@ include ../../components/widgets -p: a Watch a video presentation -h2 Search for a resource +div.container_min + h2.title_lead.fd_bleu International index of resources for cooperative mentors and entrepreneurs + button.button_dark.pull-right Watch the presentation + +//-Question : +//In my opinion, "multiple ressource" solution is closer to the wanted result than the "group-by" solution + +//Maybe we sould think from now how we gonna manage the type filter + +//What's the best way to retrieve the name of the format? By the resource we get a number. Sould we manage this with a 'switch/case' in js? + +//It seems that we don't have likes and dislikes data : sould i ignore them for the moment? + + +container.block_list.flex.flex_espace + + div.w_75.block-g-entre + div + h2.title_form Search for a resource + sib-form#search-by-keyword( + data-src=`${endpoints.resources}`, + fields='keyword(name_keyword, description, author)' + label-keyword="Search by author, name..." + widget-keyword="sib-form-placeholder-text" + + widget-description='cs-display-property' + widget-name_keyword='cs-display-property' + widget-author='cs-display-property' + + submit-button='Search' + ) + + sib-form( + data-src=`${endpoints.resources}`, + fields='instance_database_only' + + widget-instance_database_only='cs-display-checkbox' + + class-instance_database_only = 'ss-list checkbox' + naked + ) + + sib-form( + data-src=`${endpoints.resources}`, + fields='header_criterias, format, publication_year, country, language.name, fields, steps' + + label-header_criterias='More criterias' + label-format='Format:' + label-publication_year='Year of publication' + label-country='Country of publication' + label-language.name='Language' + label-fields='Field' + label-steps='Step of : Staring up a cooperative business' + widget-header_criterias='cs-section_header' + + range-language.name=`${endpoints.languages}` + range-fields=`${endpoints.fields}` + range-steps=`${endpoints.steps}` + range-format=`${endpoints.formats}` + + multiple-language.name='sib-multiple-select' + widget-language.name='sib-form-auto-completion' + + multiple-format='sib-multiple-select' + widget-format='sib-form-auto-completion' + + multiple-fields='sib-multiple-select' + widget-fields='sib-form-auto-completion' + + multiple-steps='sib-multiple-select' + widget-steps='sib-form-auto-completion' + + naked + ) + div.w_25 + div.block_aside_entre + img(src="../images/asid_entre.png" alt="rechercher de ressources") + p Can't find the ressource you need ? + div.button__actions + sib-link(next='entrepreneur-request-create') + div + div.button_base Make a request + -#circles sib-display#circles-list( data-src=`${endpoints.resources}`, fields='name, description, format, info(author, publication_year, language.name), steps', @@ -19,9 +99,173 @@ h2 Search for a resource next='detail' ) -div.side-block - p Can't find the ressource you need ? - div.button__actions - sib-link(next='entrepreneur-request-create') - div - div.button_base.ico_gauche.ico_plus Make a request \ No newline at end of file + + sib-display.resource_by_step( + data-src=`${endpoints.steps}2/resources/`, + fields='name, format, publication_year, description, country, language.name, field, steps', + search-fields='search_for_a_resource(name, description, author), format, publication_year, country, language.name, field, steps', + + search-widget-search_for_a_resource="hidden-widget" + search-widget-format="hidden-widget" + search-widget-publication_year="hidden-widget" + search-widget-country="hidden-widget" + search-widget-language.name="hidden-widget" + search-widget-field="hidden-widget" + search-widget-steps="hidden-widget" + + + widget-name='cs-display-property' + widget-publication_year='cs-display-property' + widget-description='cs-display-property' + widget-language.name="hidden-widget" + widget-author="hidden-widget" + widget-steps="hidden-widget" + widget-format='cs-display-multiple-property' + label-format='' + multiple-format + + paginate-by="5" + ) + + sib-display#circles-list( + data-src=`${endpoints.steps}3/`, + fields='name' + + label-name ='Step 3 ' + label-resources='' + + widget-name='cs-steps-header' + + ) + + sib-display.resource_by_step( + data-src=`${endpoints.steps}3/resources/`, + fields='name, format, publication_year, description, country, language.name, field, steps', + search-fields='search_for_a_resource(name, description, author), format, publication_year, country, language.name, field, steps', + + search-widget-search_for_a_resource="hidden-widget" + search-widget-format="hidden-widget" + search-widget-publication_year="hidden-widget" + search-widget-country="hidden-widget" + search-widget-language.name="hidden-widget" + search-widget-field="hidden-widget" + search-widget-steps="hidden-widget" + + + widget-name='cs-display-property' + widget-publication_year='cs-display-property' + widget-description='cs-display-property' + widget-language.name="hidden-widget" + widget-author="hidden-widget" + widget-steps="hidden-widget" + widget-format='cs-display-multiple-property' + label-format='' + multiple-format + + paginate-by="5" + ) + + sib-display#circles-list( + data-src=`${endpoints.steps}4/`, + fields='name' + + label-name ='Step 4 ' + label-resources='' + + widget-name='cs-steps-header' + + ) + + sib-display.resource_by_step( + data-src=`${endpoints.steps}4/resources/`, + fields='name, format, publication_year, description, country, language.name, field, steps', + search-fields='search_for_a_resource(name, description, author), format, publication_year, country, language.name, field, steps', + + search-widget-search_for_a_resource="hidden-widget" + search-widget-format="hidden-widget" + search-widget-publication_year="hidden-widget" + search-widget-country="hidden-widget" + search-widget-language.name="hidden-widget" + search-widget-field="hidden-widget" + search-widget-steps="hidden-widget" + + + widget-name='cs-display-property' + widget-publication_year='cs-display-property' + widget-description='cs-display-property' + widget-language.name="hidden-widget" + widget-author="hidden-widget" + widget-steps="hidden-widget" + widget-format='cs-display-multiple-property' + label-format='' + multiple-format + + paginate-by="5" + ) + + sib-display#circles-list( + data-src=`${endpoints.steps}5/`, + fields='name' + + label-name ='Step 5 ' + label-resources='' + + widget-name='cs-steps-header' + ) + + sib-display.resource_by_step( + data-src=`${endpoints.steps}5/resources/`, + fields='name, format, publication_year, description, country, language.name, field, steps', + search-fields='search_for_a_resource(name, description, author), format, publication_year, country, language.name, field, steps', + + search-widget-search_for_a_resource="hidden-widget" + search-widget-format="hidden-widget" + search-widget-publication_year="hidden-widget" + search-widget-country="hidden-widget" + search-widget-language.name="hidden-widget" + search-widget-field="hidden-widget" + search-widget-steps="hidden-widget" + + + widget-name='cs-display-property' + widget-publication_year='cs-display-property' + widget-description='cs-display-property' + widget-language.name="hidden-widget" + widget-author="hidden-widget" + widget-steps="hidden-widget" + widget-format='cs-display-multiple-property' + label-format='' + multiple-format + + paginate-by="5" + ) + +//- search-fields="keyword, instance_database_only,\ +//- more_criterias(header_criterias, format, publication_year, country, language, field, step)" +//- search-label-keyword="Search by author, name..." +//- search-label-header_criterias='More criterias' +//- search-label-format='Format' +//- search-label-publication_year='Year of publication' +//- search-label-country='Country of publication' +//- search-label-language='Language' +//- search-label-field='Field' +//- search-label-step='Step of : Staring up a cooperative business' +//- search-widget-keyword="sib-form-placeholder-text" +//- search-widget-instance_database_only='cs-display-checkbox' +//- search-widget-header_criterias='cs-section_header' + +//- search-range-language=`${endpoints.languages}` +//- search-range-field=`${endpoints.fields}` +//- search-range-step=`${endpoints.step}` + +//- search-multiple-language='sib-multiple-select' +//- search-widget-language='sib-form-auto-completion' + +//- search-multiple-field='sib-multiple-select' +//- search-widget-field='sib-form-auto-completion' + +//- search-multiple-step='sib-multiple-select' +//- search-widget-step='sib-form-auto-completion' + +//- widget-description='cs-display-property' +//- widget-name='cs-display-property' diff --git a/src/includes/mentor/profile.pug b/src/includes/mentor/profile.pug index 55c9374b..2a187952 100644 --- a/src/includes/mentor/profile.pug +++ b/src/includes/mentor/profile.pug @@ -19,11 +19,14 @@ div.block_list.flex div.button_base.ico_gauche.ico_search Back to dashboard div.dashboard__database - div#logout-button.button_base( + div.logout-button.button_base( role='log out' ) Logout div.profile_information.block_log.w_75 + sib-link(next='mentor-account-edit') + button.button_edit <i class="fas fa-pen" aria-hidden="true"></i> + sib-display( bind-user fields='account.picture, name, mentor_profile.headline, mentor_profile.city, mentor_profile.country, registered_on' diff --git a/src/styles/index.scss b/src/styles/index.scss index 073ce879..5fc9ebf9 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -382,6 +382,9 @@ ico_droite:before{ #mentor-resource-detail a:before{ /* ico link to ressource dans détail ressources*/ content:"\f0c1"; } +.ico_arrow:before{ + content: "\f061"; +} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx FIN ICONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ @@ -543,12 +546,12 @@ form .ss-main .ss-multi-selected .ss-values .ss-value{ color: #818998; font-weight: lighter; } -.ss-list.checkbox .ss-option{ +.ss-list.checkbox .ss-option, .ss-list.checkbox input{ position: relative; font-weight: lighter; } -.ss-list.checkbox .ss-option:before { +.ss-list.checkbox .ss-option:before, , .ss-list.checkbox input:before { content: ""; position : absolute; display: block; @@ -559,7 +562,7 @@ form .ss-main .ss-multi-selected .ss-values .ss-value{ left: -2.5rem; top: .9rem; } -.ss-list.checkbox .ss-option.active:after { +.ss-list.checkbox .ss-option.active:after, , .ss-list.checkbox input:after { font-family: "Font Awesome 5 pro"; font-weight: 900; content: "\f00C"; @@ -695,6 +698,40 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ margin-top: 10rem; } + +/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXX Home entrepreneur XXXXXXXXXXXXXXXXXX +XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ + +.block_aside_entre{ + background: white; + margin-left: 2rem; + padding: 1.5rem; + text-align: center; + p{ + color: #152935; + font-size: 1.4rem; + font-weight: bold; + margin: 2rem 0 2rem 0; + } +} +.block-g-entre{ + background: white; + padding: 2rem; +} + +#entrepreneur-resource-list container{ + padding-top: 3.5rem; + input[name="keyword"]{ + float: left; + width: 80%; + } + input[type="submit"]{ + float: right; + margin-top: 0; + } +} /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXX LISTE RESSOURCE XXXXXXXXXXXXXXXXXX @@ -1125,6 +1162,26 @@ cs-display-property[name="mentor_profile.country"] p{ color: var(--bg-block); cursor: pointer; } + +.button_edit{ + position: absolute; + top: -1rem; + right: -2rem; + width: 5rem; + height: 5rem; + border-radius: 50%; + background: var(--clr-roll-black); + color:white; + border: 2px rgba(68,76,77, 0) solid; + transition: .4s all ease-in; + font-size: 1.4rem; + cursor: pointer; +} +.button_edit:hover{ + color: var(--clr-roll-black); + background: white; + border: 2px rgba(68,76,77, 1) solid; +} /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX -- GitLab From 01dd5293ea6f2a38adc179bffa2e739c031c8284 Mon Sep 17 00:00:00 2001 From: Benoit Alessandroni <benoit@happy-dev.fr> Date: Fri, 13 Sep 2019 10:49:21 +0200 Subject: [PATCH 4/4] Fix buttons --- src/scripts/coopstarter.js | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/src/scripts/coopstarter.js b/src/scripts/coopstarter.js index ebf57127..6111b607 100644 --- a/src/scripts/coopstarter.js +++ b/src/scripts/coopstarter.js @@ -50,14 +50,21 @@ jQuery(document).ready(function($) { refreshList("refusal-dialog-form", "pending-resources"); refreshList("improvement-dialog-form", "pending-resources"); - const logoutButton = document.getElementById('logout-button'); - logoutButton.addEventListener('click', function() { + const logoutButtons = document.getElementsByClassName("logout-button"); + for (var i = 0; i < logoutButtons.length; i++) { + logoutButtons[i].addEventListener("click", function() { window.dispatchEvent( - new CustomEvent('requestNavigation', { detail: { route: 'splash-index' } }) + new CustomEvent("requestNavigation", { + detail: { route: "splash-index" } + }) ); - document.querySelector('sib-auth').logout(); - setTimeout(function(){ location.reload(); }, 1000); - }) + document.querySelector("sib-auth").logout(); + setTimeout(function() { + location.reload(); + }, 1000); + }); + } + //In the entrepreneur dashboard, we set data from the display form to the hidden ones. let keyword_form = document.getElementById('search-by-keyword'); -- GitLab