i-tech-shared-components 1.3.97 → 1.3.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M10.75 4.25C11.03 4.25 11.25 4.47 11.25 4.75V6.75H17.25V12.75H19.25C19.53 12.75 19.75 12.97 19.75 13.25C19.75 13.53 19.53 13.75 19.25 13.75H17.25V19.75H15.13C14.45 18 12.74 16.75 10.75 16.75C8.76 16.75 7.05 18 6.37 19.75H4.25V17.63C6 16.95 7.25 15.24 7.25 13.25C7.25 11.26 6.01 9.55 4.26 8.87L4.25 6.75H10.25V4.75C10.25 4.47 10.47 4.25 10.75 4.25ZM10.75 2.25C9.37 2.25 8.25 3.37 8.25 4.75H4.25C3.15 4.75 2.26 5.65 2.26 6.75V10.55H2.55C4.04 10.55 5.25 11.76 5.25 13.25C5.25 14.74 4.04 15.95 2.55 15.95H2.25V19.75C2.25 20.85 3.15 21.75 4.25 21.75H8.05V21.45C8.05 19.96 9.26 18.75 10.75 18.75C12.24 18.75 13.45 19.96 13.45 21.45V21.75H17.25C18.35 21.75 19.25 20.85 19.25 19.75V15.75C20.63 15.75 21.75 14.63 21.75 13.25C21.75 11.87 20.63 10.75 19.25 10.75V6.75C19.25 5.65 18.35 4.75 17.25 4.75H13.25C13.25 3.37 12.13 2.25 10.75 2.25Z" fill="#424954"/>
|
|
3
|
+
</svg>
|
|
@@ -1,16 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<
|
|
9
|
-
<
|
|
10
|
-
<path
|
|
11
|
-
|
|
12
|
-
<path
|
|
13
|
-
<path
|
|
14
|
-
<path
|
|
1
|
+
<svg width="78" height="36" viewBox="0 0 78 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g opacity="0.6">
|
|
3
|
+
<path d="M30.4785 19.258L27.5523 20.9301C26.5211 21.5194 26.5211 23.0063 27.5523 23.5956L30.4785 25.2678C31.5019 25.8525 32.7751 25.1136 32.7751 23.935V20.5907C32.7751 19.4121 31.5019 18.6732 30.4785 19.258Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
4
|
+
<path d="M7.7775 12.2956L4.85129 10.6234C3.82796 10.0387 2.55469 10.7776 2.55469 11.9562V15.3005C2.55469 16.4791 3.82796 17.218 4.85129 16.6332L7.7775 14.9611C8.80875 14.3718 8.80875 12.8849 7.7775 12.2956Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
5
|
+
<path d="M15.3324 7.97835L12.4062 6.30623C11.3829 5.72147 10.1096 6.46038 10.1096 7.639V10.9832C10.1096 12.1619 11.3829 12.9008 12.4062 12.316L15.3324 10.6439C16.3637 10.0546 16.3637 8.56764 15.3324 7.97835Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
6
|
+
<path d="M7.81325 6.30623L4.88703 7.97836C3.85578 8.56764 3.85579 10.0546 4.88703 10.6439L7.81325 12.316C8.83658 12.9008 10.1098 12.1619 10.1098 10.9832V7.639C10.1098 6.46038 8.83658 5.72147 7.81325 6.30623Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
7
|
+
<path d="M30.4428 16.6128L27.5166 14.9407C26.4932 14.3559 25.22 15.0949 25.22 16.2735V19.6177C25.22 20.7963 26.4932 21.5353 27.5166 20.9505L30.4428 19.2784C31.474 18.6891 31.474 17.2021 30.4428 16.6128Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
8
|
+
<path d="M19.9962 19.28L22.9247 20.9521C23.9479 21.5363 25.2205 20.7977 25.2208 19.6195L25.2218 16.2734C25.2221 15.0946 23.9487 14.3554 22.9252 14.9403L19.9957 16.6142C18.9643 17.2036 18.9645 18.691 19.9962 19.28Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
9
|
+
<path d="M27.5048 23.5956L30.416 25.2937C31.442 25.8922 32.7297 25.1487 32.7244 23.961L32.7094 20.5907C32.7042 19.4121 31.4276 18.6789 30.4069 19.2682L27.5107 20.9403C26.49 21.5296 26.4867 23.0018 27.5048 23.5956Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
10
|
+
<path d="M25.2216 16.286L25.2205 19.6031C25.2202 20.785 26.4995 21.5239 27.5231 20.9329L30.3955 19.2745C31.4187 18.6838 31.4189 17.207 30.3958 16.616L27.5244 14.9573C26.5012 14.3663 25.2219 15.1044 25.2216 16.286Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
11
|
+
<path d="M17.6626 20.5916L17.6627 23.9353C17.6627 25.1138 18.9358 25.8527 19.9591 25.2681L22.8863 23.5959C23.9179 23.0066 23.9178 21.5192 22.886 20.9301L19.9588 19.2586C18.9355 18.6743 17.6626 19.4132 17.6626 20.5916Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
12
|
+
<path d="M7.81325 14.9407L4.88703 16.6128C3.85578 17.2021 3.85579 18.6891 4.88703 19.2784L7.81325 20.9505C8.83658 21.5353 10.1098 20.7963 10.1098 19.6177V16.2735C10.1098 15.0949 8.83658 14.3559 7.81325 14.9407Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
13
|
+
<path d="M22.9234 6.30623L19.9971 7.97836C18.9659 8.56764 18.9659 10.0546 19.9971 10.6439L22.9234 12.316C23.9467 12.9008 25.22 12.1619 25.22 10.9832V7.639C25.22 6.46038 23.9467 5.72147 22.9234 6.30623Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
14
|
+
<path d="M30.4428 7.97835L27.5166 6.30623C26.4932 5.72147 25.22 6.46077 25.22 7.63939V10.9829C25.22 12.1615 26.4932 12.9008 27.5166 12.316L30.4428 10.6439C31.474 10.0546 31.474 8.56764 30.4428 7.97835Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
15
|
+
<path d="M7.7775 20.9301L4.85129 19.258C3.82796 18.6732 2.55469 19.4121 2.55469 20.5907V23.935C2.55469 25.1136 3.82796 25.8525 4.85129 25.2678L7.7775 23.5956C8.80875 23.0063 8.80875 21.5194 7.7775 20.9301Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
16
|
+
<path d="M17.6626 23.9346L17.6626 20.5925C17.6626 19.4139 16.3894 18.675 15.366 19.2597L12.4419 20.9304C11.4107 21.5196 11.4106 23.0065 12.4417 23.5959L15.3658 25.2673C16.3891 25.8522 17.6626 25.1133 17.6626 23.9346Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
17
|
+
<path d="M12.4064 20.9507L15.3312 19.2796C16.3623 18.6905 16.3626 17.2039 15.3318 16.6143L12.4072 14.9414C11.3839 14.3561 10.1101 15.0949 10.11 16.2738L10.1099 19.6178C10.1098 20.7964 11.3831 21.5354 12.4064 20.9507Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
18
|
+
<path d="M15.3678 10.6209L12.4401 12.295C11.4093 12.8843 11.4093 14.3707 12.4401 14.9601L15.3678 16.6341C16.3911 17.2193 17.6648 16.4804 17.6648 15.3016V11.9535C17.6648 10.7747 16.3911 10.0358 15.3678 10.6209Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
19
|
+
<path d="M22.8895 12.295L19.9618 10.6209C18.9384 10.0358 17.6648 10.7747 17.6648 11.9535V15.3016C17.6648 16.4804 18.9384 17.2193 19.9618 16.6341L22.8895 14.9601C23.9202 14.3707 23.9202 12.8843 22.8895 12.295Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
20
|
+
<path d="M30.4785 10.6234L27.5523 12.2956C26.5211 12.8849 26.5211 14.3718 27.5523 14.9611L30.4785 16.6332C31.5019 17.218 32.7751 16.4791 32.7751 15.3005V11.9562C32.7751 10.7776 31.5019 10.0387 30.4785 10.6234Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
21
|
+
<path d="M19.9962 19.28L22.9247 20.9521C23.9479 21.5363 25.2205 20.7977 25.2208 19.6195L25.2218 16.2734C25.2221 15.0946 23.9487 14.3554 22.9252 14.9403L19.9957 16.6142C18.9643 17.2036 18.9645 18.691 19.9962 19.28Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
22
|
+
<path d="M25.2216 16.286L25.2205 19.6031C25.2202 20.785 26.4995 21.5239 27.5231 20.9329L30.3955 19.2745C31.4187 18.6838 31.4189 17.207 30.3958 16.616L27.5244 14.9573C26.5012 14.3663 25.2219 15.1044 25.2216 16.286Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
23
|
+
<path d="M22.9234 6.30623L19.9971 7.97836C18.9659 8.56764 18.9659 10.0546 19.9971 10.6439L22.9234 12.316C23.9467 12.9008 25.22 12.1619 25.22 10.9832V7.639C25.22 6.46038 23.9467 5.72147 22.9234 6.30623Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
24
|
+
<path d="M30.4428 7.97835L27.5166 6.30623C26.4932 5.72147 25.22 6.46077 25.22 7.63939V10.9829C25.22 12.1615 26.4932 12.9008 27.5166 12.316L30.4428 10.6439C31.474 10.0546 31.474 8.56764 30.4428 7.97835Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
25
|
+
<path d="M30.4785 10.6234L27.5523 12.2956C26.5211 12.8849 26.5211 14.3718 27.5523 14.9611L30.4785 16.6332C31.5019 17.218 32.7751 16.4791 32.7751 15.3005V11.9562C32.7751 10.7776 31.5019 10.0387 30.4785 10.6234Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
26
|
+
<path d="M19.9962 19.28L22.9247 20.9521C23.9479 21.5363 25.2205 20.7977 25.2208 19.6195L25.2218 16.2734C25.2221 15.0946 23.9487 14.3554 22.9252 14.9403L19.9957 16.6142C18.9643 17.2036 18.9645 18.691 19.9962 19.28Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
27
|
+
<path d="M25.2217 16.2724L25.2207 19.6167C25.2203 20.7956 26.4938 21.5348 27.5173 20.95L30.4433 19.2779C31.4744 18.6887 31.4746 17.202 30.4436 16.6126L27.5186 14.9403C26.4955 14.3553 25.2221 15.0938 25.2217 16.2724Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
28
|
+
<path d="M22.9234 6.30623L19.9971 7.97836C18.9659 8.56764 18.9659 10.0546 19.9971 10.6439L22.9234 12.316C23.9467 12.9008 25.22 12.1619 25.22 10.9832V7.639C25.22 6.46038 23.9467 5.72147 22.9234 6.30623Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
29
|
+
<path d="M30.4428 7.97835L27.5166 6.30623C26.4932 5.72147 25.22 6.46077 25.22 7.63939V10.9829C25.22 12.1615 26.4932 12.9008 27.5166 12.316L30.4428 10.6439C31.474 10.0546 31.474 8.56764 30.4428 7.97835Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
30
|
+
<path d="M30.4785 10.6234L27.5523 12.2956C26.5211 12.8849 26.5211 14.3718 27.5523 14.9611L30.4785 16.6332C31.5019 17.218 32.7751 16.4791 32.7751 15.3005V11.9562C32.7751 10.7776 31.5019 10.0387 30.4785 10.6234Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
31
|
+
<ellipse cx="17.6688" cy="9.95939" rx="1.91877" ry="0.959386" fill="#00B4AD"/>
|
|
32
|
+
<ellipse cx="3.15414" cy="17.9456" rx="1.91877" ry="0.959386" transform="rotate(90 3.15414 17.9456)" fill="#00B4AD"/>
|
|
33
|
+
<ellipse cx="1.43908" cy="0.959386" rx="1.43908" ry="0.959386" transform="matrix(4.37114e-08 1 1 -4.37114e-08 30.9763 16.5065)" fill="#00B4AD"/>
|
|
34
|
+
<ellipse cx="3.5453" cy="9.75954" rx="1.91877" ry="0.451561" transform="rotate(120 3.5453 9.75954)" fill="#00B4AD"/>
|
|
35
|
+
<ellipse cx="1.1009" cy="0.959386" rx="1.1009" ry="0.959386" transform="matrix(0.5 0.866025 0.866025 -0.5 30.4258 9.06002)" fill="#00B4AD"/>
|
|
36
|
+
<ellipse cx="1.0838" cy="0.767209" rx="1.0838" ry="0.767209" transform="matrix(0.866025 -0.5 -0.5 -0.866025 9.39014 6.91265)" fill="#00B4AD"/>
|
|
37
|
+
<ellipse cx="25.2238" cy="5.69832" rx="0.878274" ry="0.766616" transform="rotate(-150 25.2238 5.69832)" fill="#00B4AD"/>
|
|
38
|
+
<ellipse cx="17.6688" cy="25.7094" rx="1.91877" ry="0.959386" fill="#00B4AD"/>
|
|
39
|
+
<ellipse cx="10.1865" cy="21.9954" rx="1.91877" ry="0.959386" transform="rotate(1.07968 10.1865 21.9954)" fill="#00B4AD"/>
|
|
40
|
+
<ellipse cx="1.4759" cy="1.01108" rx="1.4759" ry="1.01108" transform="matrix(-0.983605 -0.180336 -0.180336 0.983605 26.6899 20.7187)" fill="#00B4AD"/>
|
|
41
|
+
<ellipse cx="2.02003" cy="1.38845" rx="2.02003" ry="1.38845" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 9.60693 16.0703)" fill="#00B4AD"/>
|
|
42
|
+
<ellipse cx="1.59728" cy="1.38845" rx="1.59728" ry="1.38845" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 17.5615 19.9725)" fill="#00B4AD"/>
|
|
43
|
+
<ellipse cx="25.5164" cy="13.5646" rx="1.91877" ry="1.383" transform="rotate(-135 25.5164 13.5646)" fill="#00B4AD"/>
|
|
44
|
+
<path d="M2.55469 17.9456V10.2033C2.55469 9.6516 2.85032 9.14217 3.32936 8.86842L9.3468 5.4298C9.81948 5.15969 10.3998 5.15968 10.8724 5.42979L16.902 8.87523C17.3746 9.14533 17.9549 9.14533 18.4276 8.87523L24.4571 5.42978C24.9298 5.15968 25.51 5.15968 25.9827 5.42977L32.0005 8.86844C32.4795 9.14218 32.7752 9.65164 32.7752 10.2034L32.775 17.9456V23.9773C32.775 25.1624 31.4908 25.902 30.4658 25.3071L25.9856 22.7072C25.5116 22.4322 24.9271 22.4302 24.4512 22.702L18.4254 26.1442C17.9527 26.4142 17.3725 26.4142 16.8998 26.144L10.8727 22.6989C10.4 22.4287 9.81966 22.4287 9.34692 22.6988L4.855 25.2656C3.83002 25.8513 2.55469 25.1112 2.55469 23.9307V17.9456Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
15
45
|
</g>
|
|
46
|
+
<circle cx="2.25" cy="18" r="1.875" fill="#00928C"/>
|
|
47
|
+
<circle cx="33.375" cy="18" r="1.875" fill="#00928C"/>
|
|
48
|
+
<path d="M2.55469 17.9456L9.34674 14.0644C9.81958 13.7942 10.4001 13.7943 10.8728 14.0647L16.8996 17.5112C17.3723 17.7815 17.9528 17.7816 18.4256 17.5114L24.4595 14.0635C24.9323 13.7933 25.5127 13.7934 25.9854 14.0637L32.775 17.9455" stroke="#00928C" stroke-width="1.2675"/>
|
|
49
|
+
<path d="M46.9427 14.1625C46.9427 14.2108 46.9036 14.25 46.8552 14.25H46.0713C46.023 14.25 45.9838 14.2108 45.9838 14.1625V5.08939C45.9838 5.04107 46.023 5.00189 46.0713 5.00189H49.9542C50.0026 5.00189 50.0417 5.04107 50.0417 5.08939V5.58844C50.0417 5.63676 50.0026 5.67594 49.9542 5.67594H47.0302C46.9819 5.67594 46.9427 5.71511 46.9427 5.76344V14.1625ZM45.3552 14.1625C45.3552 14.2108 45.316 14.25 45.2677 14.25H44.5763C44.528 14.25 44.4888 14.2108 44.4888 14.1625V5.76344C44.4888 5.71511 44.4497 5.67594 44.4013 5.67594H41.4781C41.404 5.67594 41.3635 5.58956 41.4108 5.53254L41.8251 5.0335C41.8417 5.01348 41.8664 5.00189 41.8924 5.00189H45.2681C45.3164 5.00189 45.3556 5.04107 45.3556 5.0894L45.3552 14.1625ZM50.0417 4.30814C50.0417 4.35646 50.0026 4.39564 49.9542 4.39564H42.5416C42.4675 4.39564 42.4269 4.30931 42.4742 4.25228L42.8645 3.78165C42.8811 3.7616 42.9058 3.75 42.9318 3.75H49.9542C50.0026 3.75 50.0417 3.78918 50.0417 3.8375V4.30814Z" fill="#525C6A"/>
|
|
50
|
+
<path d="M53.286 13.4196C53.2002 13.4596 53.1319 13.3452 53.1937 13.2735C53.3965 13.0377 53.5505 12.7649 53.6454 12.4698C53.8291 12.0174 53.9279 11.5371 53.9373 11.0514C53.9375 10.2969 53.7117 9.56185 53.2918 8.93271C53.2384 8.85281 53.3283 8.74903 53.4085 8.80191C54.2736 9.37239 54.7061 10.1406 54.7061 11.1066C54.7317 11.7001 54.5349 12.2826 54.1516 12.7476C53.9186 13.0335 53.6221 13.2627 53.286 13.4196ZM48.1496 5.67062C48.0765 5.66933 48.0378 5.58419 48.0845 5.52794L48.4991 5.02826C48.5157 5.00823 48.5404 4.99664 48.5664 4.99664H53.2902C53.3661 4.99664 53.406 5.08654 53.3552 5.1428L50.8633 7.9003C50.8187 7.94968 50.8434 8.02903 50.9077 8.04617C52.4598 8.45985 53.2359 9.46151 53.2359 11.0511C53.2563 11.4871 53.1761 11.9221 53.0011 12.3245C52.8261 12.727 52.5606 13.0869 52.2238 13.3784C51.5959 13.9442 50.7669 14.2562 49.9076 14.2499C49.2708 14.2516 48.6502 14.0567 48.1365 13.6936C47.6345 13.3453 47.3044 12.8079 47.1462 12.0814C47.1345 12.0278 47.1759 11.9777 47.2308 11.9777H47.3449C47.3823 11.9777 47.4154 12.0015 47.4285 12.0365C47.6138 12.5308 47.9704 12.9492 48.439 13.22C48.8746 13.4814 49.3761 13.6226 49.889 13.6281C50.5517 13.644 51.1958 13.4151 51.6895 12.9883C52.1825 12.5618 52.429 11.9282 52.429 11.0875C52.429 10.253 52.1889 9.60088 51.7088 9.13112C51.4802 8.91082 51.2084 8.73668 50.9093 8.61889C50.6102 8.5011 50.2897 8.44202 49.9666 8.44511C49.891 8.44511 49.8043 8.44826 49.7066 8.45457C49.6266 8.45973 49.5793 8.36431 49.6334 8.30521L51.8989 5.82883C51.9503 5.77268 51.9092 5.68225 51.8331 5.68226C49.415 5.68257 48.5987 5.67856 48.1496 5.67062ZM49.5222 3.78102C49.5389 3.76135 49.5634 3.75004 49.5892 3.7501L54.3739 3.76151C54.4503 3.76169 54.4898 3.85269 54.4378 3.90859L54.0125 4.36593C53.996 4.38374 53.9727 4.39386 53.9484 4.39385L49.193 4.39221C49.1185 4.39219 49.0781 4.30498 49.1263 4.24813L49.5222 3.78102Z" fill="#9FA6B1"/>
|
|
51
|
+
<path d="M44.504 19.312H41.064V16.8H51.096V19.312H47.672V28H44.504V19.312ZM62.6883 28L62.6563 22.064L59.7763 26.896H58.3683L55.5043 22.224V28H52.5763V16.8H55.1843L59.1203 23.264L62.9603 16.8H65.5683L65.6003 28H62.6883ZM70.5259 19.312H67.0859V16.8H77.1179V19.312H73.6939V28H70.5259V19.312Z" fill="#647081"/>
|
|
16
52
|
</svg>
|
|
@@ -1,13 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<
|
|
9
|
-
<
|
|
10
|
-
<path
|
|
11
|
-
|
|
1
|
+
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g opacity="0.6">
|
|
3
|
+
<path d="M30.4785 19.258L27.5523 20.9301C26.5211 21.5194 26.5211 23.0063 27.5523 23.5956L30.4785 25.2678C31.5019 25.8525 32.7751 25.1136 32.7751 23.935V20.5907C32.7751 19.4121 31.5019 18.6732 30.4785 19.258Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
4
|
+
<path d="M7.7775 12.2956L4.85129 10.6234C3.82796 10.0387 2.55469 10.7776 2.55469 11.9562V15.3005C2.55469 16.4791 3.82796 17.218 4.85129 16.6332L7.7775 14.9611C8.80875 14.3718 8.80875 12.8849 7.7775 12.2956Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
5
|
+
<path d="M15.3324 7.97835L12.4062 6.30623C11.3829 5.72147 10.1096 6.46038 10.1096 7.639V10.9832C10.1096 12.1619 11.3829 12.9008 12.4062 12.316L15.3324 10.6439C16.3637 10.0546 16.3637 8.56764 15.3324 7.97835Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
6
|
+
<path d="M7.81325 6.30623L4.88703 7.97836C3.85578 8.56764 3.85579 10.0546 4.88703 10.6439L7.81325 12.316C8.83658 12.9008 10.1098 12.1619 10.1098 10.9832V7.639C10.1098 6.46038 8.83658 5.72147 7.81325 6.30623Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
7
|
+
<path d="M30.4428 16.6128L27.5166 14.9407C26.4932 14.3559 25.22 15.0949 25.22 16.2735V19.6177C25.22 20.7963 26.4932 21.5353 27.5166 20.9505L30.4428 19.2784C31.474 18.6891 31.474 17.2021 30.4428 16.6128Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
8
|
+
<path d="M19.9962 19.28L22.9247 20.9521C23.9479 21.5363 25.2205 20.7977 25.2208 19.6195L25.2218 16.2734C25.2221 15.0946 23.9487 14.3554 22.9252 14.9403L19.9957 16.6142C18.9643 17.2036 18.9645 18.691 19.9962 19.28Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
9
|
+
<path d="M27.5048 23.5956L30.416 25.2937C31.442 25.8922 32.7297 25.1487 32.7244 23.961L32.7094 20.5907C32.7042 19.4121 31.4276 18.6789 30.4069 19.2682L27.5107 20.9403C26.49 21.5296 26.4867 23.0018 27.5048 23.5956Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
10
|
+
<path d="M25.2216 16.286L25.2205 19.6031C25.2202 20.785 26.4995 21.5239 27.5231 20.9329L30.3955 19.2745C31.4187 18.6838 31.4189 17.207 30.3958 16.616L27.5244 14.9573C26.5012 14.3663 25.2219 15.1044 25.2216 16.286Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
11
|
+
<path d="M17.6626 20.5916L17.6627 23.9353C17.6627 25.1138 18.9358 25.8527 19.9591 25.2681L22.8863 23.5959C23.9179 23.0066 23.9178 21.5192 22.886 20.9301L19.9588 19.2586C18.9355 18.6743 17.6626 19.4132 17.6626 20.5916Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
12
|
+
<path d="M7.81325 14.9407L4.88703 16.6128C3.85578 17.2021 3.85579 18.6891 4.88703 19.2784L7.81325 20.9505C8.83658 21.5353 10.1098 20.7963 10.1098 19.6177V16.2735C10.1098 15.0949 8.83658 14.3559 7.81325 14.9407Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
13
|
+
<path d="M22.9234 6.30623L19.9971 7.97836C18.9659 8.56764 18.9659 10.0546 19.9971 10.6439L22.9234 12.316C23.9467 12.9008 25.22 12.1619 25.22 10.9832V7.639C25.22 6.46038 23.9467 5.72147 22.9234 6.30623Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
14
|
+
<path d="M30.4428 7.97835L27.5166 6.30623C26.4932 5.72147 25.22 6.46077 25.22 7.63939V10.9829C25.22 12.1615 26.4932 12.9008 27.5166 12.316L30.4428 10.6439C31.474 10.0546 31.474 8.56764 30.4428 7.97835Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
15
|
+
<path d="M7.7775 20.9301L4.85129 19.258C3.82796 18.6732 2.55469 19.4121 2.55469 20.5907V23.935C2.55469 25.1136 3.82796 25.8525 4.85129 25.2678L7.7775 23.5956C8.80875 23.0063 8.80875 21.5194 7.7775 20.9301Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
16
|
+
<path d="M17.6626 23.9346L17.6626 20.5925C17.6626 19.4139 16.3894 18.675 15.366 19.2597L12.4419 20.9304C11.4107 21.5196 11.4106 23.0065 12.4417 23.5959L15.3658 25.2673C16.3891 25.8522 17.6626 25.1133 17.6626 23.9346Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
17
|
+
<path d="M12.4064 20.9507L15.3312 19.2796C16.3623 18.6905 16.3626 17.2039 15.3318 16.6143L12.4072 14.9414C11.3839 14.3561 10.1101 15.0949 10.11 16.2738L10.1099 19.6178C10.1098 20.7964 11.3831 21.5354 12.4064 20.9507Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
18
|
+
<path d="M15.3678 10.6209L12.4401 12.295C11.4093 12.8843 11.4093 14.3707 12.4401 14.9601L15.3678 16.6341C16.3911 17.2193 17.6648 16.4804 17.6648 15.3016V11.9535C17.6648 10.7747 16.3911 10.0358 15.3678 10.6209Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
19
|
+
<path d="M22.8895 12.295L19.9618 10.6209C18.9384 10.0358 17.6648 10.7747 17.6648 11.9535V15.3016C17.6648 16.4804 18.9384 17.2193 19.9618 16.6341L22.8895 14.9601C23.9202 14.3707 23.9202 12.8843 22.8895 12.295Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
20
|
+
<path d="M30.4785 10.6234L27.5523 12.2956C26.5211 12.8849 26.5211 14.3718 27.5523 14.9611L30.4785 16.6332C31.5019 17.218 32.7751 16.4791 32.7751 15.3005V11.9562C32.7751 10.7776 31.5019 10.0387 30.4785 10.6234Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
21
|
+
<path d="M19.9962 19.28L22.9247 20.9521C23.9479 21.5363 25.2205 20.7977 25.2208 19.6195L25.2218 16.2734C25.2221 15.0946 23.9487 14.3554 22.9252 14.9403L19.9957 16.6142C18.9643 17.2036 18.9645 18.691 19.9962 19.28Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
22
|
+
<path d="M25.2216 16.286L25.2205 19.6031C25.2202 20.785 26.4995 21.5239 27.5231 20.9329L30.3955 19.2745C31.4187 18.6838 31.4189 17.207 30.3958 16.616L27.5244 14.9573C26.5012 14.3663 25.2219 15.1044 25.2216 16.286Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
23
|
+
<path d="M22.9234 6.30623L19.9971 7.97836C18.9659 8.56764 18.9659 10.0546 19.9971 10.6439L22.9234 12.316C23.9467 12.9008 25.22 12.1619 25.22 10.9832V7.639C25.22 6.46038 23.9467 5.72147 22.9234 6.30623Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
24
|
+
<path d="M30.4428 7.97835L27.5166 6.30623C26.4932 5.72147 25.22 6.46077 25.22 7.63939V10.9829C25.22 12.1615 26.4932 12.9008 27.5166 12.316L30.4428 10.6439C31.474 10.0546 31.474 8.56764 30.4428 7.97835Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
25
|
+
<path d="M30.4785 10.6234L27.5523 12.2956C26.5211 12.8849 26.5211 14.3718 27.5523 14.9611L30.4785 16.6332C31.5019 17.218 32.7751 16.4791 32.7751 15.3005V11.9562C32.7751 10.7776 31.5019 10.0387 30.4785 10.6234Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
26
|
+
<path d="M19.9962 19.28L22.9247 20.9521C23.9479 21.5363 25.2205 20.7977 25.2208 19.6195L25.2218 16.2734C25.2221 15.0946 23.9487 14.3554 22.9252 14.9403L19.9957 16.6142C18.9643 17.2036 18.9645 18.691 19.9962 19.28Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
27
|
+
<path d="M25.2217 16.2724L25.2207 19.6167C25.2203 20.7956 26.4938 21.5348 27.5173 20.95L30.4433 19.2779C31.4744 18.6887 31.4746 17.202 30.4436 16.6126L27.5186 14.9403C26.4955 14.3553 25.2221 15.0938 25.2217 16.2724Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
28
|
+
<path d="M22.9234 6.30623L19.9971 7.97836C18.9659 8.56764 18.9659 10.0546 19.9971 10.6439L22.9234 12.316C23.9467 12.9008 25.22 12.1619 25.22 10.9832V7.639C25.22 6.46038 23.9467 5.72147 22.9234 6.30623Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
29
|
+
<path d="M30.4428 7.97835L27.5166 6.30623C26.4932 5.72147 25.22 6.46077 25.22 7.63939V10.9829C25.22 12.1615 26.4932 12.9008 27.5166 12.316L30.4428 10.6439C31.474 10.0546 31.474 8.56764 30.4428 7.97835Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
30
|
+
<path d="M30.4785 10.6234L27.5523 12.2956C26.5211 12.8849 26.5211 14.3718 27.5523 14.9611L30.4785 16.6332C31.5019 17.218 32.7751 16.4791 32.7751 15.3005V11.9562C32.7751 10.7776 31.5019 10.0387 30.4785 10.6234Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
31
|
+
<ellipse cx="17.6688" cy="9.95939" rx="1.91877" ry="0.959386" fill="#00B4AD"/>
|
|
32
|
+
<ellipse cx="3.15414" cy="17.9456" rx="1.91877" ry="0.959386" transform="rotate(90 3.15414 17.9456)" fill="#00B4AD"/>
|
|
33
|
+
<ellipse cx="1.43908" cy="0.959386" rx="1.43908" ry="0.959386" transform="matrix(4.37114e-08 1 1 -4.37114e-08 30.9763 16.5065)" fill="#00B4AD"/>
|
|
34
|
+
<ellipse cx="3.5453" cy="9.75954" rx="1.91877" ry="0.451561" transform="rotate(120 3.5453 9.75954)" fill="#00B4AD"/>
|
|
35
|
+
<ellipse cx="1.1009" cy="0.959386" rx="1.1009" ry="0.959386" transform="matrix(0.5 0.866025 0.866025 -0.5 30.4258 9.06002)" fill="#00B4AD"/>
|
|
36
|
+
<ellipse cx="1.0838" cy="0.767209" rx="1.0838" ry="0.767209" transform="matrix(0.866025 -0.5 -0.5 -0.866025 9.39014 6.91265)" fill="#00B4AD"/>
|
|
37
|
+
<ellipse cx="25.2238" cy="5.69832" rx="0.878274" ry="0.766616" transform="rotate(-150 25.2238 5.69832)" fill="#00B4AD"/>
|
|
38
|
+
<ellipse cx="17.6688" cy="25.7094" rx="1.91877" ry="0.959386" fill="#00B4AD"/>
|
|
39
|
+
<ellipse cx="10.1865" cy="21.9954" rx="1.91877" ry="0.959386" transform="rotate(1.07968 10.1865 21.9954)" fill="#00B4AD"/>
|
|
40
|
+
<ellipse cx="1.4759" cy="1.01108" rx="1.4759" ry="1.01108" transform="matrix(-0.983605 -0.180336 -0.180336 0.983605 26.6899 20.7187)" fill="#00B4AD"/>
|
|
41
|
+
<ellipse cx="2.02003" cy="1.38845" rx="2.02003" ry="1.38845" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 9.60693 16.0703)" fill="#00B4AD"/>
|
|
42
|
+
<ellipse cx="1.59728" cy="1.38845" rx="1.59728" ry="1.38845" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 17.5615 19.9725)" fill="#00B4AD"/>
|
|
43
|
+
<ellipse cx="25.5164" cy="13.5646" rx="1.91877" ry="1.383" transform="rotate(-135 25.5164 13.5646)" fill="#00B4AD"/>
|
|
44
|
+
<path d="M2.55469 17.9456V10.2033C2.55469 9.6516 2.85032 9.14217 3.32936 8.86842L9.3468 5.4298C9.81948 5.15969 10.3998 5.15968 10.8724 5.42979L16.902 8.87523C17.3746 9.14533 17.9549 9.14533 18.4276 8.87523L24.4571 5.42978C24.9298 5.15968 25.51 5.15968 25.9827 5.42977L32.0005 8.86844C32.4795 9.14218 32.7752 9.65164 32.7752 10.2034L32.775 17.9456V23.9773C32.775 25.1624 31.4908 25.902 30.4658 25.3071L25.9856 22.7072C25.5116 22.4322 24.9271 22.4302 24.4512 22.702L18.4254 26.1442C17.9527 26.4142 17.3725 26.4142 16.8998 26.144L10.8727 22.6989C10.4 22.4287 9.81966 22.4287 9.34692 22.6988L4.855 25.2656C3.83002 25.8513 2.55469 25.1112 2.55469 23.9307V17.9456Z" stroke="#00B4AD" stroke-width="1.2675"/>
|
|
12
45
|
</g>
|
|
46
|
+
<circle cx="2.25" cy="18" r="1.875" fill="#00928C"/>
|
|
47
|
+
<circle cx="33.375" cy="18" r="1.875" fill="#00928C"/>
|
|
48
|
+
<path d="M2.55469 17.9456L9.34674 14.0644C9.81958 13.7942 10.4001 13.7943 10.8728 14.0647L16.8996 17.5112C17.3723 17.7815 17.9528 17.7816 18.4256 17.5114L24.4595 14.0635C24.9323 13.7933 25.5127 13.7934 25.9854 14.0637L32.775 17.9455" stroke="#00928C" stroke-width="1.2675"/>
|
|
13
49
|
</svg>
|
|
@@ -1780,6 +1780,7 @@ class NewSidebarComponent {
|
|
|
1780
1780
|
this.AppsUrls.ORGANIZATION = this.env.organizationUrl + '/auth/organization';
|
|
1781
1781
|
this.AppsUrls.BROKERAGE = this.env.brokerage;
|
|
1782
1782
|
this.AppsUrls.T3 = this.env.t3;
|
|
1783
|
+
this.AppsUrls.TMT = this.env.tmt;
|
|
1783
1784
|
this.BottomPopupLinks = {
|
|
1784
1785
|
privacy: this.env.mainDomain + '/privacy-policy',
|
|
1785
1786
|
terms: this.env.mainDomain + '/terms-and-conditions',
|
|
@@ -1798,7 +1799,7 @@ class NewSidebarComponent {
|
|
|
1798
1799
|
},
|
|
1799
1800
|
{
|
|
1800
1801
|
id: CompaniesEnum.TMT,
|
|
1801
|
-
name: 'TMT'
|
|
1802
|
+
name: 'T3 TMT'
|
|
1802
1803
|
}
|
|
1803
1804
|
];
|
|
1804
1805
|
this.activeAndInactivePlatforms = {
|
|
@@ -1898,13 +1899,13 @@ class NewSidebarComponent {
|
|
|
1898
1899
|
});
|
|
1899
1900
|
}
|
|
1900
1901
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NewSidebarComponent, deps: [{ token: i1$3.Router }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1901
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: NewSidebarComponent, isStandalone: true, selector: "i-tech-sidebar", inputs: { platform: "platform", navigationLinks: "navigationLinks", env: "env", userData: "userData" }, outputs: { collapseEvent: "collapseEvent", linkClickEvent: "linkClickEvent", signOutEvent: "signOutEvent", newAuthenticatedResponseEvent: "newAuthenticatedResponseEvent" }, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, ngImport: i0, template: "<div class=\"main_sidebar\"\n *ngIf=\"navigationLinks && userData\"\n [class.collapsed]=\"isCollapsed\"\n>\n <div class=\"main_sidebar--header\">\n <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"isCollapsed\"\n [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n >\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"!isCollapsed\"\n [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n >\n </a>\n <i-tech-icon-button\n *ngIf=\"!isCollapsed\"\n [tooltip]=\"'SLP Tools'\"\n [iconName]=\"'apps'\"\n [matMenuTriggerFor]=\"matMenu\"\n ></i-tech-icon-button>\n\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n <div class=\"menu_title\">\n Active Apps\n </div>\n <ng-container *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n *ngIf=\"app.checked\"\n >\n </div>\n </a>\n </ng-container>\n </ng-container>\n\n <div class=\"divider\"\n *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n ></div>\n\n <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\n <div class=\"menu_title\">\n Inactive Apps\n </div>\n <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n </div>\n </ng-container>\n\n </mat-menu>\n </div>\n\n <div class=\"main_sidebar--content\">\n <ng-container *ngIf=\"secondLayerLinks.length\">\n <div class=\"main_sidebar--content--toolbar\"\n (click)=\"navigateBack()\"\n >\n <img alt=\"\" src=\"/assets/back.svg\">\n <span>Back</span>\n </div>\n <div class=\"main_sidebar--content--sub_title\">\n Settings\n </div>\n </ng-container>\n\n <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n <div class=\"main_sidebar--content--link pointer\"\n matRipple\n [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n (click)=\"handleLinkClick(link)\"\n [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\n >\n <div class=\"parent_icon\">\n <img class=\"icon\" alt=\"\"\n [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n </div>\n <div class=\"name\">{{link.title | translate}}</div>\n\n <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n <i-tech-icon-button class=\"link_badge info\"\n *ngIf=\"link.infoWithTooltipText\"\n [tooltip]=\"link.infoWithTooltipText || ''\"\n [size]=\"'small'\"\n [iconName]=\"'info'\"\n >\n </i-tech-icon-button>\n\n\n\n </div>\n </a>\n </ng-container>\n\n </div>\n\n <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n <div class=\"main_sidebar--footer--toggle\"\n >\n <i-tech-icon-button\n [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n (click)=\"changeCollapse()\"\n ></i-tech-icon-button>\n\n </div>\n <div class=\"main_sidebar--footer--profile\">\n <i-tech-company-image\n [matMenuTriggerFor]=\"matMenu\"\n [collapsed]=\"isCollapsed\"\n [userData]=\"userData\"\n [platform]=\"platform\"\n [currentCompany]=\"currentCompany\"\n ></i-tech-company-image>\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n <div class=\"top_bar\">\n <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n *ngIf=\"userData.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{userData.firstName | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <div class=\"information\">\n <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n <div class=\"email\">{{userData.email}}</div>\n </div>\n </div>\n <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['accountInformation']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n class=\"standard_menu_item\"\n >\n Add new organization\n </div>\n </a>\n\n\n <ng-container *ngIf=\"allOrganizations.length > 1\">\n <div class=\"divider\" ></div>\n\n <div class=\"switch\">\n <div class=\"switch_title\">\n Switch Organization\n </div>\n <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n *ngFor=\"let organization of allOrganizations\"\n >\n <div class=\"organization_item_in_menu\">\n <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n *ngIf=\"organization.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{organization.name | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <span>{{organization.name}}</span>\n </div>\n <img alt=\"\" *ngIf=\"organization.id === currentCompany?.id\"\n class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n </div>\n </div>\n </ng-container>\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n Help Center\n </div>\n\n <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Terms And Conditions\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Privacy Policy\n </div>\n </a>\n\n\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n Sign out\n </div>\n </mat-menu>\n </div>\n </div>\n\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:500;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;position:relative;background-color:#fff;display:flex;justify-content:center}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu a{text-decoration:none!important}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: CompanyImageComponent, selector: "i-tech-company-image", inputs: ["collapsed", "userData", "currentCompany", "platform"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i5$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }] }); }
|
|
1902
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: NewSidebarComponent, isStandalone: true, selector: "i-tech-sidebar", inputs: { platform: "platform", navigationLinks: "navigationLinks", env: "env", userData: "userData" }, outputs: { collapseEvent: "collapseEvent", linkClickEvent: "linkClickEvent", signOutEvent: "signOutEvent", newAuthenticatedResponseEvent: "newAuthenticatedResponseEvent" }, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, ngImport: i0, template: "<div class=\"main_sidebar\"\n *ngIf=\"navigationLinks && userData\"\n [class.collapsed]=\"isCollapsed\"\n>\n <div class=\"main_sidebar--header\">\n <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"isCollapsed\"\n [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n >\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"!isCollapsed\"\n [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n >\n </a>\n <i-tech-icon-button\n *ngIf=\"!isCollapsed\"\n [tooltip]=\"'SLP Tools'\"\n [iconName]=\"'apps'\"\n [matMenuTriggerFor]=\"matMenu\"\n ></i-tech-icon-button>\n\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n <div class=\"menu_title\">\n Active Apps\n </div>\n <ng-container *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n *ngIf=\"app.checked\"\n >\n </div>\n </a>\n </ng-container>\n </ng-container>\n\n <div class=\"divider\"\n *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n ></div>\n\n <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\n <div class=\"menu_title\">\n Inactive Apps\n </div>\n <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n </div>\n </ng-container>\n\n </mat-menu>\n </div>\n\n <div class=\"main_sidebar--content\">\n <ng-container *ngIf=\"secondLayerLinks.length\">\n <div class=\"main_sidebar--content--toolbar\"\n (click)=\"navigateBack()\"\n >\n <img alt=\"\" src=\"/assets/back.svg\">\n <span>Back</span>\n </div>\n <div class=\"main_sidebar--content--sub_title\">\n Settings\n </div>\n </ng-container>\n\n <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n <div class=\"main_sidebar--content--link pointer\"\n matRipple\n [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n (click)=\"handleLinkClick(link)\"\n [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\n >\n <div class=\"parent_icon\">\n <img class=\"icon\" alt=\"\"\n [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n </div>\n <div class=\"name\">{{link.title | translate}}</div>\n\n <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n <i-tech-icon-button class=\"link_badge info\"\n *ngIf=\"link.infoWithTooltipText\"\n [tooltip]=\"link.infoWithTooltipText || ''\"\n [size]=\"'small'\"\n [iconName]=\"'info'\"\n >\n </i-tech-icon-button>\n </div>\n </a>\n </ng-container>\n\n </div>\n\n <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n <div class=\"main_sidebar--footer--toggle\"\n >\n <i-tech-icon-button\n [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n (click)=\"changeCollapse()\"\n ></i-tech-icon-button>\n\n </div>\n <div class=\"main_sidebar--footer--profile\">\n <i-tech-company-image\n [matMenuTriggerFor]=\"matMenu\"\n [collapsed]=\"isCollapsed\"\n [userData]=\"userData\"\n [platform]=\"platform\"\n [currentCompany]=\"currentCompany\"\n ></i-tech-company-image>\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n <div class=\"top_bar\">\n <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n *ngIf=\"userData.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{userData.firstName | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <div class=\"information\">\n <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n <div class=\"email\">{{userData.email}}</div>\n </div>\n </div>\n <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['accountInformation']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n class=\"standard_menu_item\"\n >\n Add new organization\n </div>\n </a>\n\n\n <ng-container *ngIf=\"allOrganizations.length > 1\">\n <div class=\"divider\" ></div>\n\n <div class=\"switch\">\n <div class=\"switch_title\">\n Switch Organization\n </div>\n <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n *ngFor=\"let organization of allOrganizations\"\n >\n <div class=\"organization_item_in_menu\">\n <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n *ngIf=\"organization.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{organization.name | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <span>{{organization.name}}</span>\n </div>\n <img alt=\"\" *ngIf=\"organization.id === currentCompany?.id\"\n class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n </div>\n </div>\n </ng-container>\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n Help Center\n </div>\n\n <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Terms And Conditions\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Privacy Policy\n </div>\n </a>\n\n\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n Sign out\n </div>\n </mat-menu>\n </div>\n </div>\n\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:500;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;position:relative;background-color:#fff;display:flex;justify-content:center}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu a{text-decoration:none!important}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: CompanyImageComponent, selector: "i-tech-company-image", inputs: ["collapsed", "userData", "currentCompany", "platform"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i5$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }] }); }
|
|
1902
1903
|
}
|
|
1903
1904
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NewSidebarComponent, decorators: [{
|
|
1904
1905
|
type: Component,
|
|
1905
1906
|
args: [{ selector: 'i-tech-sidebar', imports: [NgIf, NgFor, TranslateModule, MatMenu, MatMenuModule, CompanyImageComponent, UpperCasePipe, SlicePipe,
|
|
1906
1907
|
MatRippleModule, MatTooltipModule, IconButtonComponent, RouterLink, LowerCasePipe
|
|
1907
|
-
], standalone: true, template: "<div class=\"main_sidebar\"\n *ngIf=\"navigationLinks && userData\"\n [class.collapsed]=\"isCollapsed\"\n>\n <div class=\"main_sidebar--header\">\n <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"isCollapsed\"\n [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n >\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"!isCollapsed\"\n [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n >\n </a>\n <i-tech-icon-button\n *ngIf=\"!isCollapsed\"\n [tooltip]=\"'SLP Tools'\"\n [iconName]=\"'apps'\"\n [matMenuTriggerFor]=\"matMenu\"\n ></i-tech-icon-button>\n\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n <div class=\"menu_title\">\n Active Apps\n </div>\n <ng-container *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n *ngIf=\"app.checked\"\n >\n </div>\n </a>\n </ng-container>\n </ng-container>\n\n <div class=\"divider\"\n *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n ></div>\n\n <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\n <div class=\"menu_title\">\n Inactive Apps\n </div>\n <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n </div>\n </ng-container>\n\n </mat-menu>\n </div>\n\n <div class=\"main_sidebar--content\">\n <ng-container *ngIf=\"secondLayerLinks.length\">\n <div class=\"main_sidebar--content--toolbar\"\n (click)=\"navigateBack()\"\n >\n <img alt=\"\" src=\"/assets/back.svg\">\n <span>Back</span>\n </div>\n <div class=\"main_sidebar--content--sub_title\">\n Settings\n </div>\n </ng-container>\n\n <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n <div class=\"main_sidebar--content--link pointer\"\n matRipple\n [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n (click)=\"handleLinkClick(link)\"\n [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\n >\n <div class=\"parent_icon\">\n <img class=\"icon\" alt=\"\"\n [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n </div>\n <div class=\"name\">{{link.title | translate}}</div>\n\n <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n <i-tech-icon-button class=\"link_badge info\"\n *ngIf=\"link.infoWithTooltipText\"\n [tooltip]=\"link.infoWithTooltipText || ''\"\n [size]=\"'small'\"\n [iconName]=\"'info'\"\n >\n </i-tech-icon-button>\n\n\n\n </div>\n </a>\n </ng-container>\n\n </div>\n\n <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n <div class=\"main_sidebar--footer--toggle\"\n >\n <i-tech-icon-button\n [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n (click)=\"changeCollapse()\"\n ></i-tech-icon-button>\n\n </div>\n <div class=\"main_sidebar--footer--profile\">\n <i-tech-company-image\n [matMenuTriggerFor]=\"matMenu\"\n [collapsed]=\"isCollapsed\"\n [userData]=\"userData\"\n [platform]=\"platform\"\n [currentCompany]=\"currentCompany\"\n ></i-tech-company-image>\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n <div class=\"top_bar\">\n <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n *ngIf=\"userData.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{userData.firstName | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <div class=\"information\">\n <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n <div class=\"email\">{{userData.email}}</div>\n </div>\n </div>\n <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['accountInformation']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n class=\"standard_menu_item\"\n >\n Add new organization\n </div>\n </a>\n\n\n <ng-container *ngIf=\"allOrganizations.length > 1\">\n <div class=\"divider\" ></div>\n\n <div class=\"switch\">\n <div class=\"switch_title\">\n Switch Organization\n </div>\n <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n *ngFor=\"let organization of allOrganizations\"\n >\n <div class=\"organization_item_in_menu\">\n <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n *ngIf=\"organization.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{organization.name | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <span>{{organization.name}}</span>\n </div>\n <img alt=\"\" *ngIf=\"organization.id === currentCompany?.id\"\n class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n </div>\n </div>\n </ng-container>\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n Help Center\n </div>\n\n <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Terms And Conditions\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Privacy Policy\n </div>\n </a>\n\n\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n Sign out\n </div>\n </mat-menu>\n </div>\n </div>\n\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:500;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;position:relative;background-color:#fff;display:flex;justify-content:center}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu a{text-decoration:none!important}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"] }]
|
|
1908
|
+
], standalone: true, template: "<div class=\"main_sidebar\"\n *ngIf=\"navigationLinks && userData\"\n [class.collapsed]=\"isCollapsed\"\n>\n <div class=\"main_sidebar--header\">\n <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"isCollapsed\"\n [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n >\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"!isCollapsed\"\n [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n >\n </a>\n <i-tech-icon-button\n *ngIf=\"!isCollapsed\"\n [tooltip]=\"'SLP Tools'\"\n [iconName]=\"'apps'\"\n [matMenuTriggerFor]=\"matMenu\"\n ></i-tech-icon-button>\n\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n <div class=\"menu_title\">\n Active Apps\n </div>\n <ng-container *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n *ngIf=\"app.checked\"\n >\n </div>\n </a>\n </ng-container>\n </ng-container>\n\n <div class=\"divider\"\n *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n ></div>\n\n <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\n <div class=\"menu_title\">\n Inactive Apps\n </div>\n <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n </div>\n </ng-container>\n\n </mat-menu>\n </div>\n\n <div class=\"main_sidebar--content\">\n <ng-container *ngIf=\"secondLayerLinks.length\">\n <div class=\"main_sidebar--content--toolbar\"\n (click)=\"navigateBack()\"\n >\n <img alt=\"\" src=\"/assets/back.svg\">\n <span>Back</span>\n </div>\n <div class=\"main_sidebar--content--sub_title\">\n Settings\n </div>\n </ng-container>\n\n <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n <div class=\"main_sidebar--content--link pointer\"\n matRipple\n [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n (click)=\"handleLinkClick(link)\"\n [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\n >\n <div class=\"parent_icon\">\n <img class=\"icon\" alt=\"\"\n [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n </div>\n <div class=\"name\">{{link.title | translate}}</div>\n\n <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n <i-tech-icon-button class=\"link_badge info\"\n *ngIf=\"link.infoWithTooltipText\"\n [tooltip]=\"link.infoWithTooltipText || ''\"\n [size]=\"'small'\"\n [iconName]=\"'info'\"\n >\n </i-tech-icon-button>\n </div>\n </a>\n </ng-container>\n\n </div>\n\n <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n <div class=\"main_sidebar--footer--toggle\"\n >\n <i-tech-icon-button\n [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n (click)=\"changeCollapse()\"\n ></i-tech-icon-button>\n\n </div>\n <div class=\"main_sidebar--footer--profile\">\n <i-tech-company-image\n [matMenuTriggerFor]=\"matMenu\"\n [collapsed]=\"isCollapsed\"\n [userData]=\"userData\"\n [platform]=\"platform\"\n [currentCompany]=\"currentCompany\"\n ></i-tech-company-image>\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n <div class=\"top_bar\">\n <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n *ngIf=\"userData.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{userData.firstName | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <div class=\"information\">\n <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n <div class=\"email\">{{userData.email}}</div>\n </div>\n </div>\n <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['accountInformation']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n class=\"standard_menu_item\"\n >\n Add new organization\n </div>\n </a>\n\n\n <ng-container *ngIf=\"allOrganizations.length > 1\">\n <div class=\"divider\" ></div>\n\n <div class=\"switch\">\n <div class=\"switch_title\">\n Switch Organization\n </div>\n <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n *ngFor=\"let organization of allOrganizations\"\n >\n <div class=\"organization_item_in_menu\">\n <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n *ngIf=\"organization.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{organization.name | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <span>{{organization.name}}</span>\n </div>\n <img alt=\"\" *ngIf=\"organization.id === currentCompany?.id\"\n class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n </div>\n </div>\n </ng-container>\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n Help Center\n </div>\n\n <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Terms And Conditions\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Privacy Policy\n </div>\n </a>\n\n\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n Sign out\n </div>\n </mat-menu>\n </div>\n </div>\n\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:500;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;position:relative;background-color:#fff;display:flex;justify-content:center}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu a{text-decoration:none!important}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"] }]
|
|
1908
1909
|
}], ctorParameters: () => [{ type: i1$3.Router }, { type: i2.HttpClient }], propDecorators: { canDeactivate: [{
|
|
1909
1910
|
type: HostListener,
|
|
1910
1911
|
args: ['window:beforeunload']
|