diff --git a/src/app/structure-list/components/structure-details/structure-details.component.html b/src/app/structure-list/components/structure-details/structure-details.component.html index 3fee9a20cfc0f5d1ed3767f136cc5461c4749613..51719ca956518c2345f8491aead6c236cea8b1b6 100644 --- a/src/app/structure-list/components/structure-details/structure-details.component.html +++ b/src/app/structure-list/components/structure-details/structure-details.component.html @@ -45,7 +45,7 @@ (keyup.enter)="goToWebsite()" > <app-svg-icon class="icon" [type]="'ico'" [icon]="'web'" [iconClass]="'icon-32'" /> - <div class="iconTitle">Site internet</div> + <div class="iconTitle">Site web</div> </div> <!-- Imprimer --> <div role="button" class="printButton clickableDiv" tabindex="0" (click)="print()" (keyup.enter)="print()"> @@ -61,7 +61,7 @@ (keyup.enter)="displayModalError()" > <app-svg-icon class="icon" [type]="'ico'" [icon]="'watch'" [iconClass]="'icon-32'" /> - <div class="iconTitle">Une erreur ?</div> + <div class="iconTitle">Signaler une erreur</div> </div> <!-- Je travaille ici --> <div @@ -72,7 +72,7 @@ (click)="handleJoin()" (keyup.enter)="handleJoin()" > - <app-svg-icon class="icon" [type]="'ico'" [icon]="'workhere'" [iconClass]="'icon-32'" /> + <app-svg-icon class="icon" [type]="'ico'" [icon]="'workHere'" [iconClass]="'icon-32'" /> <div class="iconTitle">Je travaille ici</div> </div> <!-- Modifier la structure --> @@ -85,7 +85,7 @@ (keyup.enter)="handleModify()" > <app-svg-icon class="icon" [type]="'ico'" [icon]="'modifyStructure'" [iconClass]="'icon-32'" /> - <div class="iconTitle">Modifier</div> + <div class="iconTitle">Modifier la structure</div> </div> </section> diff --git a/src/app/structure-list/components/structure-details/structure-details.component.scss b/src/app/structure-list/components/structure-details/structure-details.component.scss index 697a2160ecb67b8cba3a0d52c09aeb0a26a11418..54cbba347c19c9193bc1a6f89baa2a455fd3d76e 100644 --- a/src/app/structure-list/components/structure-details/structure-details.component.scss +++ b/src/app/structure-list/components/structure-details/structure-details.component.scss @@ -74,32 +74,31 @@ section.title { } section.actions { - position: relative; display: flex; flex-direction: row; + justify-content: space-around; overflow-y: auto; .clickableDiv { text-align: center; - height: 90px; - width: 115.2px; + max-width: 65px; display: flex; flex-direction: column; + justify-content: center; + gap: 10px; cursor: pointer; + &:hover { + text-decoration: underline; + } + .icon { - flex: 1; display: flex; justify-content: center; - align-items: center; } .iconTitle { - @include font-regular-13; + @include font-regular-12; height: 36px; display: flex; justify-content: center; - align-items: center; - } - &:hover { - text-decoration: underline; } } @media #{$tablet} { diff --git a/src/assets/ico/sprite.svg b/src/assets/ico/sprite.svg index 832107113c9c535e843dc09e8781d5447a902148..9e1cdda3711efe98b80bfa302a06130558fd9c36 100644 --- a/src/assets/ico/sprite.svg +++ b/src/assets/ico/sprite.svg @@ -344,29 +344,28 @@ </symbol> <symbol id="web" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> - <rect x="11" y="10" width="2" height="2" fill="#333333" /> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" fill="white" /> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" stroke="#333333" /> + <circle cx="15.9817" cy="16.4309" r="8.9817" stroke="#333333" stroke-width="1.5" /> <path - d="M6.75 16C6.75 13.6528 8.65279 11.75 11 11.75H13C15.3472 11.75 17.25 13.6528 17.25 16V23C17.25 25.8995 14.8995 28.25 12 28.25C9.10051 28.25 6.75 25.8995 6.75 23V16Z" + d="M15.9821 25.4126C13.5018 25.4126 11.4912 21.3914 11.4912 16.4309C11.4912 11.4705 13.5018 7.44922 15.9821 7.44922" stroke="#333333" stroke-width="1.5" /> - <rect x="11" y="14.5" width="2" height="5" rx="1" fill="#333333" /> <path - d="M12 10.5C12 9.33333 12 9.7 12 8.5C12 7 13 3 16.9999 3C20.9998 3 21.9999 7 21.9999 9.5C21.9999 12 21.9999 11 21.9999 12.5C21.9999 14 22.4999 17 24.9999 17C27.4999 17 27.9999 14.5 27.9999 12.5" + d="M15.9818 25.4126C18.462 25.4126 20.4727 21.3914 20.4727 16.4309C20.4727 11.4705 18.462 7.44922 15.9818 7.44922" stroke="#333333" stroke-width="1.5" /> + <path d="M7.8983 13.2871H24.0654M7.44922 19.5743H24.0654" stroke="#333333" stroke-width="1.5" /> </symbol> + <symbol id="watch" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> - <path d="M8 16C9.25818 18.3413 12.3636 20 16 20C19.6364 20 22.7418 18.3413 24 16" stroke="#333333" - stroke-width="1.5" stroke-linecap="round" /> - <path fill-rule="evenodd" clip-rule="evenodd" - d="M16 12C13.7867 12 12 13.7867 12 16C12 18.2133 13.7867 20 16 20C18.2133 20 20 18.2133 20 16C20 13.7867 18.2133 12 16 12Z" - stroke="#333333" stroke-width="1.5" stroke-linecap="round" /> - <path d="M8 16C9.25818 13.6587 12.3636 12 16 12C19.6364 12 22.7418 13.6587 24 16" stroke="#333333" - stroke-width="1.5" stroke-linecap="round" /> - <circle cx="16" cy="16" r="11.25" stroke="#333333" stroke-width="1.5" /> - <path d="M24 24.5L28 28.5" stroke="#333333" stroke-width="1.5" stroke-linecap="round" /> - <circle cx="16" cy="16" r="1.5" fill="#333333" /> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" fill="white" /> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" stroke="#333333" /> + <path + d="M22 19.0004V23.0004C22 23.5504 21.55 24.0004 21 24.0004H9C8.45 24.0004 8 23.5504 8 23.0004V11.0004C8 10.4504 8.45 10.0004 9 10.0004H12.02C12.57 10.0004 13.02 9.55043 13.02 9.00043C13.02 8.45043 12.57 8.00043 12.02 8.00043H8C6.9 8.00043 6 8.90043 6 10.0004V24.0004C6 25.1004 6.9 26.0004 8 26.0004H22C23.1 26.0004 24 25.1004 24 24.0004V19.0004C24 18.4504 23.55 18.0004 23 18.0004C22.45 18.0004 22 18.4504 22 19.0004ZM19.5 22.0004H10.52C10.1 22.0004 9.87 21.5204 10.13 21.1904L11.87 18.9604C12.07 18.7104 12.45 18.7004 12.65 18.9504L14.21 20.8304L16.56 17.8104C16.76 17.5504 17.16 17.5504 17.35 17.8204L19.9 21.2104C20.15 21.5304 19.91 22.0004 19.5 22.0004ZM23.3 12.8904C23.78 12.1204 24.05 11.2204 23.99 10.2304C23.86 8.08043 22.15 6.26043 20.02 6.03043C17.3 5.73043 15 7.84043 15 10.5004C15 12.9904 17.01 15.0004 19.49 15.0004C20.37 15.0004 21.19 14.7404 21.88 14.3004L24.29 16.7104C24.68 17.1004 25.32 17.1004 25.71 16.7104C26.1 16.3204 26.1 15.6804 25.71 15.2904L23.3 12.8904ZM19.5 13.0004C18.12 13.0004 17 11.8804 17 10.5004C17 9.12043 18.12 8.00043 19.5 8.00043C20.88 8.00043 22 9.12043 22 10.5004C22 11.8804 20.88 13.0004 19.5 13.0004Z" + fill="#333333" /> </symbol> + <symbol id="docs" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect x="11" y="2" width="16" height="21" rx="2" fill="white" stroke="#333333" stroke-width="1.5" stroke-linecap="round" /> @@ -377,51 +376,33 @@ <path d="M11 23H19" stroke="#333333" stroke-width="1.5" stroke-linecap="round" /> </symbol> - <symbol id="workhere" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> - <path d="M9 17.2499L10.0833 12.7473L13.5 8.5" stroke="#333333" stroke-width="1.5" stroke-linecap="round" - stroke-linejoin="round" /> - <path d="M21.5 17.2499V12.7473L17.6667 8.58325" stroke="#333333" stroke-width="1.5" stroke-linecap="round" - stroke-linejoin="round" /> - <circle cx="15.4999" cy="3.97917" r="2.22917" stroke="#333333" stroke-width="1.5" /> - <path - d="M17.6666 30.2499V16.895V9.48542C17.6666 8.9086 17.2684 8.40812 16.7064 8.27842V8.27842C15.9143 8.09562 15.0893 8.11053 14.3043 8.32186L14.2735 8.33013C13.7188 8.47947 13.3333 8.9825 13.3333 9.55702V16.895V30.2499" - stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> + <symbol id="workHere" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" fill="white" /> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" stroke="#333333" /> <path - d="M13.25 19H13.3125V18.7772C13.3125 18.2373 13.6146 17.7267 14.1335 17.3894C14.9324 16.8702 16.0676 16.8702 16.8665 17.3894C17.3854 17.7267 17.6875 18.2373 17.6875 18.7772V19H17.75" - stroke="#333333" stroke-width="1.5" /> - <path d="M20 19.75C20 18.9216 20.6716 18.25 21.5 18.25C22.3284 18.25 23 18.9216 23 19.75V26.25H20V19.75Z" + d="M24 10H20V8C20 6.89 19.11 6 18 6H14C12.89 6 12 6.89 12 8V10H8C6.89 10 6.01 10.89 6.01 12L6 23C6 24.11 6.89 25 8 25H24C25.11 25 26 24.11 26 23V12C26 10.89 25.11 10 24 10ZM18 10H14V8H18V10Z" fill="#333333" /> - <rect x="21.25" y="16.25" width="0.5" height="3" fill="#333333" /> </symbol> - <symbol id="modifyStructure" width="32" height="32" viewBox="0 0 32 32" fill="none" - xmlns="http://www.w3.org/2000/svg"> - <g clip-path="url(#clip0_6712_5383)"> - <path - d="M6.34589 21.7013L5.48826 26.3588C5.48826 26.7088 5.76325 26.9837 6.11324 26.9837L10.7707 26.1261C10.9332 26.1261 11.0957 26.0636 11.2082 25.9386L24.361 12.7984L19.6737 8.11108L6.53339 21.2513C6.40839 21.3763 6.34589 21.5263 6.34589 21.7013Z" - stroke="#333333" stroke-width="1.5" /> - <path - d="M26.6484 10.511C27.1358 10.0235 27.1358 9.23603 26.6484 8.74855L23.7235 5.82365C23.4899 5.5896 23.1729 5.45806 22.8422 5.45806C22.5116 5.45806 22.1946 5.5896 21.961 5.82365L19.6736 8.11107L24.3609 12.7984L26.6484 10.511Z" - stroke="#333333" stroke-width="1.5" /> - <path d="M7.03735 20.8369L11.6335 25.4331" stroke="#333333" stroke-width="1.5" /> - </g> - <defs> - <clipPath id="clip0_6712_5383"> - <rect width="32" height="32" fill="white" /> - </clipPath> - </defs> + + <symbol id="modifyStructure" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" fill="white" /> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" stroke="#333333" /> + <path + d="M7 21.4605V24.5005C7 24.7805 7.22 25.0005 7.5 25.0005H10.54C10.67 25.0005 10.8 24.9505 10.89 24.8505L21.81 13.9405L18.06 10.1905L7.15 21.1005C7.05 21.2005 7 21.3205 7 21.4605ZM24.71 11.0405C25.1 10.6505 25.1 10.0205 24.71 9.63055L22.37 7.29055C21.98 6.90055 21.35 6.90055 20.96 7.29055L19.13 9.12055L22.88 12.8705L24.71 11.0405Z" + fill="#333333" /> </symbol> + <symbol id="printStructure" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> - <path d="M8 11.9993V2.66602H24V11.9993" stroke="#333333" stroke-width="1.5" stroke-linecap="round" - stroke-linejoin="round" /> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" fill="white" /> + <rect x="0.5" y="0.5" width="31" height="31" rx="3.5" stroke="#333333" /> <path - d="M8.00033 24H5.33366C4.62641 24 3.94814 23.719 3.44804 23.219C2.94794 22.7189 2.66699 22.0406 2.66699 21.3333V14.6667C2.66699 13.9594 2.94794 13.2811 3.44804 12.781C3.94814 12.281 4.62641 12 5.33366 12H26.667C27.3742 12 28.0525 12.281 28.5526 12.781C29.0527 13.2811 29.3337 13.9594 29.3337 14.6667V21.3333C29.3337 22.0406 29.0527 22.7189 28.5526 23.219C28.0525 23.719 27.3742 24 26.667 24H24.0003" - stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> - <path d="M24 18.666H8V29.3327H24V18.666Z" stroke="#333333" stroke-width="1.5" stroke-linecap="round" - stroke-linejoin="round" /> + d="M23 12H9C7.34 12 6 13.34 6 15V19C6 20.1 6.9 21 8 21H10V23C10 24.1 10.9 25 12 25H20C21.1 25 22 24.1 22 23V21H24C25.1 21 26 20.1 26 19V15C26 13.34 24.66 12 23 12ZM19 23H13C12.45 23 12 22.55 12 22V18H20V22C20 22.55 19.55 23 19 23ZM23 16C22.45 16 22 15.55 22 15C22 14.45 22.45 14 23 14C23.55 14 24 14.45 24 15C24 15.55 23.55 16 23 16ZM21 7H11C10.45 7 10 7.45 10 8V10C10 10.55 10.45 11 11 11H21C21.55 11 22 10.55 22 10V8C22 7.45 21.55 7 21 7Z" + fill="#333333" /> </symbol> + <symbol id="services" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <path d="M26.1416 18.2344C26.3994 18.349 26.4854 18.5495 26.3994 18.8359C25.9124 20.3542 25.1247 21.7005 24.0361 22.875C23.8643 23.0755 23.6637 23.1185 23.4346 23.0039L21.5869 21.9297C20.8135 22.5885 19.9398 23.0898 18.9658 23.4336V25.5391C18.9658 25.8255 18.8369 25.9974 18.5791 26.0547C17.0036 26.3984 15.4424 26.3984 13.8955 26.0547C13.609 25.9974 13.4658 25.8255 13.4658 25.5391V23.4336C12.4919 23.0898 11.6182 22.5885 10.8447 21.9297L9.04004 23.0039C8.78223 23.1185 8.56738 23.0755 8.39551 22.875C7.30697 21.7005 6.51921 20.3542 6.03223 18.8359C5.94629 18.5781 6.03223 18.3776 6.29004 18.2344L8.09473 17.1602C8.00879 16.6732 7.96582 16.1719 7.96582 15.6562C7.96582 15.1406 8.00879 14.6393 8.09473 14.1523L6.29004 13.0781C6.03223 12.9635 5.94629 12.763 6.03223 12.4766C6.51921 10.9583 7.30697 9.61198 8.39551 8.4375C8.56738 8.23698 8.78223 8.20833 9.04004 8.35156L10.8447 9.38281C11.6182 8.72396 12.4919 8.22266 13.4658 7.87891V5.77344C13.4658 5.48698 13.5947 5.3151 13.8525 5.25781C15.4281 4.91406 17.0036 4.91406 18.5791 5.25781C18.8369 5.3151 18.9658 5.48698 18.9658 5.77344V7.87891C19.9398 8.22266 20.8135 8.72396 21.5869 9.38281L23.3916 8.30859C23.6494 8.19401 23.8643 8.23698 24.0361 8.4375C25.1247 9.61198 25.9124 10.9583 26.3994 12.4766C26.4854 12.763 26.3994 12.9635 26.1416 13.0781L24.3369 14.1523C24.5088 15.1549 24.5088 16.1576 24.3369 17.1602L26.1416 18.2344ZM13.7666 18.1055C14.4541 18.7643 15.2705 19.0938 16.2158 19.0938C17.1611 19.0938 17.9632 18.7643 18.6221 18.1055C19.3096 17.418 19.6533 16.6016 19.6533 15.6562C19.6533 14.7109 19.3096 13.9089 18.6221 13.25C17.9632 12.5625 17.1611 12.2188 16.2158 12.2188C15.2705 12.2188 14.4541 12.5625 13.7666 13.25C13.1077 13.9089 12.7783 14.7109 12.7783 15.6562C12.7783 16.6016 13.1077 17.418 13.7666 18.1055Z" @@ -683,12 +664,14 @@ <rect x="15" y="2" width="1" height="3" rx="0.5" fill="#333333" /> </symbol> - <symbol id="rdvDetail" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> + <symbol id="rdvDetail" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="32" height="32" rx="4" fill="#333333" /> <path - d="M10.8092 9.33333V4M21.4759 9.33333V4M9.47591 14.6667H22.8092M6.80924 28H25.4759C26.9487 28 28.1426 26.8061 28.1426 25.3333V9.33333C28.1426 7.86057 26.9487 6.66667 25.4759 6.66667H6.80924C5.33649 6.66667 4.14258 7.86057 4.14258 9.33333V25.3333C4.14258 26.8061 5.33649 28 6.80924 28Z" - stroke="#333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> + d="M19.6667 14.6518C19.4008 14.386 18.9608 14.386 18.695 14.6518L14.7075 18.6393L13.25 17.1818C12.9842 16.916 12.5442 16.916 12.2783 17.1818C12.0125 17.4477 12.0125 17.8877 12.2783 18.1535L14.0567 19.9319C14.4142 20.2894 14.9917 20.2894 15.3492 19.9319L19.6575 15.6235C19.9325 15.3577 19.9325 14.9177 19.6667 14.6518ZM22.4167 7.74935H21.5V6.83268C21.5 6.32852 21.0875 5.91602 20.5833 5.91602C20.0792 5.91602 19.6667 6.32852 19.6667 6.83268V7.74935H12.3333V6.83268C12.3333 6.32852 11.9208 5.91602 11.4167 5.91602C10.9125 5.91602 10.5 6.32852 10.5 6.83268V7.74935H9.58333C8.56583 7.74935 7.75917 8.57435 7.75917 9.58268L7.75 22.416C7.75 23.4243 8.56583 24.2493 9.58333 24.2493H22.4167C23.425 24.2493 24.25 23.4243 24.25 22.416V9.58268C24.25 8.57435 23.425 7.74935 22.4167 7.74935ZM21.5 22.416H10.5C9.99583 22.416 9.58333 22.0035 9.58333 21.4993V12.3327H22.4167V21.4993C22.4167 22.0035 22.0042 22.416 21.5 22.416Z" + fill="white" /> </symbol> + <symbol id="closeModal" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M27.0279 11.9135C27.5486 11.3928 28.2873 11.2873 28.6778 11.6778C29.0683 12.0683 28.9628 12.807 28.4421 13.3277L13.3572 28.4127C12.8365 28.9334 12.0978 29.0389 11.7072 28.6484C11.3167 28.2578 11.4222 27.5192 11.9429 26.9985L27.0279 11.9135Z"