@intellias/menu 3.1.1 → 3.1.3
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.
- package/dist/css/main.css +378 -8
- package/dist/js/main.js +3 -3
- package/package.json +1 -1
package/dist/css/main.css
CHANGED
|
@@ -2115,10 +2115,378 @@
|
|
|
2115
2115
|
--spacing-120: 7.5rem;
|
|
2116
2116
|
--spacing-240: 15rem;
|
|
2117
2117
|
}
|
|
2118
|
+
:root {
|
|
2119
|
+
--bg-primary-light:#F4F4F4;
|
|
2120
|
+
--bg-primary-dark:#262626;
|
|
2121
|
+
--bg-secondary-light:#FAFAFA;
|
|
2122
|
+
--bg-secondary-dark:#393939;
|
|
2123
|
+
--overlay-light:rgba(37, 55, 70, 0.55);
|
|
2124
|
+
--overlay-dark:rgba(64, 65, 66, 0.55);
|
|
2125
|
+
--surface-primary-light:#FDFDFD;
|
|
2126
|
+
--surface-primary-dark:#161616;
|
|
2127
|
+
--surface-secondary-light:#F1F1F1;
|
|
2128
|
+
--surface-secondary-dark:#393939;
|
|
2129
|
+
--surface-tertiary-light:#E3E3E3;
|
|
2130
|
+
--surface-tertiary-dark:#525252;
|
|
2131
|
+
--surface-contrast-primary-light:#000000;
|
|
2132
|
+
--surface-contrast-primary-dark:#FDFDFD;
|
|
2133
|
+
--surface-contrast-secondary-light:#525252;
|
|
2134
|
+
--surface-contrast-secondary-dark:#F1F1F1;
|
|
2135
|
+
--surface-contrast-tertiary-light:#C6C6C6;
|
|
2136
|
+
--surface-contrast-tertiary-dark:#C6C6C6;
|
|
2137
|
+
--hover-light:#E3E3E3;
|
|
2138
|
+
--hover-dark:#525252;
|
|
2139
|
+
--select-light:#F1F1F1;
|
|
2140
|
+
--select-dark:#393939;
|
|
2141
|
+
--disable-light:#EBEBEB;
|
|
2142
|
+
--disable-dark:#525252;
|
|
2143
|
+
--border-light:#C6C6C6;
|
|
2144
|
+
--border-dark:#6F6F6F;
|
|
2145
|
+
--border-contrast-light:#161616;
|
|
2146
|
+
--border-contrast-dark:#FDFDFD;
|
|
2147
|
+
--icon-primary-light:#161616;
|
|
2148
|
+
--icon-primary-dark:#FDFDFD;
|
|
2149
|
+
--icon-secondary-light:#525252;
|
|
2150
|
+
--icon-secondary-dark:#F1F1F1;
|
|
2151
|
+
--icon-disable-light:#C6C6C6;
|
|
2152
|
+
--icon-disable-dark:#C6C6C6;
|
|
2153
|
+
--icon-on-color-light:#FDFDFD;
|
|
2154
|
+
--icon-on-color-dark:#262626;
|
|
2155
|
+
--button-primary-default-light:#161616;
|
|
2156
|
+
--button-primary-default-dark:#FDFDFD;
|
|
2157
|
+
--button-primary-hover-light:#393939;
|
|
2158
|
+
--button-primary-hover-dark:#EBEBEB;
|
|
2159
|
+
--button-primary-disabled-light:#E0E0E0;
|
|
2160
|
+
--button-primary-disabled-dark:#8D8D8D;
|
|
2161
|
+
--button-brand-default-light:#00EF99;
|
|
2162
|
+
--button-brand-default-dark:#00EF99;
|
|
2163
|
+
--button-brand-hover-light:#00C373;
|
|
2164
|
+
--button-brand-hover-dark:#00C373;
|
|
2165
|
+
--text-primary-light:#161616;
|
|
2166
|
+
--text-primary-dark:#FDFDFD;
|
|
2167
|
+
--text-secondary-light:#393939;
|
|
2168
|
+
--text-secondary-dark:#E0E0E0;
|
|
2169
|
+
--text-tertiary-light:#6F6F6F;
|
|
2170
|
+
--text-tertiary-dark:#A8A8A8;
|
|
2171
|
+
--text-disable-light:#A8A8A8;
|
|
2172
|
+
--text-disable-dark:#525252;
|
|
2173
|
+
--text-on-color-light:#FDFDFD;
|
|
2174
|
+
--text-on-color-dark:#262626;
|
|
2175
|
+
--text-on-color-disable-light:#C6C6C6;
|
|
2176
|
+
--text-on-color-disable-dark:#525252;
|
|
2177
|
+
--text-link-light:#161616;
|
|
2178
|
+
--text-link-dark:#FDFDFD;
|
|
2179
|
+
--text-brand-button-light:#161616;
|
|
2180
|
+
--text-brand-button-dark:#161616;
|
|
2181
|
+
--text-warning-light:#DA8019;
|
|
2182
|
+
--text-warning-dark:#A46115;
|
|
2183
|
+
--accent-primary-light:#00EF99;
|
|
2184
|
+
--accent-primary-dark:#00EF99;
|
|
2185
|
+
--accent-primary-hover-light:#00C373;
|
|
2186
|
+
--accent-primary-hover-dark:#00C373;
|
|
2187
|
+
--accent-primary-hover2-light:#D0FEEF;
|
|
2188
|
+
--accent-primary-hover2-dark:#00311E;
|
|
2189
|
+
--accent-primary-container-light:#D0FEEF;
|
|
2190
|
+
--accent-primary-container-dark:#00311E;
|
|
2191
|
+
--accent-primary-soft-light:#00EF99;
|
|
2192
|
+
--accent-primary-soft-dark:#009257;
|
|
2193
|
+
--success-light:#009529;
|
|
2194
|
+
--success-dark:#009529;
|
|
2195
|
+
--success-hover-light:#005217;
|
|
2196
|
+
--success-hover-dark:#005217;
|
|
2197
|
+
--success-container-light:#D4F7DE;
|
|
2198
|
+
--success-container-dark:#003D11;
|
|
2199
|
+
--error-light:#C72000;
|
|
2200
|
+
--error-dark:#C72000;
|
|
2201
|
+
--error-hover-light:#A31D00;
|
|
2202
|
+
--error-hover-dark:#A31D00;
|
|
2203
|
+
--error-container-light:#FFEBE7;
|
|
2204
|
+
--error-container-dark:#520F01;
|
|
2205
|
+
--warning-light:#E7C700;
|
|
2206
|
+
--warning-dark:#E7C700;
|
|
2207
|
+
--warning-container-light:#FFF5C0;
|
|
2208
|
+
--warning-container-dark:#665903;
|
|
2209
|
+
--information-light:#0088FF;
|
|
2210
|
+
--information-dark:#0097FF;
|
|
2211
|
+
--information-hover-light:#0065C0;
|
|
2212
|
+
--information-hover-dark:#004584;
|
|
2213
|
+
--information-container-light:#E2F4FF;
|
|
2214
|
+
--information-container-dark:#00376A;
|
|
2215
|
+
--orange-foreground-light:#BF7017;
|
|
2216
|
+
--orange-foreground-dark:#F6B86F;
|
|
2217
|
+
--red-foreground-light:#C72000;
|
|
2218
|
+
--red-foreground-dark:#FF7957;
|
|
2219
|
+
--blue-background-subdued-light:#A7DDFF;
|
|
2220
|
+
--blue-background-subdued-dark:#00376A;
|
|
2221
|
+
--green-background-subdued-light:#79E6A0;
|
|
2222
|
+
--green-background-subdued-dark:#003D11;
|
|
2223
|
+
--yellow-background-subdued-light:#FFF5C0;
|
|
2224
|
+
--yellow-background-subdued-dark:#665903;
|
|
2225
|
+
--yellow-foreground-light:#665903;
|
|
2226
|
+
--yellow-foreground-dark:#FBDE40;
|
|
2227
|
+
--green-foreground-light:#003D11;
|
|
2228
|
+
--green-foreground-dark:#13DA72;
|
|
2229
|
+
--orange-background-subdued-light:#FDE1BE;
|
|
2230
|
+
--orange-background-subdued-dark:#704310;
|
|
2231
|
+
--red-background-subdued-light:#ffd7d9;
|
|
2232
|
+
--red-background-subdued-dark:#520F01;
|
|
2233
|
+
--blue-foreground-light:#00376A;
|
|
2234
|
+
--blue-foreground-dark:#16B1FF;
|
|
2235
|
+
--purple-foreground-light:#282266;
|
|
2236
|
+
--purple-foreground-dark:#968BFF;
|
|
2237
|
+
--purple-background-subdued-light:#C1BBFF;
|
|
2238
|
+
--purple-background-subdued-dark:#282266;
|
|
2239
|
+
--magenta-background-subdued-light:#E692AB;
|
|
2240
|
+
--magenta-background-subdued-dark:#531828;
|
|
2241
|
+
--magenta-foreground-light:#531828;
|
|
2242
|
+
--magenta-foreground-dark:#E07896;
|
|
2243
|
+
--lime-background-subdued-light:#C6EEA2;
|
|
2244
|
+
--lime-background-subdued-dark:#35581A;
|
|
2245
|
+
--lime-foreground-light:#284114;
|
|
2246
|
+
--lime-foreground-dark:#98DD5D;
|
|
2247
|
+
--grey-background-subdued-light:#E0E0E0;
|
|
2248
|
+
--grey-background-subdued-dark:#393939;
|
|
2249
|
+
--azure-background-subdued-light:#A1EDF8;
|
|
2250
|
+
--azure-background-subdued-dark:#003946;
|
|
2251
|
+
--azure-foreground-light:#003946;
|
|
2252
|
+
--azure-foreground-dark:#5AE0F3;
|
|
2253
|
+
--pink-background-subdued-light:#F88CD8;
|
|
2254
|
+
--pink-background-subdued-dark:#871764;
|
|
2255
|
+
--pink-foreground-light:#871764;
|
|
2256
|
+
--pink-foreground-dark:#F05BC3;
|
|
2257
|
+
}
|
|
2258
|
+
:root {
|
|
2259
|
+
--bg-primary: var(--bg-primary-light);
|
|
2260
|
+
--bg-secondary: var(--bg-secondary-light);
|
|
2261
|
+
--overlay: var(--overlay-light);
|
|
2262
|
+
--surface-primary: var(--surface-primary-light);
|
|
2263
|
+
--surface-secondary: var(--surface-secondary-light);
|
|
2264
|
+
--surface-tertiary: var(--surface-tertiary-light);
|
|
2265
|
+
--surface-contrast-primary: var(--surface-contrast-primary-light);
|
|
2266
|
+
--surface-contrast-secondary: var(--surface-contrast-secondary-light);
|
|
2267
|
+
--surface-contrast-tertiary: var(--surface-contrast-tertiary-light);
|
|
2268
|
+
--hover: var(--hover-light);
|
|
2269
|
+
--select: var(--select-light);
|
|
2270
|
+
--disable: var(--disable-light);
|
|
2271
|
+
--border: var(--border-light);
|
|
2272
|
+
--border-contrast: var(--border-contrast-light);
|
|
2273
|
+
--icon-primary: var(--icon-primary-light);
|
|
2274
|
+
--icon-secondary: var(--icon-secondary-light);
|
|
2275
|
+
--icon-disable: var(--icon-disable-light);
|
|
2276
|
+
--icon-on-color: var(--icon-on-color-light);
|
|
2277
|
+
--button-primary-default: var(--button-primary-default-light);
|
|
2278
|
+
--button-primary-hover: var(--button-primary-hover-light);
|
|
2279
|
+
--button-primary-disabled: var(--button-primary-disabled-light);
|
|
2280
|
+
--button-brand-default: var(--button-brand-default-light);
|
|
2281
|
+
--button-brand-hover: var(--button-brand-hover-light);
|
|
2282
|
+
--text-primary: var(--text-primary-light);
|
|
2283
|
+
--text-secondary: var(--text-secondary-light);
|
|
2284
|
+
--text-tertiary: var(--text-tertiary-light);
|
|
2285
|
+
--text-disable: var(--text-disable-light);
|
|
2286
|
+
--text-on-color: var(--text-on-color-light);
|
|
2287
|
+
--text-on-color-disable: var(--text-on-color-disable-light);
|
|
2288
|
+
--text-link: var(--text-link-light);
|
|
2289
|
+
--text-brand-button: var(--text-brand-button-light);
|
|
2290
|
+
--text-warning: var(--text-warning-light);
|
|
2291
|
+
--accent-primary: var(--accent-primary-light);
|
|
2292
|
+
--accent-primary-hover: var(--accent-primary-hover-light);
|
|
2293
|
+
--accent-primary-hover2: var(--accent-primary-hover2-light);
|
|
2294
|
+
--accent-primary-container: var(--accent-primary-container-light);
|
|
2295
|
+
--accent-primary-soft: var(--accent-primary-soft-light);
|
|
2296
|
+
--success: var(--success-light);
|
|
2297
|
+
--success-hover: var(--success-hover-light);
|
|
2298
|
+
--success-container: var(--success-container-light);
|
|
2299
|
+
--error: var(--error-light);
|
|
2300
|
+
--error-hover: var(--error-hover-light);
|
|
2301
|
+
--error-container: var(--error-container-light);
|
|
2302
|
+
--warning: var(--warning-light);
|
|
2303
|
+
--warning-container: var(--warning-container-light);
|
|
2304
|
+
--information: var(--information-light);
|
|
2305
|
+
--information-hover: var(--information-hover-light);
|
|
2306
|
+
--information-container: var(--information-container-light);
|
|
2307
|
+
--orange-foreground: var(--orange-foreground-light);
|
|
2308
|
+
--red-foreground: var(--red-foreground-light);
|
|
2309
|
+
--blue-background-subdued: var(--blue-background-subdued-light);
|
|
2310
|
+
--green-background-subdued: var(--green-background-subdued-light);
|
|
2311
|
+
--yellow-background-subdued: var(--yellow-background-subdued-light);
|
|
2312
|
+
--yellow-foreground: var(--yellow-foreground-light);
|
|
2313
|
+
--green-foreground: var(--green-foreground-light);
|
|
2314
|
+
--orange-background-subdued: var(--orange-background-subdued-light);
|
|
2315
|
+
--red-background-subdued: var(--red-background-subdued-light);
|
|
2316
|
+
--blue-foreground: var(--blue-foreground-light);
|
|
2317
|
+
--purple-foreground: var(--purple-foreground-light);
|
|
2318
|
+
--purple-background-subdued: var(--purple-background-subdued-light);
|
|
2319
|
+
--magenta-background-subdued: var(--magenta-background-subdued-light);
|
|
2320
|
+
--magenta-foreground: var(--magenta-foreground-light);
|
|
2321
|
+
--lime-background-subdued: var(--lime-background-subdued-light);
|
|
2322
|
+
--lime-foreground: var(--lime-foreground-light);
|
|
2323
|
+
--grey-background-subdued: var(--grey-background-subdued-light);
|
|
2324
|
+
--azure-background-subdued: var(--azure-background-subdued-light);
|
|
2325
|
+
--azure-foreground: var(--azure-foreground-light);
|
|
2326
|
+
--pink-background-subdued: var(--pink-background-subdued-light);
|
|
2327
|
+
--pink-foreground: var(--pink-foreground-light);
|
|
2328
|
+
}
|
|
2329
|
+
[data-theme=dark] {
|
|
2330
|
+
--bg-primary: var(--bg-primary-dark);
|
|
2331
|
+
--bg-secondary: var(--bg-secondary-dark);
|
|
2332
|
+
--overlay: var(--overlay-dark);
|
|
2333
|
+
--surface-primary: var(--surface-primary-dark);
|
|
2334
|
+
--surface-secondary: var(--surface-secondary-dark);
|
|
2335
|
+
--surface-tertiary: var(--surface-tertiary-dark);
|
|
2336
|
+
--surface-contrast-primary: var(--surface-contrast-primary-dark);
|
|
2337
|
+
--surface-contrast-secondary: var(--surface-contrast-secondary-dark);
|
|
2338
|
+
--surface-contrast-tertiary: var(--surface-contrast-tertiary-dark);
|
|
2339
|
+
--hover: var(--hover-dark);
|
|
2340
|
+
--select: var(--select-dark);
|
|
2341
|
+
--disable: var(--disable-dark);
|
|
2342
|
+
--border: var(--border-dark);
|
|
2343
|
+
--border-contrast: var(--border-contrast-dark);
|
|
2344
|
+
--icon-primary: var(--icon-primary-dark);
|
|
2345
|
+
--icon-secondary: var(--icon-secondary-dark);
|
|
2346
|
+
--icon-disable: var(--icon-disable-dark);
|
|
2347
|
+
--icon-on-color: var(--icon-on-color-dark);
|
|
2348
|
+
--button-primary-default: var(--button-primary-default-dark);
|
|
2349
|
+
--button-primary-hover: var(--button-primary-hover-dark);
|
|
2350
|
+
--button-primary-disabled: var(--button-primary-disabled-dark);
|
|
2351
|
+
--button-brand-default: var(--button-brand-default-dark);
|
|
2352
|
+
--button-brand-hover: var(--button-brand-hover-dark);
|
|
2353
|
+
--text-primary: var(--text-primary-dark);
|
|
2354
|
+
--text-secondary: var(--text-secondary-dark);
|
|
2355
|
+
--text-tertiary: var(--text-tertiary-dark);
|
|
2356
|
+
--text-disable: var(--text-disable-dark);
|
|
2357
|
+
--text-on-color: var(--text-on-color-dark);
|
|
2358
|
+
--text-on-color-disable: var(--text-on-color-disable-dark);
|
|
2359
|
+
--text-link: var(--text-link-dark);
|
|
2360
|
+
--text-brand-button: var(--text-brand-button-dark);
|
|
2361
|
+
--text-warning: var(--text-warning-dark);
|
|
2362
|
+
--accent-primary: var(--accent-primary-dark);
|
|
2363
|
+
--accent-primary-hover: var(--accent-primary-hover-dark);
|
|
2364
|
+
--accent-primary-hover2: var(--accent-primary-hover2-dark);
|
|
2365
|
+
--accent-primary-container: var(--accent-primary-container-dark);
|
|
2366
|
+
--accent-primary-soft: var(--accent-primary-soft-dark);
|
|
2367
|
+
--success: var(--success-dark);
|
|
2368
|
+
--success-hover: var(--success-hover-dark);
|
|
2369
|
+
--success-container: var(--success-container-dark);
|
|
2370
|
+
--error: var(--error-dark);
|
|
2371
|
+
--error-hover: var(--error-hover-dark);
|
|
2372
|
+
--error-container: var(--error-container-dark);
|
|
2373
|
+
--warning: var(--warning-dark);
|
|
2374
|
+
--warning-container: var(--warning-container-dark);
|
|
2375
|
+
--information: var(--information-dark);
|
|
2376
|
+
--information-hover: var(--information-hover-dark);
|
|
2377
|
+
--information-container: var(--information-container-dark);
|
|
2378
|
+
--orange-foreground: var(--orange-foreground-dark);
|
|
2379
|
+
--red-foreground: var(--red-foreground-dark);
|
|
2380
|
+
--blue-background-subdued: var(--blue-background-subdued-dark);
|
|
2381
|
+
--green-background-subdued: var(--green-background-subdued-dark);
|
|
2382
|
+
--yellow-background-subdued: var(--yellow-background-subdued-dark);
|
|
2383
|
+
--yellow-foreground: var(--yellow-foreground-dark);
|
|
2384
|
+
--green-foreground: var(--green-foreground-dark);
|
|
2385
|
+
--orange-background-subdued: var(--orange-background-subdued-dark);
|
|
2386
|
+
--red-background-subdued: var(--red-background-subdued-dark);
|
|
2387
|
+
--blue-foreground: var(--blue-foreground-dark);
|
|
2388
|
+
--purple-foreground: var(--purple-foreground-dark);
|
|
2389
|
+
--purple-background-subdued: var(--purple-background-subdued-dark);
|
|
2390
|
+
--magenta-background-subdued: var(--magenta-background-subdued-dark);
|
|
2391
|
+
--magenta-foreground: var(--magenta-foreground-dark);
|
|
2392
|
+
--lime-background-subdued: var(--lime-background-subdued-dark);
|
|
2393
|
+
--lime-foreground: var(--lime-foreground-dark);
|
|
2394
|
+
--grey-background-subdued: var(--grey-background-subdued-dark);
|
|
2395
|
+
--azure-background-subdued: var(--azure-background-subdued-dark);
|
|
2396
|
+
--azure-foreground: var(--azure-foreground-dark);
|
|
2397
|
+
--pink-background-subdued: var(--pink-background-subdued-dark);
|
|
2398
|
+
--pink-foreground: var(--pink-foreground-dark);
|
|
2399
|
+
}
|
|
2400
|
+
@font-face {
|
|
2401
|
+
font-family: "Intellias";
|
|
2402
|
+
src: url(/images/Intellias-Book.woff2?c5bc64e5778bf6f1dbd04c939a3dbf20) format(woff2);
|
|
2403
|
+
font-weight: normal;
|
|
2404
|
+
font-style: normal;
|
|
2405
|
+
font-display: swap;
|
|
2406
|
+
}
|
|
2407
|
+
@font-face {
|
|
2408
|
+
font-family: "Intellias";
|
|
2409
|
+
src: url(/images/Intellias-Book.woff2?c5bc64e5778bf6f1dbd04c939a3dbf20) format(woff2);
|
|
2410
|
+
font-weight: 400;
|
|
2411
|
+
font-style: normal;
|
|
2412
|
+
font-display: swap;
|
|
2413
|
+
}
|
|
2414
|
+
@font-face {
|
|
2415
|
+
font-family: "Intellias";
|
|
2416
|
+
src: url(/images/Intellias-Medium.woff2?8911a07c76d3beba80d3cec3ef17c0d6) format(woff2);
|
|
2417
|
+
font-weight: 600;
|
|
2418
|
+
font-style: normal;
|
|
2419
|
+
font-display: swap;
|
|
2420
|
+
}
|
|
2421
|
+
@font-face {
|
|
2422
|
+
font-family: "Intellias";
|
|
2423
|
+
src: url(/images/Intellias-Medium.woff2?8911a07c76d3beba80d3cec3ef17c0d6) format(woff2);
|
|
2424
|
+
font-weight: 700;
|
|
2425
|
+
font-style: normal;
|
|
2426
|
+
font-display: swap;
|
|
2427
|
+
}
|
|
2428
|
+
@font-face {
|
|
2429
|
+
font-family: "Intellias";
|
|
2430
|
+
src: url(/images/Intellias-Medium.woff2?8911a07c76d3beba80d3cec3ef17c0d6) format(woff2);
|
|
2431
|
+
font-weight: bold;
|
|
2432
|
+
font-style: normal;
|
|
2433
|
+
font-display: swap;
|
|
2434
|
+
}
|
|
2435
|
+
:root {
|
|
2436
|
+
--font-family-primary: Intellias,
|
|
2437
|
+
sans-serif;
|
|
2438
|
+
--font-size-8: 0.5rem;
|
|
2439
|
+
--font-size-10: 0.625rem;
|
|
2440
|
+
--font-size-12: 0.75rem;
|
|
2441
|
+
--font-size-14: 0.875rem;
|
|
2442
|
+
--font-size-16: 1rem;
|
|
2443
|
+
--font-size-18: 1.125rem;
|
|
2444
|
+
--font-size-20: 1.25rem;
|
|
2445
|
+
--font-size-24: 1.5rem;
|
|
2446
|
+
--font-size-28: 1.75rem;
|
|
2447
|
+
--font-size-32: 2rem;
|
|
2448
|
+
--font-size-36: 2.25rem;
|
|
2449
|
+
--font-size-40: 2.5rem;
|
|
2450
|
+
--font-size-48: 3rem;
|
|
2451
|
+
--font-size-50: 3.125rem;
|
|
2452
|
+
--line-height-12: 0.75rem;
|
|
2453
|
+
--line-height-14: 0.87rem;
|
|
2454
|
+
--line-height-16: 1rem;
|
|
2455
|
+
--line-height-20: 1.25rem;
|
|
2456
|
+
--line-height-24: 1.5rem;
|
|
2457
|
+
--line-height-28: 1.75rem;
|
|
2458
|
+
--line-height-32: 2rem;
|
|
2459
|
+
--line-height-40: 2.5rem;
|
|
2460
|
+
--line-height-48: 3rem;
|
|
2461
|
+
}
|
|
2462
|
+
:root {
|
|
2463
|
+
--spacing-2: 0.125rem;
|
|
2464
|
+
--spacing-4: 0.25rem;
|
|
2465
|
+
--spacing-6: 0.375rem;
|
|
2466
|
+
--spacing-8: 0.5rem;
|
|
2467
|
+
--spacing-10: 0.625rem;
|
|
2468
|
+
--spacing-12: 0.75rem;
|
|
2469
|
+
--spacing-16: 1rem;
|
|
2470
|
+
--spacing-20: 1.25rem;
|
|
2471
|
+
--spacing-24: 1.5rem;
|
|
2472
|
+
--spacing-28: 1.75rem;
|
|
2473
|
+
--spacing-30: 1.875rem;
|
|
2474
|
+
--spacing-32: 2rem;
|
|
2475
|
+
--spacing-40: 2.5rem;
|
|
2476
|
+
--spacing-48: 3rem;
|
|
2477
|
+
--spacing-64: 4rem;
|
|
2478
|
+
--spacing-80: 5rem;
|
|
2479
|
+
--spacing-94: 6rem;
|
|
2480
|
+
--spacing-120: 7.5rem;
|
|
2481
|
+
--spacing-240: 15rem;
|
|
2482
|
+
}
|
|
2118
2483
|
.play-pause {
|
|
2119
2484
|
display: flex;
|
|
2120
2485
|
align-items: center;
|
|
2486
|
+
gap: var(--spacing-12);
|
|
2121
2487
|
margin-left: var(--spacing-20);
|
|
2488
|
+
color: var(--text-primary);
|
|
2489
|
+
font-weight: 600;
|
|
2122
2490
|
}
|
|
2123
2491
|
.play-pause-btn {
|
|
2124
2492
|
display: flex;
|
|
@@ -2144,10 +2512,14 @@
|
|
|
2144
2512
|
animation: spin 1s linear infinite;
|
|
2145
2513
|
}
|
|
2146
2514
|
.play-pause-time {
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2515
|
+
display: flex;
|
|
2516
|
+
align-items: center;
|
|
2517
|
+
gap: var(--spacing-4);
|
|
2518
|
+
}
|
|
2519
|
+
@media only screen and (max-width : 600px) {
|
|
2520
|
+
.play-pause-time {
|
|
2521
|
+
display: none;
|
|
2522
|
+
}
|
|
2151
2523
|
}
|
|
2152
2524
|
#modalTracked {
|
|
2153
2525
|
color: var(--text-primary);
|
|
@@ -3460,6 +3832,7 @@
|
|
|
3460
3832
|
left: -12px;
|
|
3461
3833
|
max-width: none;
|
|
3462
3834
|
border: none;
|
|
3835
|
+
box-shadow: var(--shadow-main);
|
|
3463
3836
|
}
|
|
3464
3837
|
@media only screen and (max-width : 600px) {
|
|
3465
3838
|
.notifications-sidebar .v-dropdown-menu__container {
|
|
@@ -5163,14 +5536,11 @@
|
|
|
5163
5536
|
}
|
|
5164
5537
|
.intems-menu-links {
|
|
5165
5538
|
display: flex;
|
|
5166
|
-
justify-content:
|
|
5539
|
+
justify-content: flex-end;
|
|
5167
5540
|
align-items: center;
|
|
5168
5541
|
width: 100%;
|
|
5169
5542
|
margin-left: var(--spacing-12);
|
|
5170
5543
|
}
|
|
5171
|
-
.intems-menu-links:has(> li:first-child.intems-menu-links--right) {
|
|
5172
|
-
justify-content: flex-end;
|
|
5173
|
-
}
|
|
5174
5544
|
@media only screen and (max-width : 870px) {
|
|
5175
5545
|
.intems-menu-links {
|
|
5176
5546
|
display: none;
|
package/dist/js/main.js
CHANGED
|
@@ -708,7 +708,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
|
|
|
708
708
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
709
709
|
|
|
710
710
|
"use strict";
|
|
711
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! mobile-device-detect */ \"./node_modules/mobile-device-detect/dist/index.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../modal/Modal.vue */ \"./components/modal/Modal.vue\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PlayPauseStatus */ \"./components/play-pause/PlayPauseStatus.ts\");\n/* harmony import */ var _models_TrackedTimeModel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../models/TrackedTimeModel */ \"./models/TrackedTimeModel.ts\");\n/* harmony import */ var _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../repositories/TrackedTimeRepository */ \"./repositories/TrackedTimeRepository.ts\");\n/* harmony import */ var _helpers_TrackedTimeHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helpers/TrackedTimeHelper */ \"./components/play-pause/helpers/TrackedTimeHelper.ts\");\n/* harmony import */ var _helpers_PauseHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helpers/PauseHelper */ \"./components/play-pause/helpers/PauseHelper.ts\");\n/* harmony import */ var _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/response/ResponseCode */ \"./helpers/response/ResponseCode.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _helpers_LatestTrackedTimeDurationHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helpers/LatestTrackedTimeDurationHelper */ \"./components/play-pause/helpers/LatestTrackedTimeDurationHelper.ts\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../buttons/secondary-button/SecondaryButton.vue */ \"./components/buttons/secondary-button/SecondaryButton.vue\");\n/* harmony import */ var _main__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../main */ \"./main.ts\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @/models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _models_ThemeModel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @/models/ThemeModel */ \"./models/ThemeModel.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst groupedDataEndDate = moment_timezone__WEBPACK_IMPORTED_MODULE_1__().subtract(2, 'days');\nconst trackedTimeRepository = new _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"default\"]();\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'playPause',\n inject: ['storeAdapter', 'layout', 'analytics'],\n components: { modal: _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"], SecondaryButton: _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"] },\n created() {\n return __awaiter(this, void 0, void 0, function* () {\n this.applyRepositorySubscribers();\n yield this.getTrackedTimes();\n this.isLoading = false;\n this.startPolling();\n });\n },\n beforeDestroy() {\n this.stopPolling();\n },\n methods: {\n addNow() {\n return __awaiter(this, void 0, void 0, function* () {\n if (!this.isLiteDomain) {\n window.location.href = `${this.intemsConfig.liteSiteUrl}time`;\n }\n const timePagePath = _main__WEBPACK_IMPORTED_MODULE_15__[\"myOptions\"].helperFunctions.getUrlPathByName('Time');\n this.storeAdapter.TimePage.mutations.setAddNowMode(true);\n if (this.$router.currentRoute.path !== timePagePath) {\n yield this.$router.replace(timePagePath);\n }\n this.closeModalWindow();\n });\n },\n closeModalWindow() {\n this.$modal.hide('modalTracked');\n },\n handlePlayResolved(response) {\n const trackedTime = new _models_TrackedTimeModel__WEBPACK_IMPORTED_MODULE_6__[\"default\"]();\n trackedTime.fill(response.data.data);\n this.storeAdapter.TrackedTime.mutations.addTrackedTime(trackedTime);\n this.storeAdapter.Toasts.mutations.addMessage('You have started tracking work time');\n },\n handlePauseResolved(response) {\n const trackedTimeHelper = new _helpers_TrackedTimeHelper__WEBPACK_IMPORTED_MODULE_8__[\"default\"](response.data.data);\n const pauseHelper = new _helpers_PauseHelper__WEBPACK_IMPORTED_MODULE_9__[\"default\"](trackedTimeHelper);\n const error = pauseHelper.getError();\n if (error) {\n this.storeAdapter.Toasts.mutations.addError(error);\n this.storeAdapter.TrackedTime.mutations.setLatestTrackedTime(undefined);\n return;\n }\n this.duration = trackedTimeHelper.today().duration;\n this.trackedText = pauseHelper.getTrackedText();\n if (pauseHelper.needOpenModalWindow()) {\n this.$modal.show('modalTracked');\n }\n this.storeAdapter.Toasts.mutations.addMessage(pauseHelper.getMessage());\n },\n handleRejected(error) {\n return __awaiter(this, void 0, void 0, function* () {\n if (error.response.status === _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_10__[\"ResponseCode\"].UnprocessableEntity) {\n const firstError = Object.values(error.response.data.errors)[0];\n this.storeAdapter.Toasts.mutations.addError(firstError[0]);\n yield this.getTrackedTimes();\n }\n });\n },\n applyRepositorySubscribers() {\n const responseHelper = trackedTimeRepository.getResponseHelper();\n responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Resolved, result => this.handlePlayResolved(result), _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"PlayContext\"]);\n responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Resolved, result => this.handlePauseResolved(result), _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"PauseContext\"]);\n responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Rejected, error => this.handleRejected(error), _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_11__[\"DefaultContext\"]);\n },\n getTrackedTimes() {\n return __awaiter(this, void 0, void 0, function* () {\n yield this.storeAdapter.TrackedTime.actions.getTrackedTimes({\n day$gt: groupedDataEndDate.format('YYYY-MM-DD'),\n day$lte: moment_timezone__WEBPACK_IMPORTED_MODULE_1__[\"tz\"](this.getUser.getTimezone()).format('YYYY-MM-DD')\n });\n if (this.status === undefined) {\n yield this.storeAdapter.TrackedTime.actions.getLatestTrackedTime();\n }\n });\n },\n fetchRoundedDuration() {\n return __awaiter(this, void 0, void 0, function* () {\n const trackedTime = yield trackedTimeRepository.latest();\n if (trackedTime) {\n this.roundedDuration = trackedTime.rounded_duration;\n }\n });\n },\n startPolling() {\n this.fetchRoundedDuration();\n this.pollingIntervalId = window.setInterval(() => {\n if (this.isStatusPlay) {\n this.fetchRoundedDuration();\n }\n }, 60000);\n },\n stopPolling() {\n if (this.pollingIntervalId !== null) {\n clearInterval(this.pollingIntervalId);\n this.pollingIntervalId = null;\n }\n },\n toggle() {\n return __awaiter(this, void 0, void 0, function* () {\n const { GoogleAnalyticsHelper, GoogleAnalyticsEvents } = this.analytics;\n this.isLoading = true;\n if (this.isStatusPlay) {\n yield trackedTimeRepository.pause();\n GoogleAnalyticsHelper.event(GoogleAnalyticsEvents.TIME_PAUSE);\n this.roundedDuration = null;\n }\n else {\n yield trackedTimeRepository.play();\n GoogleAnalyticsHelper.event(GoogleAnalyticsEvents.TIME_PLAY);\n this.fetchRoundedDuration();\n }\n this.isLoading = false;\n });\n }\n },\n computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser'])), { status() {\n return this.storeAdapter.TrackedTime.getters.status;\n },\n iconClass() {\n return {\n 'spinner-solid sm': this.isLoading,\n original: !this.isLoading,\n 'pause-new': this.isStatusPlay,\n 'play-new': !this.isStatusPlay\n };\n },\n latestTrackedTime() {\n return this.storeAdapter.TrackedTime.getters.latest;\n },\n isMobile() {\n return mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__[\"isMobile\"];\n },\n isLiteDomain() {\n return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Lite;\n },\n intemsConfig() {\n return this.storeAdapter.Config.state.data;\n },\n darkTheme() {\n return !this.isLiteDomain && this.getUser.frontend_theme === _models_ThemeModel__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Dark;\n },\n timeLabel() {\n if (!this.isStatusPlay || this.roundedDuration === null) {\n return null;\n }\n const hours = Math.floor(this.roundedDuration / 60);\n const minutes = this.roundedDuration % 60;\n return `${hours}:${String(minutes).padStart(2, '0')}`;\n },\n isStatusPlay() {\n return this.status === _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__[\"Status\"].Play;\n } }),\n watch: {\n latestTrackedTime(trackedTime) {\n this.latestTrackedTimeDurationHelper.calculate(trackedTime, this.getUser.getTimezone());\n }\n },\n data() {\n return {\n trackedText: 'Default Text',\n duration: undefined,\n isLoading: true,\n latestTrackedTimeDurationHelper: new _helpers_LatestTrackedTimeDurationHelper__WEBPACK_IMPORTED_MODULE_12__[\"default\"](),\n roundedDuration: null,\n pollingIntervalId: null\n };\n }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/play-pause/PlayPause.ts?");
|
|
711
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment-timezone */ \"./node_modules/moment-timezone/index.js\");\n/* harmony import */ var moment_timezone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment_timezone__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! mobile-device-detect */ \"./node_modules/mobile-device-detect/dist/index.js\");\n/* harmony import */ var mobile_device_detect__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../modal/Modal.vue */ \"./components/modal/Modal.vue\");\n/* harmony import */ var _helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../helpers/response/ResponseState */ \"./helpers/response/ResponseState.ts\");\n/* harmony import */ var _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PlayPauseStatus */ \"./components/play-pause/PlayPauseStatus.ts\");\n/* harmony import */ var _models_TrackedTimeModel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../models/TrackedTimeModel */ \"./models/TrackedTimeModel.ts\");\n/* harmony import */ var _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../repositories/TrackedTimeRepository */ \"./repositories/TrackedTimeRepository.ts\");\n/* harmony import */ var _helpers_TrackedTimeHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helpers/TrackedTimeHelper */ \"./components/play-pause/helpers/TrackedTimeHelper.ts\");\n/* harmony import */ var _helpers_PauseHelper__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helpers/PauseHelper */ \"./components/play-pause/helpers/PauseHelper.ts\");\n/* harmony import */ var _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../helpers/response/ResponseCode */ \"./helpers/response/ResponseCode.ts\");\n/* harmony import */ var _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../helpers/response/ResponseHelper */ \"./helpers/response/ResponseHelper.ts\");\n/* harmony import */ var _helpers_LatestTrackedTimeDurationHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helpers/LatestTrackedTimeDurationHelper */ \"./components/play-pause/helpers/LatestTrackedTimeDurationHelper.ts\");\n/* harmony import */ var _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../buttons/action-button/ActionButton.vue */ \"./components/buttons/action-button/ActionButton.vue\");\n/* harmony import */ var _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../buttons/secondary-button/SecondaryButton.vue */ \"./components/buttons/secondary-button/SecondaryButton.vue\");\n/* harmony import */ var _main__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../main */ \"./main.ts\");\n/* harmony import */ var _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @/models/MenuLayouts */ \"./models/MenuLayouts.ts\");\n/* harmony import */ var _models_ThemeModel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @/models/ThemeModel */ \"./models/ThemeModel.ts\");\nvar __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst groupedDataEndDate = moment_timezone__WEBPACK_IMPORTED_MODULE_1__().subtract(2, 'days');\nconst trackedTimeRepository = new _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"default\"]();\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'playPause',\n inject: ['storeAdapter', 'layout', 'analytics'],\n components: { modal: _modal_Modal_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"], ActionButton: _buttons_action_button_ActionButton_vue__WEBPACK_IMPORTED_MODULE_13__[\"default\"], SecondaryButton: _buttons_secondary_button_SecondaryButton_vue__WEBPACK_IMPORTED_MODULE_14__[\"default\"] },\n created() {\n return __awaiter(this, void 0, void 0, function* () {\n this.applyRepositorySubscribers();\n yield this.getTrackedTimes();\n this.isLoading = false;\n this.startPolling();\n });\n },\n beforeDestroy() {\n this.stopPolling();\n },\n methods: {\n addNow() {\n return __awaiter(this, void 0, void 0, function* () {\n if (!this.isLiteDomain) {\n window.location.href = `${this.intemsConfig.liteSiteUrl}time`;\n }\n const timePagePath = _main__WEBPACK_IMPORTED_MODULE_15__[\"myOptions\"].helperFunctions.getUrlPathByName('Time');\n this.storeAdapter.TimePage.mutations.setAddNowMode(true);\n if (this.$router.currentRoute.path !== timePagePath) {\n yield this.$router.replace(timePagePath);\n }\n this.closeModalWindow();\n });\n },\n closeModalWindow() {\n this.$modal.hide('modalTracked');\n },\n handlePlayResolved(response) {\n const trackedTime = new _models_TrackedTimeModel__WEBPACK_IMPORTED_MODULE_6__[\"default\"]();\n trackedTime.fill(response.data.data);\n this.storeAdapter.TrackedTime.mutations.addTrackedTime(trackedTime);\n this.storeAdapter.Toasts.mutations.addMessage('You have started tracking work time');\n },\n handlePauseResolved(response) {\n const trackedTimeHelper = new _helpers_TrackedTimeHelper__WEBPACK_IMPORTED_MODULE_8__[\"default\"](response.data.data);\n const pauseHelper = new _helpers_PauseHelper__WEBPACK_IMPORTED_MODULE_9__[\"default\"](trackedTimeHelper);\n const error = pauseHelper.getError();\n if (error) {\n this.storeAdapter.Toasts.mutations.addError(error);\n this.storeAdapter.TrackedTime.mutations.setLatestTrackedTime(undefined);\n return;\n }\n this.duration = trackedTimeHelper.today().duration;\n this.trackedText = pauseHelper.getTrackedText();\n if (pauseHelper.needOpenModalWindow()) {\n this.$modal.show('modalTracked');\n }\n this.storeAdapter.Toasts.mutations.addMessage(pauseHelper.getMessage());\n },\n handleRejected(error) {\n return __awaiter(this, void 0, void 0, function* () {\n if (error.response.status === _helpers_response_ResponseCode__WEBPACK_IMPORTED_MODULE_10__[\"ResponseCode\"].UnprocessableEntity) {\n const firstError = Object.values(error.response.data.errors)[0];\n this.storeAdapter.Toasts.mutations.addError(firstError[0]);\n yield this.getTrackedTimes();\n }\n });\n },\n applyRepositorySubscribers() {\n const responseHelper = trackedTimeRepository.getResponseHelper();\n responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Resolved, result => this.handlePlayResolved(result), _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"PlayContext\"]);\n responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Resolved, result => this.handlePauseResolved(result), _repositories_TrackedTimeRepository__WEBPACK_IMPORTED_MODULE_7__[\"PauseContext\"]);\n responseHelper.subscribe(_helpers_response_ResponseState__WEBPACK_IMPORTED_MODULE_4__[\"ResponseState\"].Rejected, error => this.handleRejected(error), _helpers_response_ResponseHelper__WEBPACK_IMPORTED_MODULE_11__[\"DefaultContext\"]);\n },\n getTrackedTimes() {\n return __awaiter(this, void 0, void 0, function* () {\n yield this.storeAdapter.TrackedTime.actions.getTrackedTimes({\n day$gt: groupedDataEndDate.format('YYYY-MM-DD'),\n day$lte: moment_timezone__WEBPACK_IMPORTED_MODULE_1__[\"tz\"](this.getUser.getTimezone()).format('YYYY-MM-DD')\n });\n if (this.status === undefined) {\n yield this.storeAdapter.TrackedTime.actions.getLatestTrackedTime();\n }\n });\n },\n fetchRoundedDuration() {\n return __awaiter(this, void 0, void 0, function* () {\n const trackedTime = yield trackedTimeRepository.latest();\n if (trackedTime) {\n this.roundedDuration = trackedTime.rounded_duration;\n }\n });\n },\n startPolling() {\n this.fetchRoundedDuration();\n this.pollingIntervalId = window.setInterval(() => {\n if (this.isStatusPlay) {\n this.fetchRoundedDuration();\n }\n }, 60000);\n },\n stopPolling() {\n if (this.pollingIntervalId !== null) {\n clearInterval(this.pollingIntervalId);\n this.pollingIntervalId = null;\n }\n },\n toggle() {\n return __awaiter(this, void 0, void 0, function* () {\n const { GoogleAnalyticsHelper, GoogleAnalyticsEvents } = this.analytics;\n this.isLoading = true;\n if (this.isStatusPlay) {\n yield trackedTimeRepository.pause();\n GoogleAnalyticsHelper.event(GoogleAnalyticsEvents.TIME_PAUSE);\n this.roundedDuration = null;\n }\n else {\n yield trackedTimeRepository.play();\n GoogleAnalyticsHelper.event(GoogleAnalyticsEvents.TIME_PLAY);\n this.fetchRoundedDuration();\n }\n this.isLoading = false;\n });\n }\n },\n computed: Object.assign(Object.assign({}, Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])('User', ['getUser'])), { status() {\n return this.storeAdapter.TrackedTime.getters.status;\n },\n iconClass() {\n return {\n 'spinner-solid sm': this.isLoading,\n original: !this.isLoading,\n 'pause-new': this.isStatusPlay,\n 'play-new': !this.isStatusPlay\n };\n },\n latestTrackedTime() {\n return this.storeAdapter.TrackedTime.getters.latest;\n },\n isMobile() {\n return mobile_device_detect__WEBPACK_IMPORTED_MODULE_2__[\"isMobile\"];\n },\n isLiteDomain() {\n return this.layout === _models_MenuLayouts__WEBPACK_IMPORTED_MODULE_16__[\"default\"].Lite;\n },\n intemsConfig() {\n return this.storeAdapter.Config.state.data;\n },\n darkTheme() {\n return !this.isLiteDomain && this.getUser.frontend_theme === _models_ThemeModel__WEBPACK_IMPORTED_MODULE_17__[\"default\"].Dark;\n },\n timeCounter() {\n if (!this.isStatusPlay || this.roundedDuration === null) {\n return null;\n }\n const hours = Math.floor(this.roundedDuration / 60);\n const minutes = this.roundedDuration % 60;\n return `${hours}:${String(minutes).padStart(2, '0')}`;\n },\n isStatusPlay() {\n return this.status === _PlayPauseStatus__WEBPACK_IMPORTED_MODULE_5__[\"Status\"].Play;\n } }),\n watch: {\n latestTrackedTime(trackedTime) {\n this.latestTrackedTimeDurationHelper.calculate(trackedTime, this.getUser.getTimezone());\n }\n },\n data() {\n return {\n trackedText: 'Default Text',\n duration: undefined,\n isLoading: true,\n latestTrackedTimeDurationHelper: new _helpers_LatestTrackedTimeDurationHelper__WEBPACK_IMPORTED_MODULE_12__[\"default\"](),\n roundedDuration: null,\n pollingIntervalId: null\n };\n }\n});\n\n\n//# sourceURL=webpack://MainMenu/./components/play-pause/PlayPause.ts?");
|
|
712
712
|
|
|
713
713
|
/***/ }),
|
|
714
714
|
|
|
@@ -1983,7 +1983,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _Use
|
|
|
1983
1983
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1984
1984
|
|
|
1985
1985
|
"use strict";
|
|
1986
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c,\n _setup = _vm._self._setupProxy;\n return _c(\"div\", {\n staticClass: \"intems-menu\",\n attrs: {\n id: \"intems-menu\"\n }\n }, [_vm.canSeeGitBranch && _vm.intemsConfig.git_branch_name ? _c(\"div\", {\n staticClass: \"branch-name\"\n }, [_vm._v(\"\\n \" + _vm._s(_vm.intemsConfig.git_branch_name) + \"\\n \")]) : _vm._e(), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"intems-menu-container\"\n }, [_c(\"div\", {\n staticClass: \"intems-menu-left\"\n }, [_c(\"div\", {\n staticClass: \"intems-menu-toggler\",\n class: {\n lite: this.isLiteDomain,\n collapsed: !_vm.isSidebarFixed,\n open: _vm.isSidebarOpenOnMobile\n },\n on: {\n click: _vm.toggleSidebar\n }\n }, [_c(\"span\"), _vm._v(\" \"), _c(\"span\"), _vm._v(\" \"), _c(\"span\"), _vm._v(\" \"), _c(\"i\", {\n staticClass: \"icon menu-icon arrow-left\"\n })]), _vm._v(\" \"), _vm.isLiteDomain ? _c(\"router-link\", {\n staticClass: \"intems-menu-logo\",\n attrs: {\n to: {\n name: \"Home\"\n }\n }\n }, [_vm._v(\" INTEMS \")]) : _c(\"a\", {\n staticClass: \"intems-menu-logo\",\n attrs: {\n href: `${_vm.intemsConfig.liteSiteUrl}`\n }\n }, [_vm._v(\" INTEMS \")]), _vm._v(\" \"), _vm.$can(\"read\", \"menu_time\") ? _c(\"play-pause\") : _vm._e(), _vm._v(\" \"), _c(\"ul\", {\n staticClass: \"intems-menu-links\"\n }, [
|
|
1986
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c,\n _setup = _vm._self._setupProxy;\n return _c(\"div\", {\n staticClass: \"intems-menu\",\n attrs: {\n id: \"intems-menu\"\n }\n }, [_vm.canSeeGitBranch && _vm.intemsConfig.git_branch_name ? _c(\"div\", {\n staticClass: \"branch-name\"\n }, [_vm._v(\"\\n \" + _vm._s(_vm.intemsConfig.git_branch_name) + \"\\n \")]) : _vm._e(), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"intems-menu-container\"\n }, [_c(\"div\", {\n staticClass: \"intems-menu-left\"\n }, [_c(\"div\", {\n staticClass: \"intems-menu-toggler\",\n class: {\n lite: this.isLiteDomain,\n collapsed: !_vm.isSidebarFixed,\n open: _vm.isSidebarOpenOnMobile\n },\n on: {\n click: _vm.toggleSidebar\n }\n }, [_c(\"span\"), _vm._v(\" \"), _c(\"span\"), _vm._v(\" \"), _c(\"span\"), _vm._v(\" \"), _c(\"i\", {\n staticClass: \"icon menu-icon arrow-left\"\n })]), _vm._v(\" \"), _vm.isLiteDomain ? _c(\"router-link\", {\n staticClass: \"intems-menu-logo\",\n attrs: {\n to: {\n name: \"Home\"\n }\n }\n }, [_vm._v(\" INTEMS \")]) : _c(\"a\", {\n staticClass: \"intems-menu-logo\",\n attrs: {\n href: `${_vm.intemsConfig.liteSiteUrl}`\n }\n }, [_vm._v(\" INTEMS \")]), _vm._v(\" \"), _vm.$can(\"read\", \"menu_time\") ? _c(\"play-pause\") : _vm._e(), _vm._v(\" \"), _c(\"ul\", {\n staticClass: \"intems-menu-links\"\n }, [_c(\"li\", {\n staticClass: \"intems-menu-links--right\"\n }, [_c(\"ul\", {\n staticClass: \"intems-menu-sub-links\"\n }, [_vm.$can(\"read\", \"menu_intelli_bot\") ? _c(\"li\", {\n staticClass: \"intems-menu-sub-links-item\"\n }, [_vm._m(0)]) : _vm._e(), _vm._v(\" \"), _vm.showManagersManagerOperationTimelines ? _c(\"li\", {\n staticClass: \"intems-menu-sub-links-item\"\n }, [_c(\"a\", {\n staticClass: \"managers-portal-link\",\n attrs: {\n href: `${_vm.intemsConfig.liteSiteUrl}manager-operation-timelines`,\n title: \"Manager operation timelines\"\n }\n }, [_c(\"i\", {\n staticClass: \"icon menu-icon menu-calendar\"\n }), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"menu-subject\"\n }, [_vm._v(\"Manager operation timelines\")])])]) : _vm._e(), _vm._v(\" \"), _vm.showManagersPortalDataCounter ? _c(\"li\", {\n staticClass: \"intems-menu-sub-links-item\"\n }, [_c(\"managers-portal-data-counter\")], 1) : _vm._e()])])])], 1), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"intems-menu-right\"\n }, [_vm.$can(\"read\", \"menu_vac_sick_smart_kudos_notification\") ? _c(\"ul\", {\n staticClass: \"intems-menu-additional\"\n }, [_c(\"li\", [_c(\"a\", {\n class: {\n \"no-kudos\": !_vm.allowedToGiveKudos\n },\n on: {\n click: function ($event) {\n $event.preventDefault();\n return _vm.openModalGiveKudos.apply(null, arguments);\n }\n }\n }, [_c(\"i\", {\n staticClass: \"icon menu-icon kudos-circle\"\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(_vm._s(_vm.userInfo.kudos_balance))])])]), _vm._v(\" \"), _vm.isLiteDomain ? _c(\"li\", [_c(\"router-link\", {\n attrs: {\n to: {\n name: \"Smarts And Kudos\"\n }\n }\n }, [_c(\"i\", {\n staticClass: \"icon menu-icon smarts-circle\"\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(_vm._s(_vm.userInfo.smart_balance))])])], 1) : _c(\"li\", [_c(\"a\", {\n attrs: {\n href: `${_vm.intemsConfig.liteSiteUrl}total-rewards-portal/smarts-and-kudos`\n }\n }, [_c(\"i\", {\n staticClass: \"icon menu-icon smarts-circle\"\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(_vm._s(_vm.userInfo.smart_balance))])])]), _vm._v(\" \"), _vm.$can(\"read\", \"menu_leaves_and_absences_report_vacation\") ? _c(\"li\", [_vm.isLiteDomain ? _c(\"router-link\", {\n attrs: {\n to: {\n name: \"Leaves and Absences\"\n }\n }\n }, [_c(\"i\", {\n staticClass: \"icon menu-icon vacation-circle\"\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(_vm._s(_vm.vacationBalance))])]) : _c(\"a\", {\n attrs: {\n href: `${_vm.intemsConfig.liteSiteUrl}leaves-and-absences/balance`\n }\n }, [_c(\"i\", {\n staticClass: \"icon menu-icon vacation-circle\"\n }), _vm._v(\" \"), _c(\"span\", [_vm._v(_vm._s(_vm.vacationBalance))])])], 1) : _vm._e()]) : _vm._e(), _vm._v(\" \"), _vm.$can(\"read\", \"menu_notification\") ? _c(\"div\", {\n staticClass: \"intems-menu-notifications-bell\"\n }, [_c(\"notifications-sidebar\", {\n on: {\n \"rejection-component\": _vm.initializeRejectionComponent\n }\n }), _vm._v(\" \"), _c(_vm.rejectConfirm, {\n tag: \"component\",\n on: {\n confirmed: _vm.confirmedReject,\n closed: _vm.unsetRejection\n }\n })], 1) : _vm._e(), _vm._v(\" \"), _vm.hasSimplifiedAccess ? _c(\"div\", {\n staticClass: \"intems-menu-user\"\n }, [_c(\"user-picture\", {\n attrs: {\n employee: _vm.userInfo,\n options: {\n noBorder: true\n }\n }\n }), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"intems-menu-logout\",\n on: {\n click: _vm.logOut\n }\n }, [_c(\"span\", [_vm._v(\"Logout\")]), _vm._v(\" \"), _c(\"i\", {\n staticClass: \"icon logout\"\n })])], 1) : _vm.isIntelliHub ? _c(\"router-link\", {\n staticClass: \"intems-menu-user\",\n attrs: {\n to: {\n name: \"intelli-hub-dashboard\"\n }\n }\n }, [_c(\"user-picture\", {\n attrs: {\n employee: _vm.userInfo,\n options: {\n noBorder: true\n }\n }\n }), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"intellihub-logo\"\n }, [_vm._v(\" IntelliHub \")])], 1) : !_vm.isIntelliHub ? _c(\"a\", {\n staticClass: \"intems-menu-user\",\n attrs: {\n href: `${_vm.intemsConfig.liteSiteUrl}intelli-hub`\n }\n }, [_c(\"user-picture\", {\n attrs: {\n employee: _vm.userInfo,\n options: {\n noBorder: true\n }\n }\n }), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"intellihub-logo\"\n }, [_vm._v(\" IntelliHub \")])], 1) : _vm._e()], 1)]), _vm._v(\" \"), _vm.isLiteDomain ? _c(\"on-boarding-sign\") : _vm._e(), _vm._v(\" \"), _c(_vm.giveKudosComponent, {\n tag: \"component\",\n on: {\n closed: _vm.closeModalGiveKudos\n }\n })], 1);\n};\nvar staticRenderFns = [function () {\n var _vm = this,\n _c = _vm._self._c,\n _setup = _vm._self._setupProxy;\n return _c(\"a\", {\n staticClass: \"managers-portal-link\",\n attrs: {\n href: \"https://teams.microsoft.com/dl/launcher/launcher.html?url=%2F_%23%2Fl%2Fchat%2F0%2F0%3Fusers%3D28%3A32df8da3-b787-49db-b036-71704b8cb142&type=chat&deeplinkId=b7a212d3-bc5d-4d13-aad1-7a6d18536c86&directDl=true&msLaunch=true&enableMobilePage=true&suppressPrompt=true\",\n target: \"_blank\",\n title: \"IntelliAssistant\"\n }\n }, [_c(\"i\", {\n staticClass: \"icon menu-icon menu-comments\"\n }), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"menu-subject\"\n }, [_vm._v(\"IntelliAssistant\")])]);\n}];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./Menu.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
|
|
1987
1987
|
|
|
1988
1988
|
/***/ }),
|
|
1989
1989
|
|
|
@@ -2079,7 +2079,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
2079
2079
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2080
2080
|
|
|
2081
2081
|
"use strict";
|
|
2082
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c,\n _setup = _vm._self._setupProxy;\n return _c(\"div\", {\n staticClass: \"play-pause\"\n }, [_c(\"a\", {\n staticClass: \"play-pause-btn\",\n class: {\n disabled: _vm.isLoading\n },\n on: {\n click: _vm.toggle\n }\n }, [_c(\"i\", {\n staticClass: \"icon\",\n class: _vm.iconClass\n })]), _vm._v(\" \"), _vm
|
|
2082
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c,\n _setup = _vm._self._setupProxy;\n return _c(\"div\", {\n staticClass: \"play-pause\"\n }, [_c(\"a\", {\n staticClass: \"play-pause-btn\",\n class: {\n disabled: _vm.isLoading\n },\n on: {\n click: _vm.toggle\n }\n }, [_c(\"i\", {\n staticClass: \"icon\",\n class: _vm.iconClass\n })]), _vm._v(\" \"), _vm.$can(\"read\", \"menu_time\") ? _c(\"a\", {\n staticClass: \"play-pause-time\",\n attrs: {\n href: `${_vm.intemsConfig.liteSiteUrl}time`\n }\n }, [_c(\"span\", [_vm._v(\"Time\")]), _vm._v(\" \"), _vm.timeCounter ? _c(\"span\", [_vm._v(\"(\" + _vm._s(_vm.timeCounter) + \")\")]) : _vm._e()]) : _vm._e(), _vm._v(\" \"), _c(\"modal\", {\n attrs: {\n id: \"modalTracked\",\n name: \"modalTracked\",\n size: _vm.isMobile ? \"lg\" : \"md\"\n },\n scopedSlots: _vm._u([{\n key: \"header\",\n fn: function () {\n return [_vm._v(\"Tracked time\")];\n },\n proxy: true\n }, {\n key: \"footer\",\n fn: function () {\n return [_c(\"secondary-button\", {\n nativeOn: {\n click: function ($event) {\n return _vm.closeModalWindow.apply(null, arguments);\n }\n }\n }, [_vm._v(\" Later \")]), _vm._v(\" \"), _c(\"action-button\", {\n nativeOn: {\n click: function ($event) {\n return _vm.addNow.apply(null, arguments);\n }\n }\n }, [_vm._v(\"Add now\")])];\n },\n proxy: true\n }])\n }, [_vm._v(\" \"), _c(\"div\", {\n attrs: {\n slot: \"content\",\n id: \"tracked-content\"\n },\n slot: \"content\"\n }, [_c(\"span\", {\n attrs: {\n id: \"span-clock\"\n }\n }, [_c(\"i\", {\n staticClass: \"icon menu-icon\",\n class: {\n \"time-white\": _vm.darkTheme,\n \"icon-time\": !_vm.darkTheme\n }\n })]), _vm._v(\" \"), _c(\"div\", {\n domProps: {\n innerHTML: _vm._s(_vm.trackedText)\n }\n })])])], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://MainMenu/./components/play-pause/PlayPause.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options");
|
|
2083
2083
|
|
|
2084
2084
|
/***/ }),
|
|
2085
2085
|
|