diff --git a/src/custom-tzcld.js b/src/custom-tzcld.js
index d59586f0de7015f64a4fbab5025b3a8ed1041a47..b235ed3418d1c2d75cfd0a495ca12fab5b77ebcf 100644
--- a/src/custom-tzcld.js
+++ b/src/custom-tzcld.js
@@ -162,6 +162,121 @@ import("./utils.js").then((utils) => {
this.element.innerHTML = render;
},
});
+ core.Sib.register({
+ name: "customtzcld-form-profile-jobs-widgetsssss",
+ use: [core.StoreMixin],
+
+ empty() {
+ //console.debug();
+ console.log('is empty ----------------------------------------------------------------------------------------') ;
+ console.log(this.resource) ;
+ this.element.innerHTML = "ddddddddddddddddddddddddddddddddddddddddddddddddd";
+ },
+
+ async populate() {
+
+ console.log('is empty ----------------------------------------------------------------------------------------') ;
+ console.log(this.resource) ;
+ this.element.innerHTML = "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
+ }
+ });
+ customElements.define(
+ "customtzcld-form-profile-jobs-widget-hook",
+ class extends core.SolidTemplateElement {
+ constructor() {
+ super();
+ this.loaderID = core.Helpers.uniqID();
+ }
+ static get propsDefinition() {
+ return {
+ dataSrc: 'value',
+ };
+ }
+ template({dataSrc
+ }) {
+
+ console.log('is empty ----------------------------------------------------------------------------------------') ;
+ return `
+ <solid-widget name="customtzcld-form-profile-phone-widget">
+ <template>
+ <solid-form
+ class="d-block rowClear"
+ data-src="\${value}"
+ data-holder
+ partial
+ naked
+ fields="segment1(phone, phone_type, phone_public)"
+ class-segment1="segment full sm-full rowClear"
+ class-phone="segment margin-bottom-medium width-45 sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-phone_type="segment margin-bottom-medium width-45 sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-phone_public="segment margin-bottom-medium width-10 sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading tzcld-checkbox"
+ widget-phone_public="solid-form-checkbox-label"
+ label-address_public="Public"
+ ></solid-form>
+ </template>
+ </solid-widget>
+ <solid-widget name="customtzcld-form-profile-email-widget">
+ <template>
+ <solid-form
+ class="d-block rowClear"
+ data-src="\${value}"
+ data-holder
+ partial
+ naked
+ fields="segment1(email, email_type, email_public)"
+ class-segment1="segment full sm-full rowClear"
+ class-email="segment margin-bottom-medium width-45 sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-email_type="segment margin-bottom-medium width-45 sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-email_public="segment margin-bottom-medium width-10 sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading tzcld-checkbox"
+ widget-email_public="solid-form-checkbox-label"
+ label-email_public="Public"
+ ></solid-form>
+ </template>
+ </solid-widget>
+ <solid-widget name="customtzcld-form-profile-jobs-widget">
+ <template>
+ <solid-form
+ class="d-block rowClear"
+ data-src="\${value}"
+ data-holder
+ naked
+ fields="segment11(position, organisation), segment12(address, postal_code), segment13(city, department, address_public), phones, emails"
+ value-profile="\${value}"
+ class-segment11="segment full sm-full rowClear"
+ class-segment12="segment full sm-full rowClear"
+ class-segment13="segment full sm-full rowClear"
+ class-position="segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-organisation="segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-address="segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-postal_code="segment margin-bottom-medium half sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-city="segment margin-bottom-medium width-45 sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-department="segment margin-bottom-medium width-45 sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading"
+ class-address_public="segment margin-bottom-medium width-10 sm-full padding-right-small sm-padding-none text-small text-semibold text-uppercase text-color-heading tzcld-checkbox"
+ widget-address_public="solid-form-checkbox-label"
+
+ multiple-phones
+ widget-phones="customtzcld-form-profile-phone-widget"
+ multiple-phones-label= "Téléphone"
+ multiple-phones-add-label= "Ajouter un téléphone"
+ multiple-phones-remove-label= "Supprimer"
+
+ multiple-emails
+ widget-emails="customtzcld-form-profile-email-widget"
+ multiple-phones-label= "Téléphone"
+ multiple-emails-add-label= "Ajouter un E-mail"
+ multiple-emails-remove-label= "Supprimer"
+ multiple-emails-remove-class= "multiple-delete"
+
+ label-address_public="Public"
+ ></solid-form>
+ </template>
+ </solid-widget>`;
+ }
+ }
+ );
});
});
+
+
+
diff --git a/src/index.js b/src/index.js
index ff83c659329f628edd9b3d93852403232639cd6c..338c2124d98c3a09833feb5955678d28ea3f8470 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,6 +1,7 @@
import('./utils.js').then(utils => {
import(utils.coreVersion()).then(async (core) => {
core.Helpers.importCSS(utils.path() + '/styles/index.css?min');
+ core.Helpers.importCSS(utils.path() + '/styles/custom-grid.css?min');
core.Helpers.importCSS(utils.path() + '/styles/dashboard.css?min');
await import("./custom-tzcld.js");
diff --git a/src/styles/custom-grid.scss b/src/styles/custom-grid.scss
new file mode 100644
index 0000000000000000000000000000000000000000..eea3c4fcf3b0ea3b552d0e1361836ce06c886b68
--- /dev/null
+++ b/src/styles/custom-grid.scss
@@ -0,0 +1,38 @@
+.segment {
+ .width-10 {
+ width: 10%;
+ }
+ .width-20 {
+ width: 20%;
+ }
+ .width-30 {
+ width: 30%;
+ }
+ .width-40 {
+ width: 40%;
+ }
+ .width-45 {
+ width: 45%;
+ }
+ .width-50 {
+ width: 50%;
+ }
+ .width-60 {
+ width: 60%;
+ }
+ .width-70 {
+ width: 70%;
+ }
+ .width-80 {
+ width: 80%;
+ }
+ .width-90 {
+ width: 90%;
+ }
+}
+.rowClear {
+ white-space: normal;
+}
+.d-block {
+ display: block;
+}
\ No newline at end of file
diff --git a/src/styles/dashboard.scss b/src/styles/dashboard.scss
index 72606219b49c311903108d768b2900d28bae6ef7..d375689669446de5d59a9484a3ad8fd2fb0d58b0 100644
--- a/src/styles/dashboard.scss
+++ b/src/styles/dashboard.scss
@@ -105,4 +105,121 @@ body {
}
}
}
-}
\ No newline at end of file
+}
+
+nav#main__menu .icon {
+
+ /* use !important to prevent issues with browser extensions that change fonts */
+ &:before {
+ font-family: 'tz-icomoon' !important;
+ speak: never;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+ &.icon-people:before {
+ content: "\e90d";
+ color: #00b1e6;
+ }
+}
+
+
+@font-face {
+ font-family: 'tz-icomoon';
+ src: url('fonts/tz-icomoon.eot?rlrrlx');
+ src: url('fonts/tz-icomoon.eot?rlrrlx#iefix') format('embedded-opentype'),
+ url('fonts/tz-icomoon.ttf?rlrrlx') format('truetype'),
+ url('fonts/tz-icomoon.woff?rlrrlx') format('woff'),
+ url('fonts/tz-icomoon.svg?rlrrlx#tz-icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+ font-display: block;
+ }
+
+ .tz-icon {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'tz-icomoon' !important;
+ speak: never;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ .icon-tz-private:before {
+ content: "\e903";
+ color: #d3d5dd;
+ }
+ .icon-tz-annuaire .path1:before {
+ content: "\e904";
+ color: rgb(0, 177, 230);
+ }
+ .icon-tz-annuaire .path2:before {
+ content: "\e905";
+ margin-left: -1em;
+ color: rgb(211, 213, 221);
+ }
+ .icon-tz-annuaire .path3:before {
+ content: "\e906";
+ margin-left: -1em;
+ color: rgb(213, 237, 255);
+ }
+ .icon-tz-annuaire .path4:before {
+ content: "\e907";
+ margin-left: -1em;
+ color: rgb(255, 255, 255);
+ }
+ .icon-tz-annuaire .path5:before {
+ content: "\e908";
+ margin-left: -1em;
+ color: rgb(26, 44, 95);
+ }
+ .icon-tz-mes-territoires .path1:before {
+ content: "\e909";
+ color: rgb(213, 237, 255);
+ }
+ .icon-tz-mes-territoires .path2:before {
+ content: "\e90a";
+ margin-left: -1em;
+ color: rgb(31, 130, 192);
+ }
+ .icon-tz-mes-territoires .path3:before {
+ content: "\e90b";
+ margin-left: -1em;
+ color: rgb(141, 216, 248);
+ }
+ .icon-tz-mes-territoires .path4:before {
+ content: "\e90c";
+ margin-left: -1em;
+ color: rgb(141, 216, 248);
+ }
+ .icon-tz-territoires:before {
+ content: "\e90d";
+ color: #00b1e6;
+ }
+ .icon-tz-home .path1:before {
+ content: "\e900";
+ color: rgb(213, 237, 255);
+ }
+ .icon-tz-home .path2:before {
+ content: "\e901";
+ margin-left: -1em;
+ color: rgb(0, 177, 230);
+ }
+ .icon-tz-home .path3:before {
+ content: "\e902";
+ margin-left: -1em;
+ color: rgb(0, 177, 230);
+ }
+
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 53e3e4fec7f6ed823085256c2e107fb009ae92a2..21af7d1463f892f60bf3b83d0b57adf29ccca597 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -40,7 +40,7 @@ solid-form-dropdown-label {
}
}
-solid-form-checkbox-label[name="tzcld_profile.membership"].tzcld-checkbox {
+solid-form-checkbox-label.tzcld-checkbox {
white-space: normal;
label:nth-child(odd) {
@@ -55,9 +55,9 @@ solid-form-checkbox-label[name="tzcld_profile.membership"].tzcld-checkbox {
display: inline-block;
padding: 0px;
width: 35px;
- height: 15px;
+ height: 16px;
margin-top: 16px;
- margin-left: calc(50% - 17.5px);
+ /*margin-left: calc(50% - 17.5px);*/
input {
display: none;
@@ -71,7 +71,7 @@ solid-form-checkbox-label[name="tzcld_profile.membership"].tzcld-checkbox {
left: 0;
right: 0;
bottom: 0;
- background-color: #f6f6f6;
+ background-color: #fff;
&.revert {
background-color: white;
@@ -79,15 +79,16 @@ solid-form-checkbox-label[name="tzcld_profile.membership"].tzcld-checkbox {
transition: 0.4s;
border-radius: 10px;
+ border: 1px solid #636363;
&:before {
position: absolute;
content: "";
- height: 11px;
- width: 11px;
- left: 1px;
- bottom: 2px;
- background-color: white;
+ height: 12px;
+ width: 12px;
+ left: 2px;
+ bottom: 1px;
+ background-color: #D3D5DD;
transition: 0.4s;
border-radius: 10px;
}
@@ -110,4 +111,29 @@ solid-form-checkbox-label[name="tzcld_profile.membership"].tzcld-checkbox {
transform: translateX(-100%);
}
}
+}
+solid-multiple-form {
+ button {
+ display: block;
+ border: 2px solid var(--color-primary) ;
+ border-radius: 4px;
+ color: var(--color-primary);
+ padding: 8px 12px;
+ font-weight: 800;
+ font-size: 12px;
+ line-height: 16px;
+ text-align: center;
+ text-transform: uppercase;
+ margin: 10px 0;
+ }
+ &>div {
+ &>button {
+ display: block;
+ border: none ;
+ color: var(--color-primary);
+ margin-left: auto;
+ margin-right: 0;
+ text-decoration: underline;
+ }
+ }
}
\ No newline at end of file