@fastnd/components 1.0.9 → 1.0.11
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/components.js +410 -410
- package/package.json +1 -1
package/dist/components.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._status-badge_1vytb_3{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:500;line-height:1;color:var(--custom-color, var(--current-color));background-color:var(--custom-bg, var(--current-bg));white-space:nowrap}._status-badge_1vytb_3:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--custom-color, var(--current-color))}._status-badge--neu_1vytb_26{--current-color: hsl(var(--status-neu));--current-bg: hsl(var(--status-neu) / .1)}._status-badge--offen_1vytb_31{--current-color: hsl(var(--status-offen));--current-bg: hsl(var(--status-offen) / .1)}._status-badge--in-prufung_1vytb_36{--current-color: hsl(var(--status-in-prufung));--current-bg: hsl(var(--status-in-prufung) / .1)}._status-badge--validierung_1vytb_41{--current-color: hsl(var(--status-validierung));--current-bg: hsl(var(--status-validierung) / .1)}._status-badge--abgeschlossen_1vytb_46{--current-color: hsl(var(--status-abgeschlossen));--current-bg: hsl(var(--status-abgeschlossen) / .1)}._favorite-btn_1f4wz_3{background:none;border:none;color:var(--custom-color, hsl(var(--muted-foreground) / .5));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:var(--radius);transition:all .2s ease}._favorite-btn_1f4wz_3:hover,._favorite-btn_1f4wz_3:focus-visible{background-color:hsl(var(--muted));color:var(--custom-active-color, hsl(var(--score-medium)));outline:none}._favorite-btn--active_1f4wz_23{color:var(--custom-active-color, hsl(var(--score-medium)))}._favorite-btn_1f4wz_3 svg{width:18px;height:18px;fill:currentColor}._status-legend__item_1935r_3{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:background-color .2s ease;border:1px solid transparent;background:none;width:100%}._status-legend__item_1935r_3:hover,._status-legend__item_1935r_3:focus-visible{background-color:hsl(var(--muted));outline:none}._status-legend__item--active_1935r_22{background-color:hsl(var(--muted));border-color:hsl(var(--border))}._status-legend__label-wrap_1935r_27{display:flex;align-items:center;gap:.5rem}._status-legend__color_1935r_33{width:12px;height:12px;border-radius:50%;flex-shrink:0;background-color:var(--custom-color, var(--current-color))}._status-legend__label_1935r_27{font-size:.875rem;color:hsl(var(--foreground));font-weight:500}._status-legend__count_1935r_47{font-family:var(--font-grotesk);font-size:.875rem;color:hsl(var(--muted-foreground));font-weight:600;background-color:hsl(var(--secondary));padding:.125rem .5rem;border-radius:1rem}._color-neu_1935r_57{--current-color: hsl(var(--status-neu))}._color-offen_1935r_61{--current-color: hsl(var(--status-offen))}._color-in-prufung_1935r_65{--current-color: hsl(var(--status-in-prufung))}._color-validierung_1935r_69{--current-color: hsl(var(--status-validierung))}._color-abgeschlossen_1935r_73{--current-color: hsl(var(--status-abgeschlossen))}._color-alle_1935r_77{--current-color: hsl(var(--status-alle))}._status-overview__chart-container_1f9eq_3{position:relative;width:200px;height:200px;margin:1rem auto 2rem;display:flex;align-items:center;justify-content:center}._status-chart-svg_1f9eq_13{width:100%;height:100%;position:absolute;top:0;left:0;filter:drop-shadow(var(--shadow-sm));pointer-events:none}._status-chart__segment_1f9eq_23{transition:all .3s cubic-bezier(.4,0,.2,1);stroke-linecap:butt;pointer-events:stroke}._status-chart__segment_1f9eq_23:hover,._status-chart__segment--hovered_1f9eq_30{stroke-width:48px;filter:brightness(1.1)}._status-chart__segment--dimmed_1f9eq_35{opacity:.6;filter:grayscale(.2)}._status-chart__hole_1f9eq_40{width:120px;height:120px;background-color:hsl(var(--card));border-radius:50%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset var(--shadow-sm);clip-path:circle(50%)}._status-chart__total-value_1f9eq_55{font-family:var(--font-clash);font-size:2rem;font-weight:600;line-height:1;color:hsl(var(--foreground))}._status-chart__total-label_1f9eq_63{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}._table-container_fgnrg_3{overflow-x:auto}._project-table_fgnrg_7{width:100%;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed}._project-table__head_fgnrg_15 th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._project-table__head_fgnrg_15 th:nth-child(1){width:auto}._project-table__head_fgnrg_15 th:nth-child(2){width:20%}._project-table__head_fgnrg_15 th:nth-child(3){width:150px}._project-table__head_fgnrg_15 th:nth-child(4){width:160px}._project-table__row_fgnrg_33{transition:background-color .15s ease;cursor:default}._project-table__row_fgnrg_33:hover{background-color:hsl(var(--muted) / .5)}._project-table__row_fgnrg_33 td{padding:1rem;border-bottom:1px solid hsl(var(--border));font-size:.875rem;color:hsl(var(--foreground));vertical-align:middle}._project-table__row_fgnrg_33 td:nth-child(1),._project-table__row_fgnrg_33 td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__row_fgnrg_33 td:nth-child(3),._project-table__row_fgnrg_33 td:nth-child(4){overflow:visible}._project-table__row_fgnrg_33:last-child td{border-bottom:none}._project-table__name-cell_fgnrg_66{display:flex;align-items:center;gap:.5rem}._project-table__favorite_fgnrg_72{margin-left:-.5rem}._project-table__name-wrapper_fgnrg_76{display:flex;flex-direction:column;overflow:hidden;min-width:0}._project-table__name_fgnrg_66{font-weight:500;color:hsl(var(--foreground));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__app_fgnrg_92,._project-table__date-secondary_fgnrg_93{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__client_fgnrg_102,._project-table__date-main_fgnrg_103{color:hsl(var(--muted-foreground));font-size:.8125rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__date-main_fgnrg_103{color:hsl(var(--foreground));font-weight:500}._avatar_1ml48_3{width:1.5rem;height:1.5rem;border-radius:50%;background-color:hsl(var(--secondary));border:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:hsl(var(--foreground));text-transform:uppercase}._avatar-group_1ml48_18{display:flex;align-items:center}._group-member_1ml48_23{margin-right:-.5rem;position:relative;z-index:1;border:2px solid hsl(var(--card))}._group-member_1ml48_23:hover{z-index:10}._btn_lw4l4_3{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid transparent}._btn_lw4l4_3:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}._btn_lw4l4_3:active{transform:scale(.98)}._btn--primary_lw4l4_27{background:var(--gradient-header);color:#fff;padding:.5rem 1rem;box-shadow:var(--shadow-sm)}._btn--primary_lw4l4_27:hover{box-shadow:var(--shadow-md);opacity:.9}._btn--outline_lw4l4_39{background-color:transparent;border-color:hsl(var(--border));color:hsl(var(--foreground));padding:.375rem .75rem;min-width:110px}._btn--outline_lw4l4_39:hover{background-color:hsl(var(--secondary));color:hsl(var(--foreground))}._btn--ghost_lw4l4_52{background-color:transparent;color:hsl(var(--muted-foreground));padding:.375rem}._btn--ghost_lw4l4_52:hover{background-color:hsl(var(--secondary));color:hsl(var(--foreground))}._btn--sm_lw4l4_63{padding:.2rem .4rem;font-size:.75rem;min-width:auto!important}._badge_144f0_3{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-grotesk);font-weight:800}._badge--high_144f0_12{background-color:hsl(var(--destructive) / .1);color:hsl(var(--destructive));border:1px solid hsl(var(--destructive) / .2)}._badge--medium_144f0_18{background-color:hsl(var(--score-medium) / .1);color:hsl(var(--score-medium));border:1px solid hsl(var(--score-medium) / .2)}._badge--low_144f0_24{background-color:hsl(var(--secondary));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}._badge--size-small_144f0_30{width:1.5rem;height:1.5rem;border-radius:.375rem;font-size:.75rem}._badge--size-large_144f0_37{width:2.25rem;height:2.25rem;border-radius:.5rem;font-size:1.125rem}._badge--size-large_144f0_37._badge--low_144f0_24{font-size:.875rem}._badge_1ru08_3{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:hsl(var(--secondary));border-radius:2rem;font-size:.8125rem;font-weight:500}._status-dropdown_1t4xn_3{position:relative;display:inline-block;width:88px}._status-trigger_1t4xn_9{width:100%!important;justify-content:space-between!important}._status-menu_1t4xn_14{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);box-shadow:var(--shadow-lg);z-index:100;width:100%;min-width:88px;display:none;padding:.25rem;animation:_fadeIn_1t4xn_1 .15s ease-out}._status-menu_1t4xn_14._is-open_1t4xn_31{display:block}._status-menu-item_1t4xn_35{width:100%;padding:.5rem .75rem;font-size:.8125rem;text-align:left;background:none;border:none;cursor:pointer;border-radius:calc(var(--radius) - 4px);color:hsl(var(--foreground));transition:background-color .1s}._status-menu-item_1t4xn_35:hover{background-color:hsl(var(--secondary))}._status-menu-item_1t4xn_35._is-active_1t4xn_52{font-weight:500}._icon_1t4xn_56{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}._icon-sm_1t4xn_65{width:.875rem;height:.875rem}@keyframes _fadeIn_1t4xn_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._checklist_ylbeh_3{display:flex;flex-direction:column;gap:.5rem}._check-item_ylbeh_9{display:flex;align-items:center;gap:.5rem;font-size:.875rem}._check-item_ylbeh_9 input[type=checkbox]{width:1rem;height:1rem;accent-color:hsl(var(--primary));cursor:pointer}._check-item_ylbeh_9 label{cursor:pointer}._check-item_ylbeh_9._is-done_ylbeh_27 label{text-decoration:line-through;color:hsl(var(--muted-foreground))}._checklist--readonly_ylbeh_32 ._check-item_ylbeh_9 label{cursor:pointer}._checklist--readonly_ylbeh_32 ._check-item_ylbeh_9 input[type=checkbox]{pointer-events:all}._form-control_ylbeh_40{width:100%;padding:.125rem;border:none;background:transparent;color:hsl(var(--foreground));font-family:inherit;font-size:.875rem;border-radius:calc(var(--radius) - 2px);transition:background-color .2s}._form-control_ylbeh_40:focus{outline:none;background-color:hsl(var(--background))}._is-done_ylbeh_27 ._form-control_ylbeh_40{text-decoration:line-through;color:hsl(var(--muted-foreground))}._dashboard_10t3c_4{width:100%;display:grid;grid-template-columns:35% 65%;gap:1.5rem}@media(max-width:1024px){._dashboard_10t3c_4{grid-template-columns:1fr}}._dashboard-card_10t3c_17{background-color:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid hsl(var(--border));padding:1.5rem 2.5%;display:flex;flex-direction:column}._dashboard-card__header_10t3c_27{margin-bottom:1.5rem}._dashboard-card__title_10t3c_31{font-family:var(--font-clash);font-size:1.5rem;font-weight:500;color:hsl(var(--foreground));margin:0}._status-legend_10t3c_39{display:flex;flex-direction:column;gap:.75rem}._project-filters_10t3c_45{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}._project-filters__search_10t3c_54{padding:.5rem 1rem;border:1px solid hsl(var(--border));border-radius:var(--radius);background-color:hsl(var(--input));font-family:var(--font-inter);font-size:.875rem;color:hsl(var(--foreground));width:250px;transition:border-color .2s,box-shadow .2s}._project-filters__search_10t3c_54:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .2)}._task-item_1ekm1_4{display:grid;grid-template-columns:55% 15% 30%;align-items:center;gap:0;padding:.75rem 5%;border-bottom:1px solid hsl(var(--border));transition:background-color .2s ease;cursor:pointer;font-family:var(--font-inter)}._task-item_1ekm1_4:last-child{border-bottom:none}._task-item_1ekm1_4:hover{background-color:hsl(var(--muted) / .5)}._task-item__content_1ekm1_25{display:flex;flex-direction:column;gap:.375rem;min-width:0}._task-item__title-group_1ekm1_32{display:flex;align-items:center;gap:.375rem;min-width:0}._task-item__title_1ekm1_32{color:hsl(var(--foreground));margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;font-weight:500;line-height:1.25rem;font-family:var(--font-inter)}._task-item__meta_1ekm1_52{display:flex;align-items:center;gap:1.25rem;color:hsl(var(--muted-foreground));font-size:.625rem;line-height:.875rem;font-family:var(--font-inter);min-width:0}._meta-user_1ekm1_64{display:flex;align-items:center;flex-shrink:0}._meta-project_1ekm1_70{display:flex;align-items:center;gap:.375rem;color:hsl(var(--muted-foreground));font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;flex:0 1 auto}._meta-project_1ekm1_70 ._icon-sm_1ekm1_83{flex-shrink:0}._task-item__deadline_1ekm1_88{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-grotesk);font-size:.75rem;line-height:1rem}._deadline-urgent_1ekm1_97{color:hsl(var(--score-low));font-weight:500}._deadline-normal_1ekm1_102{color:hsl(var(--muted-foreground))}._task-item__actions_1ekm1_107{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}._icon_1ekm1_83{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_1ekm1_83{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:640px){._task-item_1ekm1_4{grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"content actions" "deadline actions";gap:.25rem .75rem}._task-item__content_1ekm1_25{grid-area:content}._task-item__deadline_1ekm1_88{grid-area:deadline;text-align:left}._task-item__actions_1ekm1_107{grid-area:actions;align-self:center}}._modal-overlay_sth7y_4{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s ease-out;padding:1rem}._modal-overlay_sth7y_4._is-active_sth7y_19{opacity:1;pointer-events:all}._modal-content_sth7y_25{background-color:hsl(var(--popover));color:hsl(var(--popover-foreground));font-family:var(--font-inter);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease-out;overflow:hidden}._modal-overlay_sth7y_4._is-active_sth7y_19 ._modal-content_sth7y_25{transform:scale(1) translateY(0)}._modal-header_sth7y_46{padding:1.25rem 1.5rem;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between;flex-shrink:0}._modal-header-title_sth7y_56{margin:0;font-family:var(--font-clash);font-weight:500;font-size:1.25rem;line-height:1.75rem;color:hsl(var(--foreground))}._modal-body_sth7y_66{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}._modal-body_sth7y_66::-webkit-scrollbar{width:4px}._modal-body_sth7y_66::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:2px}._modal-footer_sth7y_85{padding:1rem 1.5rem;border-top:1px solid hsl(var(--border));display:flex;justify-content:flex-end;gap:.5rem;background:hsl(var(--muted) / .3);flex-shrink:0}._view-group_sth7y_96{display:flex;flex-direction:column;gap:.375rem}._view-label_sth7y_103{font-size:.625rem;line-height:.875rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-inter)}._view-badge-row_sth7y_113{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}._view-task-title_sth7y_121{margin:0;font-family:var(--font-clash);font-weight:600;font-size:1.25rem;line-height:1.4;color:hsl(var(--foreground))}._view-value-strong_sth7y_131{font-family:var(--font-grotesk);font-weight:500;font-size:.9375rem;color:hsl(var(--foreground))}._view-description_sth7y_139{font-size:.875rem;line-height:1.6;margin:0;color:hsl(var(--foreground));font-family:var(--font-inter)}._text-muted_sth7y_147{color:hsl(var(--muted-foreground));font-style:italic}._form-group_sth7y_153{display:flex;flex-direction:column;gap:.5rem}._form-row_sth7y_159{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._form-label_sth7y_165{font-size:.625rem;line-height:.875rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-inter)}._form-control_sth7y_175{width:100%;padding:.625rem .75rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;appearance:auto}._form-control_sth7y_175:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .12)}._textarea_sth7y_196{resize:vertical;min-height:80px}._icon_sth7y_203{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-pencil_sth7y_214{width:.875rem;height:.875rem;fill:currentColor}@media(max-width:640px){._form-row_sth7y_159{grid-template-columns:1fr}}:root{--primary: 209 100% 56%;--primary-hover: 207 82% 42%;--accent: 207 82% 42%;--background: 0 0% 100%;--foreground: 215 25% 15%;--muted: 210 15% 93%;--muted-foreground: 215 15% 45%;--secondary: 210 12% 94%;--border: 210 20% 90%;--input: 210 15% 92%;--card: 0 0% 100%;--card-foreground: 215 25% 15%;--popover: 0 0% 100%;--popover-foreground: 215 25% 15%;--destructive: 0 72% 51%;--score-high: 165 70% 42%;--score-medium: 45 90% 50%;--score-low: 35 85% 55%;--sidebar-background: 0 0% 100%;--sidebar-foreground: 215 20% 25%;--sidebar-primary: 209 100% 56%;--sidebar-accent: 210 20% 96%;--sidebar-border: 210 15% 92%;--radius: .5rem;--shadow-sm: 0 1px 2px 0 hsl(215 25% 15% / .04);--shadow-md: 0 4px 6px -1px hsl(215 25% 15% / .08);--shadow-lg: 0 10px 15px -3px hsl(215 25% 15% / .1);--shadow-card: 0 2px 8px hsl(215 25% 15% / .06);--gradient-primary: linear-gradient(135deg, hsl(209 100% 56%), hsl(207 82% 42%));--gradient-header: linear-gradient(135deg, hsl(207 82% 42%), hsl(209 100% 56%));--status-alle: 215 16% 47%;--status-neu: 210 95% 63%;--status-offen: 38 92% 50%;--status-in-prufung: 350 89% 60%;--status-validierung: 82 84% 44%;--status-abgeschlossen: 142 76% 36%;--font-inter: "Inter", sans-serif;--font-clash: "Clash Grotesk", sans-serif;--font-grotesk: "Space Grotesk", sans-serif}._widget-card_1fdjp_4{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;max-width:520px;overflow:hidden;font-family:var(--font-inter);animation:_fadeIn_1fdjp_1 .4s ease-out}._widget-header_1fdjp_20{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));flex-shrink:0}._widget-header__title_1fdjp_30{margin:0;font-family:var(--font-clash);font-size:1.25rem;font-weight:500;line-height:1.3;color:hsl(var(--foreground));letter-spacing:-.02em}._task-list_1fdjp_41{display:flex;flex-direction:column;overflow-y:auto;flex:1 1 0;scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}._task-list_1fdjp_41::-webkit-scrollbar{width:4px}._task-list_1fdjp_41::-webkit-scrollbar-track{background:transparent}._task-list_1fdjp_41::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:2px}._icon_1fdjp_65{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_1fdjp_75{width:.875rem;height:.875rem}@keyframes _fadeIn_1fdjp_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._status-badge_c7rzu_3{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:500;line-height:1;color:var(--custom-color, var(--current-color));background-color:var(--custom-bg, var(--current-bg));white-space:nowrap}._status-badge_c7rzu_3:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--custom-color, var(--current-color))}._status-badge--neu_c7rzu_26{--current-color: var(--status-neu);--current-bg: color-mix(in srgb, var(--status-neu), transparent 90%)}._status-badge--offen_c7rzu_31{--current-color: var(--status-offen);--current-bg: color-mix(in srgb, var(--status-offen), transparent 90%)}._status-badge--in-prufung_c7rzu_36{--current-color: var(--status-in-prufung);--current-bg: color-mix(in srgb, var(--status-in-prufung), transparent 90%)}._status-badge--validierung_c7rzu_41{--current-color: var(--status-validierung);--current-bg: color-mix(in srgb, var(--status-validierung), transparent 90%)}._status-badge--abgeschlossen_c7rzu_46{--current-color: var(--status-abgeschlossen);--current-bg: color-mix(in srgb, var(--status-abgeschlossen), transparent 90%)}._favorite-btn_1jlmc_3{background:none;border:none;color:var(--custom-color, var(--on-surface-light));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:var(--radius);transition:all .2s ease}._favorite-btn_1jlmc_3:hover,._favorite-btn_1jlmc_3:focus-visible{background-color:var(--surface-variant);color:var(--custom-active-color, var(--color-warning));outline:none}._favorite-btn--active_1jlmc_23{color:var(--custom-active-color, var(--color-warning))}._favorite-btn_1jlmc_3 svg{width:18px;height:18px;fill:currentColor}._status-legend__item_1xv4z_3{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:background-color .2s ease;border:1px solid transparent;background:none;width:100%}._status-legend__item_1xv4z_3:hover,._status-legend__item_1xv4z_3:focus-visible{background-color:var(--surface-variant);outline:none}._status-legend__item--active_1xv4z_22{background-color:var(--surface-variant);border-color:var(--border)}._status-legend__label-wrap_1xv4z_27{display:flex;align-items:center;gap:.5rem}._status-legend__color_1xv4z_33{width:12px;height:12px;border-radius:50%;flex-shrink:0;background-color:var(--custom-color, var(--current-color))}._status-legend__label_1xv4z_27{font-size:.875rem;color:var(--on-surface);font-weight:500}._status-legend__count_1xv4z_47{font-family:var(--font-grotesk);font-size:.875rem;color:var(--on-surface-variant);font-weight:600;background-color:var(--surface-variant);padding:.125rem .5rem;border-radius:1rem}._color-neu_1xv4z_57{--current-color: var(--status-neu)}._color-offen_1xv4z_61{--current-color: var(--status-offen)}._color-in-prufung_1xv4z_65{--current-color: var(--status-in-prufung)}._color-validierung_1xv4z_69{--current-color: var(--status-validierung)}._color-abgeschlossen_1xv4z_73{--current-color: var(--status-abgeschlossen)}._color-alle_1xv4z_77{--current-color: var(--status-alle)}._status-overview__chart-container_6nwc9_3{position:relative;width:200px;height:200px;margin:1rem auto 2rem;display:flex;align-items:center;justify-content:center}._status-chart-svg_6nwc9_13{width:100%;height:100%;position:absolute;top:0;left:0;filter:drop-shadow(var(--shadow-sm));pointer-events:none}._status-chart__segment_6nwc9_23{transition:all .3s cubic-bezier(.4,0,.2,1);stroke-linecap:butt;pointer-events:stroke}._status-chart__segment_6nwc9_23:hover,._status-chart__segment--hovered_6nwc9_30{stroke-width:48px;filter:brightness(1.1)}._status-chart__segment--dimmed_6nwc9_35{opacity:.6;filter:grayscale(.2)}._status-chart__hole_6nwc9_40{width:120px;height:120px;background-color:var(--surface);border-radius:50%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset var(--shadow-sm);clip-path:circle(50%)}._status-chart__total-value_6nwc9_55{font-family:var(--font-clash);font-size:2rem;font-weight:600;line-height:1;color:var(--on-surface)}._status-chart__total-label_6nwc9_63{font-size:.75rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}._table-container_y8cqq_3{overflow-x:auto}._project-table_y8cqq_7{width:100%;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed}._project-table__head_y8cqq_15 th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._project-table__head_y8cqq_15 th:nth-child(1){width:auto}._project-table__head_y8cqq_15 th:nth-child(2){width:20%}._project-table__head_y8cqq_15 th:nth-child(3){width:150px}._project-table__head_y8cqq_15 th:nth-child(4){width:160px}._project-table__row_y8cqq_33{transition:background-color .15s ease;cursor:default}._project-table__row_y8cqq_33:hover{background-color:var(--surface-hover)}._project-table__row_y8cqq_33 td{padding:1rem;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--on-surface);vertical-align:middle}._project-table__row_y8cqq_33 td:nth-child(1),._project-table__row_y8cqq_33 td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__row_y8cqq_33 td:nth-child(3),._project-table__row_y8cqq_33 td:nth-child(4){overflow:visible}._project-table__row_y8cqq_33:last-child td{border-bottom:none}._project-table__name-cell_y8cqq_66{display:flex;align-items:center;gap:.5rem}._project-table__favorite_y8cqq_72{margin-left:-.5rem}._project-table__name-wrapper_y8cqq_76{display:flex;flex-direction:column;overflow:hidden;min-width:0}._project-table__name_y8cqq_66{font-weight:500;color:var(--on-surface);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__app_y8cqq_92,._project-table__date-secondary_y8cqq_93{font-size:.75rem;color:var(--on-surface-variant);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__client_y8cqq_102,._project-table__date-main_y8cqq_103{color:var(--on-surface-variant);font-size:.8125rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__date-main_y8cqq_103{color:var(--on-surface);font-weight:500}._avatar_17ic7_3{width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--surface-variant);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:var(--on-surface);text-transform:uppercase}._avatar-group_17ic7_18{display:flex;align-items:center}._group-member_17ic7_23{margin-right:-.5rem;position:relative;z-index:1;border:2px solid var(--surface)}._group-member_17ic7_23:hover{z-index:10}._btn_7bh63_3{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid transparent}._btn_7bh63_3:focus-visible{outline:2px solid var(--primary);outline-offset:2px}._btn_7bh63_3:active{transform:scale(.98)}._btn--primary_7bh63_27{background:var(--gradient-header);color:#fff;padding:.5rem 1rem;box-shadow:var(--shadow-sm)}._btn--primary_7bh63_27:hover{box-shadow:var(--shadow-md);opacity:.9}._btn--outline_7bh63_39{background-color:transparent;border-color:var(--border);color:var(--on-surface);padding:.375rem .75rem;min-width:110px}._btn--outline_7bh63_39:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--ghost_7bh63_52{background-color:transparent;color:var(--on-surface-variant);padding:.375rem}._btn--ghost_7bh63_52:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--sm_7bh63_63{padding:.2rem .4rem;font-size:.75rem;min-width:auto!important}._badge_1e35x_3{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-grotesk);font-weight:800}._badge--high_1e35x_12{background-color:var(--error-variant);color:var(--error);border:1px solid color-mix(in srgb,var(--error),transparent 80%)}._badge--medium_1e35x_18{background-color:var(--color-warning-variant);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning),transparent 80%)}._badge--low_1e35x_24{background-color:var(--surface-variant);color:var(--on-surface-variant);border:1px solid var(--border)}._badge--size-small_1e35x_30{width:1.5rem;height:1.5rem;border-radius:.375rem;font-size:.75rem}._badge--size-large_1e35x_37{width:2.25rem;height:2.25rem;border-radius:.5rem;font-size:1.125rem}._badge--size-large_1e35x_37._badge--low_1e35x_24{font-size:.875rem}._badge_1j9lv_3{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--surface-variant);border-radius:2rem;font-size:.8125rem;font-weight:500}._status-dropdown_15zae_3{position:relative;display:inline-block;width:88px}._status-trigger_15zae_9{width:100%!important;justify-content:space-between!important}._status-menu_15zae_14{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--shadow-lg);z-index:100;width:100%;min-width:88px;display:none;padding:.25rem;animation:_fadeIn_15zae_1 .15s ease-out}._status-menu_15zae_14._is-open_15zae_31{display:block}._status-menu-item_15zae_35{width:100%;padding:.5rem .75rem;font-size:.8125rem;text-align:left;background:none;border:none;cursor:pointer;border-radius:calc(var(--radius) - 4px);color:var(--on-surface);transition:background-color .1s}._status-menu-item_15zae_35:hover{background-color:var(--surface-variant)}._status-menu-item_15zae_35._is-active_15zae_52{font-weight:500}._icon_15zae_56{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}._icon-sm_15zae_65{width:.875rem;height:.875rem}@keyframes _fadeIn_15zae_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._checklist_ulozz_3{display:flex;flex-direction:column;gap:.5rem}._check-item_ulozz_9{display:flex;align-items:center;gap:.5rem;font-size:.875rem}._check-item_ulozz_9 input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}._check-item_ulozz_9 label{cursor:pointer}._check-item_ulozz_9._is-done_ulozz_27 label{text-decoration:line-through;color:var(--on-surface-variant)}._checklist--readonly_ulozz_32 ._check-item_ulozz_9 label{cursor:pointer}._checklist--readonly_ulozz_32 ._check-item_ulozz_9 input[type=checkbox]{pointer-events:all}._form-control_ulozz_40{width:100%;padding:.125rem;border:none;background:transparent;color:var(--on-surface);font-family:inherit;font-size:.875rem;border-radius:calc(var(--radius) - 2px);transition:background-color .2s}._form-control_ulozz_40:focus{outline:none;background-color:var(--surface)}._is-done_ulozz_27 ._form-control_ulozz_40{text-decoration:line-through;color:var(--on-surface-variant)}._dashboard_1mbco_4{width:100%;display:grid;grid-template-columns:35% 65%;gap:1.5rem}@media(max-width:1024px){._dashboard_1mbco_4{grid-template-columns:1fr}}._dashboard-card_1mbco_17{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--border);padding:1.5rem 2.5%;display:flex;flex-direction:column}._dashboard-card__header_1mbco_27{margin-bottom:1.5rem}._dashboard-card__title_1mbco_31{font-family:var(--font-clash);font-size:1.5rem;font-weight:500;color:var(--on-surface);margin:0}._status-legend_1mbco_39{display:flex;flex-direction:column;gap:.75rem}._project-filters_1mbco_45{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}._project-filters__search_1mbco_54{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-variant);font-family:var(--font-inter);font-size:.875rem;color:var(--on-surface);width:250px;transition:border-color .2s,box-shadow .2s}._project-filters__search_1mbco_54:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary),transparent 80%)}._task-item_15khb_4{display:grid;grid-template-columns:55% 15% 30%;align-items:center;gap:0;padding:.75rem 5%;border-bottom:1px solid var(--border);transition:background-color .2s ease;cursor:pointer;font-family:var(--font-inter)}._task-item_15khb_4:last-child{border-bottom:none}._task-item_15khb_4:hover{background-color:var(--surface-hover)}._task-item__content_15khb_25{display:flex;flex-direction:column;gap:.375rem;min-width:0}._task-item__title-group_15khb_32{display:flex;align-items:center;gap:.375rem;min-width:0}._task-item__title_15khb_32{color:var(--on-surface);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;font-weight:500;line-height:1.25rem;font-family:var(--font-inter)}._task-item__meta_15khb_52{display:flex;align-items:center;gap:1.25rem;color:var(--on-surface-variant);font-size:.625rem;line-height:.875rem;font-family:var(--font-inter);min-width:0}._meta-user_15khb_64{display:flex;align-items:center;flex-shrink:0}._meta-project_15khb_70{display:flex;align-items:center;gap:.375rem;color:var(--on-surface-variant);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;flex:0 1 auto}._meta-project_15khb_70 ._icon-sm_15khb_83{flex-shrink:0}._task-item__deadline_15khb_88{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-grotesk);font-size:.75rem;line-height:1rem}._deadline-urgent_15khb_97{color:var(--color-danger);font-weight:500}._deadline-normal_15khb_102{color:var(--on-surface-variant)}._task-item__actions_15khb_107{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}._icon_15khb_83{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_15khb_83{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:640px){._task-item_15khb_4{grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"content actions" "deadline actions";gap:.25rem .75rem}._task-item__content_15khb_25{grid-area:content}._task-item__deadline_15khb_88{grid-area:deadline;text-align:left}._task-item__actions_15khb_107{grid-area:actions;align-self:center}}._modal-overlay_m18cx_4{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s ease-out;padding:1rem}._modal-overlay_m18cx_4._is-active_m18cx_19{opacity:1;pointer-events:all}._modal-content_m18cx_25{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease-out;overflow:hidden}._modal-overlay_m18cx_4._is-active_m18cx_19 ._modal-content_m18cx_25{transform:scale(1) translateY(0)}._modal-header_m18cx_46{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}._modal-header-title_m18cx_55{margin:0;font-family:var(--font-clash);font-weight:500;font-size:1.25rem;line-height:1.75rem;color:var(--on-surface)}._modal-body_m18cx_65{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}._modal-body_m18cx_65::-webkit-scrollbar{width:4px}._modal-body_m18cx_65::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}._modal-footer_m18cx_84{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem;background:var(--surface-hover);flex-shrink:0}._view-group_m18cx_95{display:flex;flex-direction:column;gap:.375rem}._view-label_m18cx_101{font-size:.625rem;line-height:.875rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-inter)}._view-badge-row_m18cx_111{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}._view-task-title_m18cx_118{margin:0;font-family:var(--font-clash);font-weight:600;font-size:1.25rem;line-height:1.4;color:var(--on-surface)}._view-value-strong_m18cx_127{font-family:var(--font-grotesk);font-weight:500;font-size:.9375rem;color:var(--on-surface)}._view-description_m18cx_134{font-size:.875rem;line-height:1.6;margin:0;color:var(--on-surface);font-family:var(--font-inter)}._text-muted_m18cx_142{color:var(--on-surface-variant);font-style:italic}._form-group_m18cx_148{display:flex;flex-direction:column;gap:.5rem}._form-row_m18cx_154{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._form-label_m18cx_160{font-size:.625rem;line-height:.875rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-inter)}._form-control_m18cx_170{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;appearance:auto}._form-control_m18cx_170:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 88%)}._textarea_m18cx_191{resize:vertical;min-height:80px}._icon_m18cx_197{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-pencil_m18cx_207{width:.875rem;height:.875rem;fill:currentColor}@media(max-width:640px){._form-row_m18cx_154{grid-template-columns:1fr}}:root{--surface: #ffffff;--surface-variant: #f0f1f2;--surface-hover: #f7f7f7;--border: #e0e4eb;--border-variant: rgba(0, 20, 41, .1);--on-surface: #001429;--on-surface-variant: #576472;--on-surface-light: #9aa2aa;--primary: #0073e6;--primary-variant: rgba(0, 115, 230, .07);--primary-container: rgba(0, 115, 230, .05);--error: #bd0c38;--error-variant: rgba(189, 12, 56, .07);--color-success: #1ec489;--color-success-variant: rgba(69, 220, 166, .2);--color-warning: #efaf55;--color-warning-variant: rgba(239, 175, 85, .25);--color-info: #8c46c4;--color-info-variant: rgba(169, 62, 255, .15);--color-danger: #f34e2a;--color-danger-variant: rgba(243, 78, 42, .2);--destructive: #bd0c38;--score-high: #1ec489;--score-medium: #efaf55;--score-low: #f34e2a;--sidebar-background: #ffffff;--sidebar-foreground: #001429;--sidebar-primary: #0073e6;--sidebar-accent: #f0f1f2;--sidebar-border: #e0e4eb;--status-alle: #576472;--status-neu: #0073e6;--status-offen: #efaf55;--status-in-prufung: #f34e2a;--status-validierung: #1ec489;--status-abgeschlossen: #1ec489;--radius: .5rem;--font-inter: "Inter", sans-serif;--font-clash: "Clash Grotesk", sans-serif;--font-grotesk: "Space Grotesk", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 20, 41, .04);--shadow-md: 0 4px 6px -1px rgba(0, 20, 41, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 20, 41, .1);--shadow-card: 0 2px 8px rgba(0, 20, 41, .06);--gradient-primary: linear-gradient(135deg, #0073e6, #0053a3);--gradient-header: linear-gradient(135deg, #0053a3, #0073e6)}@media(prefers-color-scheme:dark){:root{--surface: #000000;--surface-variant: #18191b;--surface-hover: #0d0d0d;--border: #14181f;--border-variant: rgba(255, 255, 255, .1);--on-surface: #ffffff;--on-surface-variant: #9aa2aa;--on-surface-light: #576472;--primary: #0073e6;--primary-variant: rgba(0, 115, 230, .07);--primary-container: rgba(0, 115, 230, .05);--error: #bd0c38;--error-variant: rgba(189, 12, 56, .07);--color-success: #1ec489;--color-success-variant: rgba(69, 220, 166, .2);--color-warning: #efaf55;--color-warning-variant: rgba(239, 175, 85, .25);--color-info: #8c46c4;--color-info-variant: rgba(169, 62, 255, .15);--color-danger: #f34e2a;--color-danger-variant: rgba(243, 78, 42, .2);--sidebar-background: #000000;--sidebar-foreground: #ffffff;--sidebar-primary: #0073e6;--sidebar-accent: #18191b;--sidebar-border: #14181f;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3)}}._widget-card_gqjal_4{background-color:var(--surface);color:var(--on-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;max-width:520px;overflow:hidden;font-family:var(--font-inter);animation:_fadeIn_gqjal_1 .4s ease-out}._widget-header_gqjal_20{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}._widget-header__title_gqjal_30{margin:0;font-family:var(--font-clash);font-size:1.25rem;font-weight:500;line-height:1.3;color:var(--on-surface);letter-spacing:-.02em}._task-list_gqjal_41{display:flex;flex-direction:column;overflow-y:auto;flex:1 1 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}._task-list_gqjal_41::-webkit-scrollbar{width:4px}._task-list_gqjal_41::-webkit-scrollbar-track{background:transparent}._task-list_gqjal_41::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}._icon_gqjal_64{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_gqjal_74{width:.875rem;height:.875rem}@keyframes _fadeIn_gqjal_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
2
|
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
3
|
-
import w, { useState as
|
|
4
|
-
function X(
|
|
3
|
+
import w, { useState as z, useRef as oe, useEffect as E, useMemo as q } from "react";
|
|
4
|
+
function X(t) {
|
|
5
5
|
var l, r, o = "";
|
|
6
|
-
if (typeof
|
|
7
|
-
else if (typeof
|
|
8
|
-
var i =
|
|
9
|
-
for (l = 0; l < i; l++)
|
|
10
|
-
} else for (r in
|
|
6
|
+
if (typeof t == "string" || typeof t == "number") o += t;
|
|
7
|
+
else if (typeof t == "object") if (Array.isArray(t)) {
|
|
8
|
+
var i = t.length;
|
|
9
|
+
for (l = 0; l < i; l++) t[l] && (r = X(t[l])) && (o && (o += " "), o += r);
|
|
10
|
+
} else for (r in t) t[r] && (o && (o += " "), o += r);
|
|
11
11
|
return o;
|
|
12
12
|
}
|
|
13
|
-
function
|
|
14
|
-
for (var
|
|
13
|
+
function p() {
|
|
14
|
+
for (var t, l, r = 0, o = "", i = arguments.length; r < i; r++) (t = arguments[r]) && (l = X(t)) && (o && (o += " "), o += l);
|
|
15
15
|
return o;
|
|
16
16
|
}
|
|
17
17
|
const Q = {
|
|
18
|
-
"status-badge": "_status-
|
|
19
|
-
"status-badge--neu": "_status-badge--
|
|
20
|
-
"status-badge--offen": "_status-badge--
|
|
21
|
-
"status-badge--in-prufung": "_status-badge--in-
|
|
22
|
-
"status-badge--validierung": "_status-badge--
|
|
23
|
-
"status-badge--abgeschlossen": "_status-badge--
|
|
18
|
+
"status-badge": "_status-badge_c7rzu_3",
|
|
19
|
+
"status-badge--neu": "_status-badge--neu_c7rzu_26",
|
|
20
|
+
"status-badge--offen": "_status-badge--offen_c7rzu_31",
|
|
21
|
+
"status-badge--in-prufung": "_status-badge--in-prufung_c7rzu_36",
|
|
22
|
+
"status-badge--validierung": "_status-badge--validierung_c7rzu_41",
|
|
23
|
+
"status-badge--abgeschlossen": "_status-badge--abgeschlossen_c7rzu_46"
|
|
24
24
|
}, ce = {
|
|
25
25
|
neu: "Neu",
|
|
26
26
|
offen: "Offen",
|
|
@@ -28,8 +28,8 @@ const Q = {
|
|
|
28
28
|
validierung: "Validierung",
|
|
29
29
|
abgeschlossen: "Abgeschlossen"
|
|
30
30
|
}, ee = w.forwardRef(
|
|
31
|
-
({ status:
|
|
32
|
-
const
|
|
31
|
+
({ status: t, color: l, backgroundColor: r, className: o, style: i, ..._ }, u) => {
|
|
32
|
+
const b = {
|
|
33
33
|
...i,
|
|
34
34
|
"--custom-color": l,
|
|
35
35
|
"--custom-bg": r
|
|
@@ -38,40 +38,40 @@ const Q = {
|
|
|
38
38
|
"span",
|
|
39
39
|
{
|
|
40
40
|
ref: u,
|
|
41
|
-
className:
|
|
42
|
-
style:
|
|
41
|
+
className: p(Q["status-badge"], Q[`status-badge--${t}`], o),
|
|
42
|
+
style: b,
|
|
43
43
|
..._,
|
|
44
|
-
children: ce[
|
|
44
|
+
children: ce[t]
|
|
45
45
|
}
|
|
46
46
|
);
|
|
47
47
|
}
|
|
48
48
|
);
|
|
49
49
|
ee.displayName = "StatusBadge";
|
|
50
50
|
const Z = {
|
|
51
|
-
"favorite-btn": "_favorite-
|
|
52
|
-
"favorite-btn--active": "_favorite-btn--
|
|
53
|
-
},
|
|
54
|
-
({ pressed:
|
|
55
|
-
const
|
|
51
|
+
"favorite-btn": "_favorite-btn_1jlmc_3",
|
|
52
|
+
"favorite-btn--active": "_favorite-btn--active_1jlmc_23"
|
|
53
|
+
}, ae = w.forwardRef(
|
|
54
|
+
({ pressed: t, projectName: l, onToggle: r, color: o, activeColor: i, className: _, style: u, onClick: b, ...m }, g) => {
|
|
55
|
+
const a = {
|
|
56
56
|
...u,
|
|
57
57
|
"--custom-color": o,
|
|
58
58
|
"--custom-active-color": i
|
|
59
|
-
},
|
|
59
|
+
}, f = t ? `Von Favoriten entfernen: ${l}` : `Zu Favoriten hinzufügen: ${l}`;
|
|
60
60
|
return /* @__PURE__ */ e(
|
|
61
61
|
"button",
|
|
62
62
|
{
|
|
63
63
|
ref: g,
|
|
64
64
|
type: "button",
|
|
65
|
-
className:
|
|
65
|
+
className: p(
|
|
66
66
|
Z["favorite-btn"],
|
|
67
|
-
{ [Z["favorite-btn--active"]]:
|
|
67
|
+
{ [Z["favorite-btn--active"]]: t },
|
|
68
68
|
_
|
|
69
69
|
),
|
|
70
|
-
style:
|
|
71
|
-
"aria-pressed":
|
|
72
|
-
"aria-label":
|
|
70
|
+
style: a,
|
|
71
|
+
"aria-pressed": t,
|
|
72
|
+
"aria-label": f,
|
|
73
73
|
onClick: (j) => {
|
|
74
|
-
r?.(!
|
|
74
|
+
r?.(!t), b?.(j);
|
|
75
75
|
},
|
|
76
76
|
...m,
|
|
77
77
|
children: /* @__PURE__ */ e(
|
|
@@ -90,22 +90,22 @@ const Z = {
|
|
|
90
90
|
);
|
|
91
91
|
}
|
|
92
92
|
);
|
|
93
|
-
|
|
94
|
-
const
|
|
95
|
-
"status-legend__item": "_status-
|
|
96
|
-
"status-legend__item--active": "_status-legend__item--
|
|
97
|
-
"status-legend__label-wrap": "_status-legend__label-
|
|
98
|
-
"status-legend__color": "_status-
|
|
99
|
-
"status-legend__label": "_status-
|
|
100
|
-
"status-legend__count": "_status-
|
|
101
|
-
"color-neu": "_color-
|
|
102
|
-
"color-offen": "_color-
|
|
103
|
-
"color-in-prufung": "_color-in-
|
|
104
|
-
"color-validierung": "_color-
|
|
105
|
-
"color-abgeschlossen": "_color-
|
|
106
|
-
"color-alle": "_color-
|
|
107
|
-
},
|
|
108
|
-
({ status:
|
|
93
|
+
ae.displayName = "FavoriteButton";
|
|
94
|
+
const $ = {
|
|
95
|
+
"status-legend__item": "_status-legend__item_1xv4z_3",
|
|
96
|
+
"status-legend__item--active": "_status-legend__item--active_1xv4z_22",
|
|
97
|
+
"status-legend__label-wrap": "_status-legend__label-wrap_1xv4z_27",
|
|
98
|
+
"status-legend__color": "_status-legend__color_1xv4z_33",
|
|
99
|
+
"status-legend__label": "_status-legend__label_1xv4z_27",
|
|
100
|
+
"status-legend__count": "_status-legend__count_1xv4z_47",
|
|
101
|
+
"color-neu": "_color-neu_1xv4z_57",
|
|
102
|
+
"color-offen": "_color-offen_1xv4z_61",
|
|
103
|
+
"color-in-prufung": "_color-in-prufung_1xv4z_65",
|
|
104
|
+
"color-validierung": "_color-validierung_1xv4z_69",
|
|
105
|
+
"color-abgeschlossen": "_color-abgeschlossen_1xv4z_73",
|
|
106
|
+
"color-alle": "_color-alle_1xv4z_77"
|
|
107
|
+
}, te = w.forwardRef(
|
|
108
|
+
({ status: t, label: l, count: r, active: o = !1, color: i, className: _, style: u, ...b }, m) => {
|
|
109
109
|
const g = {
|
|
110
110
|
...u,
|
|
111
111
|
"--custom-color": i
|
|
@@ -117,92 +117,92 @@ const D = {
|
|
|
117
117
|
type: "button",
|
|
118
118
|
role: "option",
|
|
119
119
|
"aria-selected": o,
|
|
120
|
-
className:
|
|
121
|
-
|
|
122
|
-
{ [
|
|
120
|
+
className: p(
|
|
121
|
+
$["status-legend__item"],
|
|
122
|
+
{ [$["status-legend__item--active"]]: o },
|
|
123
123
|
_
|
|
124
124
|
),
|
|
125
125
|
style: g,
|
|
126
|
-
...
|
|
126
|
+
...b,
|
|
127
127
|
children: [
|
|
128
|
-
/* @__PURE__ */ n("div", { className:
|
|
128
|
+
/* @__PURE__ */ n("div", { className: $["status-legend__label-wrap"], children: [
|
|
129
129
|
/* @__PURE__ */ e(
|
|
130
130
|
"span",
|
|
131
131
|
{
|
|
132
|
-
className:
|
|
132
|
+
className: p($["status-legend__color"], $[`color-${t}`]),
|
|
133
133
|
"aria-hidden": "true"
|
|
134
134
|
}
|
|
135
135
|
),
|
|
136
|
-
/* @__PURE__ */ e("span", { className:
|
|
136
|
+
/* @__PURE__ */ e("span", { className: $["status-legend__label"], children: l })
|
|
137
137
|
] }),
|
|
138
|
-
/* @__PURE__ */ e("span", { className:
|
|
138
|
+
/* @__PURE__ */ e("span", { className: $["status-legend__count"], children: r })
|
|
139
139
|
]
|
|
140
140
|
}
|
|
141
141
|
);
|
|
142
142
|
}
|
|
143
143
|
);
|
|
144
|
-
|
|
145
|
-
const
|
|
146
|
-
"status-overview__chart-container": "_status-overview__chart-
|
|
147
|
-
"status-chart-svg": "_status-chart-
|
|
148
|
-
"status-chart__segment": "_status-
|
|
149
|
-
"status-chart__segment--hovered": "_status-chart__segment--
|
|
150
|
-
"status-chart__segment--dimmed": "_status-chart__segment--
|
|
151
|
-
"status-chart__hole": "_status-
|
|
152
|
-
"status-chart__total-value": "_status-chart__total-
|
|
153
|
-
"status-chart__total-label": "_status-chart__total-
|
|
144
|
+
te.displayName = "StatusLegendItem";
|
|
145
|
+
const P = {
|
|
146
|
+
"status-overview__chart-container": "_status-overview__chart-container_6nwc9_3",
|
|
147
|
+
"status-chart-svg": "_status-chart-svg_6nwc9_13",
|
|
148
|
+
"status-chart__segment": "_status-chart__segment_6nwc9_23",
|
|
149
|
+
"status-chart__segment--hovered": "_status-chart__segment--hovered_6nwc9_30",
|
|
150
|
+
"status-chart__segment--dimmed": "_status-chart__segment--dimmed_6nwc9_35",
|
|
151
|
+
"status-chart__hole": "_status-chart__hole_6nwc9_40",
|
|
152
|
+
"status-chart__total-value": "_status-chart__total-value_6nwc9_55",
|
|
153
|
+
"status-chart__total-label": "_status-chart__total-label_6nwc9_63"
|
|
154
154
|
}, se = w.forwardRef(
|
|
155
|
-
({ data:
|
|
156
|
-
const [u,
|
|
155
|
+
({ data: t, totalLabel: l = "Gesamt", onSegmentClick: r, className: o, ...i }, _) => {
|
|
156
|
+
const [u, b] = z(null), m = t.reduce((k, c) => k + c.value, 0), g = 240, a = g / 2, f = 100, j = 40, y = f - j / 2, v = y * 2 * Math.PI;
|
|
157
157
|
return /* @__PURE__ */ n(
|
|
158
158
|
"div",
|
|
159
159
|
{
|
|
160
160
|
ref: _,
|
|
161
|
-
className:
|
|
161
|
+
className: p(P["status-overview__chart-container"], o),
|
|
162
162
|
...i,
|
|
163
163
|
children: [
|
|
164
164
|
/* @__PURE__ */ e(
|
|
165
165
|
"svg",
|
|
166
166
|
{
|
|
167
167
|
viewBox: `0 0 ${g} ${g}`,
|
|
168
|
-
className:
|
|
168
|
+
className: P["status-chart-svg"],
|
|
169
169
|
role: "img",
|
|
170
170
|
"aria-label": "Kreisdiagramm der Projektstatus-Verteilung",
|
|
171
171
|
overflow: "visible",
|
|
172
172
|
children: m === 0 ? /* @__PURE__ */ e(
|
|
173
173
|
"circle",
|
|
174
174
|
{
|
|
175
|
-
cx:
|
|
176
|
-
cy:
|
|
177
|
-
r:
|
|
175
|
+
cx: a,
|
|
176
|
+
cy: a,
|
|
177
|
+
r: y,
|
|
178
178
|
fill: "none",
|
|
179
179
|
stroke: "hsl(var(--border))",
|
|
180
180
|
strokeWidth: j
|
|
181
181
|
}
|
|
182
182
|
) : (() => {
|
|
183
|
-
let
|
|
184
|
-
return
|
|
183
|
+
let k = 0;
|
|
184
|
+
return t.map((c) => {
|
|
185
185
|
if (c.value === 0) return null;
|
|
186
|
-
const N = c.value / m * 100, h = N / 100 *
|
|
187
|
-
return
|
|
186
|
+
const N = c.value / m * 100, h = N / 100 * v, d = k / 100 * v;
|
|
187
|
+
return k += N, /* @__PURE__ */ e(
|
|
188
188
|
"circle",
|
|
189
189
|
{
|
|
190
|
-
cx:
|
|
191
|
-
cy:
|
|
192
|
-
r:
|
|
190
|
+
cx: a,
|
|
191
|
+
cy: a,
|
|
192
|
+
r: y,
|
|
193
193
|
fill: "none",
|
|
194
194
|
stroke: c.color,
|
|
195
195
|
strokeWidth: j,
|
|
196
|
-
strokeDasharray: `${h} ${
|
|
196
|
+
strokeDasharray: `${h} ${v}`,
|
|
197
197
|
strokeDashoffset: -d,
|
|
198
|
-
transform: `rotate(-90 ${
|
|
199
|
-
className:
|
|
200
|
-
[
|
|
201
|
-
[
|
|
198
|
+
transform: `rotate(-90 ${a} ${a})`,
|
|
199
|
+
className: p(P["status-chart__segment"], {
|
|
200
|
+
[P["status-chart__segment--hovered"]]: u === c.status,
|
|
201
|
+
[P["status-chart__segment--dimmed"]]: u && u !== c.status
|
|
202
202
|
}),
|
|
203
203
|
onClick: () => r?.(c.status),
|
|
204
|
-
onMouseEnter: () =>
|
|
205
|
-
onMouseLeave: () =>
|
|
204
|
+
onMouseEnter: () => b(c.status),
|
|
205
|
+
onMouseLeave: () => b(null),
|
|
206
206
|
style: { cursor: r ? "pointer" : "default" },
|
|
207
207
|
children: /* @__PURE__ */ e("title", { children: `${c.label}: ${c.value}` })
|
|
208
208
|
},
|
|
@@ -212,9 +212,9 @@ const L = {
|
|
|
212
212
|
})()
|
|
213
213
|
}
|
|
214
214
|
),
|
|
215
|
-
/* @__PURE__ */ n("div", { className:
|
|
216
|
-
/* @__PURE__ */ e("span", { className:
|
|
217
|
-
/* @__PURE__ */ e("span", { className:
|
|
215
|
+
/* @__PURE__ */ n("div", { className: P["status-chart__hole"], children: [
|
|
216
|
+
/* @__PURE__ */ e("span", { className: P["status-chart__total-value"], children: m }),
|
|
217
|
+
/* @__PURE__ */ e("span", { className: P["status-chart__total-label"], children: l })
|
|
218
218
|
] })
|
|
219
219
|
]
|
|
220
220
|
}
|
|
@@ -222,8 +222,8 @@ const L = {
|
|
|
222
222
|
}
|
|
223
223
|
);
|
|
224
224
|
se.displayName = "StatusChart";
|
|
225
|
-
function J(
|
|
226
|
-
const l = new Date(
|
|
225
|
+
function J(t) {
|
|
226
|
+
const l = new Date(t);
|
|
227
227
|
if (isNaN(l.getTime())) return "Ungültiges Datum";
|
|
228
228
|
const o = (/* @__PURE__ */ new Date()).getTime() - l.getTime(), i = Math.floor(o / (1e3 * 60 * 60 * 24));
|
|
229
229
|
if (i === 0) return "Heute";
|
|
@@ -235,65 +235,65 @@ function J(a) {
|
|
|
235
235
|
const u = Math.floor(i / 30);
|
|
236
236
|
if (u < 12)
|
|
237
237
|
return u === 1 ? "vor einem Monat" : `vor ${u} Monaten`;
|
|
238
|
-
const
|
|
239
|
-
return
|
|
238
|
+
const b = Math.floor(i / 365);
|
|
239
|
+
return b === 1 ? "vor einem Jahr" : `vor ${b} Jahren`;
|
|
240
240
|
}
|
|
241
|
-
const
|
|
242
|
-
"table-container": "_table-
|
|
243
|
-
"project-table": "_project-
|
|
244
|
-
"project-table__head": "_project-
|
|
245
|
-
"project-table__row": "_project-
|
|
246
|
-
"project-table__name-cell": "_project-table__name-
|
|
247
|
-
"project-table__favorite": "_project-
|
|
248
|
-
"project-table__name-wrapper": "_project-table__name-
|
|
249
|
-
"project-table__name": "_project-
|
|
250
|
-
"project-table__app": "_project-
|
|
251
|
-
"project-table__date-secondary": "_project-table__date-
|
|
252
|
-
"project-table__client": "_project-
|
|
253
|
-
"project-table__date-main": "_project-table__date-
|
|
241
|
+
const S = {
|
|
242
|
+
"table-container": "_table-container_y8cqq_3",
|
|
243
|
+
"project-table": "_project-table_y8cqq_7",
|
|
244
|
+
"project-table__head": "_project-table__head_y8cqq_15",
|
|
245
|
+
"project-table__row": "_project-table__row_y8cqq_33",
|
|
246
|
+
"project-table__name-cell": "_project-table__name-cell_y8cqq_66",
|
|
247
|
+
"project-table__favorite": "_project-table__favorite_y8cqq_72",
|
|
248
|
+
"project-table__name-wrapper": "_project-table__name-wrapper_y8cqq_76",
|
|
249
|
+
"project-table__name": "_project-table__name_y8cqq_66",
|
|
250
|
+
"project-table__app": "_project-table__app_y8cqq_92",
|
|
251
|
+
"project-table__date-secondary": "_project-table__date-secondary_y8cqq_93",
|
|
252
|
+
"project-table__client": "_project-table__client_y8cqq_102",
|
|
253
|
+
"project-table__date-main": "_project-table__date-main_y8cqq_103"
|
|
254
254
|
}, le = w.forwardRef(
|
|
255
|
-
({ rows:
|
|
255
|
+
({ rows: t, onToggleFavorite: l, className: r, ...o }, i) => /* @__PURE__ */ e(
|
|
256
256
|
"div",
|
|
257
257
|
{
|
|
258
258
|
ref: i,
|
|
259
|
-
className:
|
|
259
|
+
className: p(S["table-container"], r),
|
|
260
260
|
tabIndex: 0,
|
|
261
261
|
...o,
|
|
262
|
-
children: /* @__PURE__ */ n("table", { className:
|
|
263
|
-
/* @__PURE__ */ e("thead", { className:
|
|
262
|
+
children: /* @__PURE__ */ n("table", { className: S["project-table"], children: [
|
|
263
|
+
/* @__PURE__ */ e("thead", { className: S["project-table__head"], children: /* @__PURE__ */ n("tr", { children: [
|
|
264
264
|
/* @__PURE__ */ e("th", { scope: "col", children: "Projekt / Applikation" }),
|
|
265
265
|
/* @__PURE__ */ e("th", { scope: "col", children: "Kunde" }),
|
|
266
266
|
/* @__PURE__ */ e("th", { scope: "col", children: "Status" }),
|
|
267
267
|
/* @__PURE__ */ e("th", { scope: "col", children: "Aktivität" })
|
|
268
268
|
] }) }),
|
|
269
|
-
/* @__PURE__ */ e("tbody", { className:
|
|
269
|
+
/* @__PURE__ */ e("tbody", { className: S["project-table__body"], children: t.map((_) => /* @__PURE__ */ n(
|
|
270
270
|
"tr",
|
|
271
271
|
{
|
|
272
|
-
className:
|
|
272
|
+
className: S["project-table__row"],
|
|
273
273
|
"data-status": _.status,
|
|
274
274
|
children: [
|
|
275
|
-
/* @__PURE__ */ e("td", { children: /* @__PURE__ */ n("div", { className:
|
|
275
|
+
/* @__PURE__ */ e("td", { children: /* @__PURE__ */ n("div", { className: S["project-table__name-cell"], children: [
|
|
276
276
|
/* @__PURE__ */ e(
|
|
277
|
-
|
|
277
|
+
ae,
|
|
278
278
|
{
|
|
279
279
|
pressed: _.favorite,
|
|
280
280
|
projectName: _.name,
|
|
281
281
|
onToggle: (u) => l?.(_.id, u),
|
|
282
|
-
className:
|
|
282
|
+
className: S["project-table__favorite"]
|
|
283
283
|
}
|
|
284
284
|
),
|
|
285
|
-
/* @__PURE__ */ n("div", { className:
|
|
285
|
+
/* @__PURE__ */ n("div", { className: S["project-table__name-wrapper"], title: `${_.name}
|
|
286
286
|
${_.app}`, children: [
|
|
287
|
-
/* @__PURE__ */ e("div", { className:
|
|
288
|
-
/* @__PURE__ */ e("div", { className:
|
|
287
|
+
/* @__PURE__ */ e("div", { className: S["project-table__name"], children: _.name }),
|
|
288
|
+
/* @__PURE__ */ e("div", { className: S["project-table__app"], children: _.app })
|
|
289
289
|
] })
|
|
290
290
|
] }) }),
|
|
291
|
-
/* @__PURE__ */ e("td", { title: _.client, children: /* @__PURE__ */ e("span", { className:
|
|
291
|
+
/* @__PURE__ */ e("td", { title: _.client, children: /* @__PURE__ */ e("span", { className: S["project-table__client"], children: _.client }) }),
|
|
292
292
|
/* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(ee, { status: _.status }) }),
|
|
293
293
|
/* @__PURE__ */ n("td", { title: `Geändert: ${J(_.updatedAt)}
|
|
294
294
|
Erstellt: ${_.createdAt}`, children: [
|
|
295
|
-
/* @__PURE__ */ e("div", { className:
|
|
296
|
-
/* @__PURE__ */ n("div", { className:
|
|
295
|
+
/* @__PURE__ */ e("div", { className: S["project-table__date-main"], children: J(_.updatedAt) }),
|
|
296
|
+
/* @__PURE__ */ n("div", { className: S["project-table__date-secondary"], children: [
|
|
297
297
|
"Erstellt: ",
|
|
298
298
|
_.createdAt
|
|
299
299
|
] })
|
|
@@ -307,54 +307,54 @@ Erstellt: ${_.createdAt}`, children: [
|
|
|
307
307
|
)
|
|
308
308
|
);
|
|
309
309
|
le.displayName = "ProjectTable";
|
|
310
|
-
const de = "
|
|
310
|
+
const de = "_avatar_17ic7_3", O = {
|
|
311
311
|
avatar: de,
|
|
312
|
-
"avatar-group": "_avatar-
|
|
313
|
-
"group-member": "_group-
|
|
314
|
-
},
|
|
315
|
-
({ initials:
|
|
312
|
+
"avatar-group": "_avatar-group_17ic7_18",
|
|
313
|
+
"group-member": "_group-member_17ic7_23"
|
|
314
|
+
}, M = w.forwardRef(
|
|
315
|
+
({ initials: t, name: l, className: r, ...o }, i) => /* @__PURE__ */ e(
|
|
316
316
|
"div",
|
|
317
317
|
{
|
|
318
318
|
ref: i,
|
|
319
|
-
className:
|
|
319
|
+
className: p(O.avatar, r),
|
|
320
320
|
title: l,
|
|
321
321
|
"aria-label": l,
|
|
322
322
|
...o,
|
|
323
|
-
children:
|
|
323
|
+
children: t
|
|
324
324
|
}
|
|
325
325
|
)
|
|
326
326
|
);
|
|
327
|
-
|
|
328
|
-
const
|
|
329
|
-
({ children:
|
|
327
|
+
M.displayName = "Avatar";
|
|
328
|
+
const W = w.forwardRef(
|
|
329
|
+
({ children: t, className: l, ...r }, o) => /* @__PURE__ */ e(
|
|
330
330
|
"div",
|
|
331
331
|
{
|
|
332
332
|
ref: o,
|
|
333
|
-
className:
|
|
333
|
+
className: p(O["avatar-group"], l),
|
|
334
334
|
...r,
|
|
335
|
-
children: w.Children.map(
|
|
336
|
-
className:
|
|
335
|
+
children: w.Children.map(t, (i) => w.isValidElement(i) ? w.cloneElement(i, {
|
|
336
|
+
className: p(i.props.className, O["group-member"])
|
|
337
337
|
}) : i)
|
|
338
338
|
}
|
|
339
339
|
)
|
|
340
340
|
);
|
|
341
|
-
|
|
342
|
-
const _e = "
|
|
341
|
+
W.displayName = "AvatarGroup";
|
|
342
|
+
const _e = "_btn_7bh63_3", B = {
|
|
343
343
|
btn: _e,
|
|
344
|
-
"btn--primary": "_btn--
|
|
345
|
-
"btn--outline": "_btn--
|
|
346
|
-
"btn--ghost": "_btn--
|
|
347
|
-
"btn--sm": "_btn--
|
|
348
|
-
},
|
|
349
|
-
({ variant:
|
|
344
|
+
"btn--primary": "_btn--primary_7bh63_27",
|
|
345
|
+
"btn--outline": "_btn--outline_7bh63_39",
|
|
346
|
+
"btn--ghost": "_btn--ghost_7bh63_52",
|
|
347
|
+
"btn--sm": "_btn--sm_7bh63_63"
|
|
348
|
+
}, T = w.forwardRef(
|
|
349
|
+
({ variant: t, size: l = "md", className: r, children: o, ...i }, _) => /* @__PURE__ */ e(
|
|
350
350
|
"button",
|
|
351
351
|
{
|
|
352
352
|
ref: _,
|
|
353
|
-
className:
|
|
354
|
-
|
|
353
|
+
className: p(
|
|
354
|
+
B.btn,
|
|
355
355
|
{
|
|
356
|
-
[
|
|
357
|
-
[
|
|
356
|
+
[B[`btn--${t}`]]: t,
|
|
357
|
+
[B[`btn--${l}`]]: l && l !== "md"
|
|
358
358
|
},
|
|
359
359
|
r
|
|
360
360
|
),
|
|
@@ -363,14 +363,14 @@ const _e = "_btn_lw4l4_3", E = {
|
|
|
363
363
|
}
|
|
364
364
|
)
|
|
365
365
|
);
|
|
366
|
-
|
|
367
|
-
const ue = "
|
|
366
|
+
T.displayName = "Button";
|
|
367
|
+
const ue = "_badge_1e35x_3", F = {
|
|
368
368
|
badge: ue,
|
|
369
|
-
"badge--high": "_badge--
|
|
370
|
-
"badge--medium": "_badge--
|
|
371
|
-
"badge--low": "_badge--
|
|
372
|
-
"badge--size-small": "_badge--size-
|
|
373
|
-
"badge--size-large": "_badge--size-
|
|
369
|
+
"badge--high": "_badge--high_1e35x_12",
|
|
370
|
+
"badge--medium": "_badge--medium_1e35x_18",
|
|
371
|
+
"badge--low": "_badge--low_1e35x_24",
|
|
372
|
+
"badge--size-small": "_badge--size-small_1e35x_30",
|
|
373
|
+
"badge--size-large": "_badge--size-large_1e35x_37"
|
|
374
374
|
}, me = {
|
|
375
375
|
high: "!!",
|
|
376
376
|
medium: "!",
|
|
@@ -379,106 +379,106 @@ const ue = "_badge_144f0_3", O = {
|
|
|
379
379
|
high: "Hohe Priorität",
|
|
380
380
|
medium: "Mittlere Priorität",
|
|
381
381
|
low: "Niedrige Priorität"
|
|
382
|
-
},
|
|
383
|
-
({ level:
|
|
384
|
-
const u = he[
|
|
382
|
+
}, H = w.forwardRef(
|
|
383
|
+
({ level: t, size: l = "small", className: r, "aria-label": o, ...i }, _) => {
|
|
384
|
+
const u = he[t];
|
|
385
385
|
return /* @__PURE__ */ e(
|
|
386
386
|
"span",
|
|
387
387
|
{
|
|
388
388
|
ref: _,
|
|
389
|
-
className:
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
389
|
+
className: p(
|
|
390
|
+
F.badge,
|
|
391
|
+
F[`badge--${t}`],
|
|
392
|
+
F[`badge--size-${l}`],
|
|
393
393
|
r
|
|
394
394
|
),
|
|
395
395
|
"aria-label": o || u,
|
|
396
396
|
...i,
|
|
397
|
-
children: me[
|
|
397
|
+
children: me[t]
|
|
398
398
|
}
|
|
399
399
|
);
|
|
400
400
|
}
|
|
401
401
|
);
|
|
402
|
-
|
|
403
|
-
const ge = "
|
|
402
|
+
H.displayName = "PriorityBadge";
|
|
403
|
+
const ge = "_badge_1j9lv_3", ve = {
|
|
404
404
|
badge: ge
|
|
405
|
-
},
|
|
406
|
-
({ className:
|
|
405
|
+
}, V = w.forwardRef(
|
|
406
|
+
({ className: t, children: l, ...r }, o) => /* @__PURE__ */ e(
|
|
407
407
|
"span",
|
|
408
408
|
{
|
|
409
409
|
ref: o,
|
|
410
|
-
className:
|
|
410
|
+
className: p(ve.badge, t),
|
|
411
411
|
...r,
|
|
412
412
|
children: l
|
|
413
413
|
}
|
|
414
414
|
)
|
|
415
415
|
);
|
|
416
|
-
|
|
417
|
-
const
|
|
418
|
-
"status-dropdown": "_status-
|
|
419
|
-
"status-trigger": "_status-
|
|
420
|
-
"status-menu": "_status-
|
|
421
|
-
"is-open": "_is-
|
|
422
|
-
"status-menu-item": "_status-menu-
|
|
423
|
-
"is-active": "_is-
|
|
424
|
-
icon:
|
|
425
|
-
"icon-sm": "_icon-
|
|
416
|
+
V.displayName = "Badge";
|
|
417
|
+
const be = "_icon_15zae_56", L = {
|
|
418
|
+
"status-dropdown": "_status-dropdown_15zae_3",
|
|
419
|
+
"status-trigger": "_status-trigger_15zae_9",
|
|
420
|
+
"status-menu": "_status-menu_15zae_14",
|
|
421
|
+
"is-open": "_is-open_15zae_31",
|
|
422
|
+
"status-menu-item": "_status-menu-item_15zae_35",
|
|
423
|
+
"is-active": "_is-active_15zae_52",
|
|
424
|
+
icon: be,
|
|
425
|
+
"icon-sm": "_icon-sm_15zae_65"
|
|
426
426
|
}, ne = w.forwardRef(
|
|
427
|
-
({ value:
|
|
428
|
-
const [
|
|
429
|
-
typeof u == "function" ? u(
|
|
430
|
-
},
|
|
431
|
-
|
|
432
|
-
const
|
|
433
|
-
g.current && !g.current.contains(
|
|
427
|
+
({ value: t, onChange: l, options: r, className: o, "aria-label": i, ..._ }, u) => {
|
|
428
|
+
const [b, m] = z(!1), g = oe(null), a = (v) => {
|
|
429
|
+
typeof u == "function" ? u(v) : u && (u.current = v), g.current = v;
|
|
430
|
+
}, f = r.find((v) => v.value === t) || r[0];
|
|
431
|
+
E(() => {
|
|
432
|
+
const v = (k) => {
|
|
433
|
+
g.current && !g.current.contains(k.target) && m(!1);
|
|
434
434
|
};
|
|
435
|
-
return document.addEventListener("mousedown",
|
|
435
|
+
return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
|
|
436
436
|
}, []);
|
|
437
|
-
const j = (
|
|
438
|
-
|
|
439
|
-
},
|
|
440
|
-
|
|
437
|
+
const j = (v) => {
|
|
438
|
+
v.stopPropagation(), m(!b);
|
|
439
|
+
}, y = (v, k) => {
|
|
440
|
+
v.stopPropagation(), l && l(k.value), m(!1);
|
|
441
441
|
};
|
|
442
442
|
return /* @__PURE__ */ n(
|
|
443
443
|
"div",
|
|
444
444
|
{
|
|
445
|
-
ref:
|
|
446
|
-
className:
|
|
445
|
+
ref: a,
|
|
446
|
+
className: p(L["status-dropdown"], o),
|
|
447
447
|
..._,
|
|
448
448
|
children: [
|
|
449
449
|
/* @__PURE__ */ n(
|
|
450
|
-
|
|
450
|
+
T,
|
|
451
451
|
{
|
|
452
452
|
variant: "outline",
|
|
453
453
|
size: "sm",
|
|
454
|
-
className:
|
|
454
|
+
className: L["status-trigger"],
|
|
455
455
|
onClick: j,
|
|
456
456
|
"aria-haspopup": "listbox",
|
|
457
|
-
"aria-expanded":
|
|
457
|
+
"aria-expanded": b,
|
|
458
458
|
"aria-label": i,
|
|
459
459
|
children: [
|
|
460
|
-
|
|
461
|
-
/* @__PURE__ */ e("svg", { className:
|
|
460
|
+
f?.label,
|
|
461
|
+
/* @__PURE__ */ e("svg", { className: p(L.icon, L["icon-sm"]), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) })
|
|
462
462
|
]
|
|
463
463
|
}
|
|
464
464
|
),
|
|
465
465
|
/* @__PURE__ */ e(
|
|
466
466
|
"div",
|
|
467
467
|
{
|
|
468
|
-
className:
|
|
468
|
+
className: p(L["status-menu"], { [L["is-open"]]: b }),
|
|
469
469
|
role: "listbox",
|
|
470
|
-
children: r.map((
|
|
470
|
+
children: r.map((v) => /* @__PURE__ */ e(
|
|
471
471
|
"button",
|
|
472
472
|
{
|
|
473
|
-
className:
|
|
474
|
-
[
|
|
473
|
+
className: p(L["status-menu-item"], {
|
|
474
|
+
[L["is-active"]]: v.value === f?.value
|
|
475
475
|
}),
|
|
476
476
|
role: "option",
|
|
477
|
-
"aria-selected":
|
|
478
|
-
onClick: (
|
|
479
|
-
children:
|
|
477
|
+
"aria-selected": v.value === f?.value,
|
|
478
|
+
onClick: (k) => y(k, v),
|
|
479
|
+
children: v.label
|
|
480
480
|
},
|
|
481
|
-
|
|
481
|
+
v.value
|
|
482
482
|
))
|
|
483
483
|
}
|
|
484
484
|
)
|
|
@@ -488,26 +488,26 @@ const fe = "_icon_1t4xn_56", $ = {
|
|
|
488
488
|
}
|
|
489
489
|
);
|
|
490
490
|
ne.displayName = "StatusDropdown";
|
|
491
|
-
const
|
|
492
|
-
checklist:
|
|
493
|
-
"check-item": "_check-
|
|
494
|
-
"is-done": "_is-
|
|
495
|
-
"checklist--readonly": "_checklist--
|
|
496
|
-
"form-control": "_form-
|
|
497
|
-
},
|
|
498
|
-
({ items:
|
|
491
|
+
const pe = "_checklist_ulozz_3", R = {
|
|
492
|
+
checklist: pe,
|
|
493
|
+
"check-item": "_check-item_ulozz_9",
|
|
494
|
+
"is-done": "_is-done_ulozz_27",
|
|
495
|
+
"checklist--readonly": "_checklist--readonly_ulozz_32",
|
|
496
|
+
"form-control": "_form-control_ulozz_40"
|
|
497
|
+
}, G = w.forwardRef(
|
|
498
|
+
({ items: t, onChange: l, editable: r = !1, className: o, ...i }, _) => {
|
|
499
499
|
const u = (m, g) => {
|
|
500
|
-
l && l(
|
|
501
|
-
},
|
|
502
|
-
l && l(
|
|
500
|
+
l && l(t.map((a) => a.id === m ? { ...a, checked: g } : a));
|
|
501
|
+
}, b = (m, g) => {
|
|
502
|
+
l && l(t.map((a) => a.id === m ? { ...a, text: g } : a));
|
|
503
503
|
};
|
|
504
504
|
return /* @__PURE__ */ e(
|
|
505
505
|
"div",
|
|
506
506
|
{
|
|
507
507
|
ref: _,
|
|
508
|
-
className:
|
|
508
|
+
className: p(R.checklist, { [R["checklist--readonly"]]: !r }, o),
|
|
509
509
|
...i,
|
|
510
|
-
children:
|
|
510
|
+
children: t.map((m) => /* @__PURE__ */ n("div", { className: p(R["check-item"], { [R["is-done"]]: m.checked }), children: [
|
|
511
511
|
/* @__PURE__ */ e(
|
|
512
512
|
"input",
|
|
513
513
|
{
|
|
@@ -521,9 +521,9 @@ const ve = "_checklist_ylbeh_3", M = {
|
|
|
521
521
|
"input",
|
|
522
522
|
{
|
|
523
523
|
type: "text",
|
|
524
|
-
className:
|
|
524
|
+
className: R["form-control"],
|
|
525
525
|
value: m.text,
|
|
526
|
-
onChange: (g) =>
|
|
526
|
+
onChange: (g) => b(m.id, g.target.value),
|
|
527
527
|
placeholder: "Was ist zu tun?",
|
|
528
528
|
"aria-label": "Aufgabenbeschreibung bearbeiten"
|
|
529
529
|
}
|
|
@@ -533,15 +533,15 @@ const ve = "_checklist_ylbeh_3", M = {
|
|
|
533
533
|
);
|
|
534
534
|
}
|
|
535
535
|
);
|
|
536
|
-
|
|
537
|
-
const
|
|
538
|
-
dashboard:
|
|
539
|
-
"dashboard-card": "_dashboard-
|
|
540
|
-
"dashboard-card__header": "_dashboard-
|
|
541
|
-
"dashboard-card__title": "_dashboard-
|
|
542
|
-
"status-legend": "_status-
|
|
543
|
-
"project-filters": "_project-
|
|
544
|
-
"project-filters__search": "_project-
|
|
536
|
+
G.displayName = "Checklist";
|
|
537
|
+
const fe = "_dashboard_1mbco_4", A = {
|
|
538
|
+
dashboard: fe,
|
|
539
|
+
"dashboard-card": "_dashboard-card_1mbco_17",
|
|
540
|
+
"dashboard-card__header": "_dashboard-card__header_1mbco_27",
|
|
541
|
+
"dashboard-card__title": "_dashboard-card__title_1mbco_31",
|
|
542
|
+
"status-legend": "_status-legend_1mbco_39",
|
|
543
|
+
"project-filters": "_project-filters_1mbco_45",
|
|
544
|
+
"project-filters__search": "_project-filters__search_1mbco_54"
|
|
545
545
|
}, Ne = [
|
|
546
546
|
{ id: "1", name: "E-Commerce Relaunch", client: "Müller GmbH", app: "Shopify CMS", status: "neu", favorite: !1, createdAt: "12.02.2026", updatedAt: (/* @__PURE__ */ new Date()).toISOString() },
|
|
547
547
|
{ id: "2", name: "CRM Integration MVP", client: "TechCorp Inc.", app: "Salesforce API", status: "offen", favorite: !0, createdAt: "15.01.2026", updatedAt: new Date(Date.now() - 2880 * 60 * 1e3).toISOString() },
|
|
@@ -576,15 +576,15 @@ const be = "_dashboard_10t3c_4", C = {
|
|
|
576
576
|
{ status: "in-prufung", label: "In Prüfung" },
|
|
577
577
|
{ status: "validierung", label: "Validierung" },
|
|
578
578
|
{ status: "abgeschlossen", label: "Abgeschlossen" }
|
|
579
|
-
],
|
|
579
|
+
], ke = {
|
|
580
580
|
neu: "Neu",
|
|
581
581
|
offen: "Offen",
|
|
582
582
|
"in-prufung": "In Prüfung",
|
|
583
583
|
validierung: "Validierung",
|
|
584
584
|
abgeschlossen: "Abgeschlossen"
|
|
585
|
-
},
|
|
586
|
-
({ initialRows:
|
|
587
|
-
const [i, _] =
|
|
585
|
+
}, ye = w.forwardRef(
|
|
586
|
+
({ initialRows: t = Ne, className: l, ...r }, o) => {
|
|
587
|
+
const [i, _] = z(t), [u, b] = z("alle"), [m, g] = z(""), a = q(() => {
|
|
588
588
|
const c = {
|
|
589
589
|
alle: i.length,
|
|
590
590
|
neu: 0,
|
|
@@ -596,7 +596,7 @@ const be = "_dashboard_10t3c_4", C = {
|
|
|
596
596
|
return i.forEach((N) => {
|
|
597
597
|
c[N.status]++;
|
|
598
598
|
}), c;
|
|
599
|
-
}, [i]),
|
|
599
|
+
}, [i]), f = q(() => {
|
|
600
600
|
let c = i;
|
|
601
601
|
if (u !== "alle" && (c = c.filter((N) => N.status === u)), m.trim() !== "") {
|
|
602
602
|
const N = m.toLowerCase().trim();
|
|
@@ -605,52 +605,52 @@ const be = "_dashboard_10t3c_4", C = {
|
|
|
605
605
|
);
|
|
606
606
|
}
|
|
607
607
|
return u === "alle" && (c = [...c].sort((N, h) => Number(h.favorite) - Number(N.favorite))), c;
|
|
608
|
-
}, [i, u, m]), j = u === "alle" ? "Alle Projekte" : `Projekte: ${
|
|
608
|
+
}, [i, u, m]), j = u === "alle" ? "Alle Projekte" : `Projekte: ${ke[u]}`, y = (c, N) => {
|
|
609
609
|
_((h) => h.map((d) => d.id === c ? { ...d, favorite: N } : d));
|
|
610
|
-
},
|
|
611
|
-
{ status: "neu", label: "Neu", value:
|
|
612
|
-
{ status: "offen", label: "Offen", value:
|
|
613
|
-
{ status: "in-prufung", label: "In Prüfung", value:
|
|
614
|
-
{ status: "validierung", label: "Validierung", value:
|
|
615
|
-
{ status: "abgeschlossen", label: "Abgeschlossen", value:
|
|
616
|
-
], [
|
|
617
|
-
|
|
610
|
+
}, v = q(() => [
|
|
611
|
+
{ status: "neu", label: "Neu", value: a.neu, color: "hsl(var(--status-neu))" },
|
|
612
|
+
{ status: "offen", label: "Offen", value: a.offen, color: "hsl(var(--status-offen))" },
|
|
613
|
+
{ status: "in-prufung", label: "In Prüfung", value: a["in-prufung"], color: "hsl(var(--status-in-prufung))" },
|
|
614
|
+
{ status: "validierung", label: "Validierung", value: a.validierung, color: "hsl(var(--status-validierung))" },
|
|
615
|
+
{ status: "abgeschlossen", label: "Abgeschlossen", value: a.abgeschlossen, color: "hsl(var(--status-abgeschlossen))" }
|
|
616
|
+
], [a]), k = (c) => {
|
|
617
|
+
b(c);
|
|
618
618
|
};
|
|
619
619
|
return /* @__PURE__ */ n(
|
|
620
620
|
"main",
|
|
621
621
|
{
|
|
622
622
|
ref: o,
|
|
623
|
-
className:
|
|
623
|
+
className: p(A.dashboard, l),
|
|
624
624
|
...r,
|
|
625
625
|
children: [
|
|
626
626
|
/* @__PURE__ */ n(
|
|
627
627
|
"section",
|
|
628
628
|
{
|
|
629
|
-
className:
|
|
629
|
+
className: p(A["dashboard-card"], A["status-overview"]),
|
|
630
630
|
"aria-label": "Projektstatus Übersicht",
|
|
631
631
|
children: [
|
|
632
|
-
/* @__PURE__ */ e("header", { className:
|
|
632
|
+
/* @__PURE__ */ e("header", { className: A["dashboard-card__header"], children: /* @__PURE__ */ e("h1", { className: A["dashboard-card__title"], children: "Projekte" }) }),
|
|
633
633
|
/* @__PURE__ */ e(
|
|
634
634
|
se,
|
|
635
635
|
{
|
|
636
|
-
data:
|
|
637
|
-
onSegmentClick:
|
|
636
|
+
data: v,
|
|
637
|
+
onSegmentClick: k
|
|
638
638
|
}
|
|
639
639
|
),
|
|
640
640
|
/* @__PURE__ */ e(
|
|
641
641
|
"div",
|
|
642
642
|
{
|
|
643
|
-
className:
|
|
643
|
+
className: A["status-legend"],
|
|
644
644
|
role: "listbox",
|
|
645
645
|
"aria-label": "Nach Status filtern",
|
|
646
646
|
children: we.map(({ status: c, label: N }) => /* @__PURE__ */ e(
|
|
647
|
-
|
|
647
|
+
te,
|
|
648
648
|
{
|
|
649
649
|
status: c,
|
|
650
650
|
label: N,
|
|
651
|
-
count:
|
|
651
|
+
count: a[c],
|
|
652
652
|
active: u === c,
|
|
653
|
-
onClick: () =>
|
|
653
|
+
onClick: () => b(c)
|
|
654
654
|
},
|
|
655
655
|
c
|
|
656
656
|
))
|
|
@@ -662,16 +662,16 @@ const be = "_dashboard_10t3c_4", C = {
|
|
|
662
662
|
/* @__PURE__ */ n(
|
|
663
663
|
"section",
|
|
664
664
|
{
|
|
665
|
-
className:
|
|
665
|
+
className: p(A["dashboard-card"], A["project-list"]),
|
|
666
666
|
"aria-label": "Projektliste",
|
|
667
667
|
children: [
|
|
668
|
-
/* @__PURE__ */ n("div", { className:
|
|
669
|
-
/* @__PURE__ */ e("h2", { className:
|
|
668
|
+
/* @__PURE__ */ n("div", { className: A["project-filters"], children: [
|
|
669
|
+
/* @__PURE__ */ e("h2", { className: A["dashboard-card__title"], children: j }),
|
|
670
670
|
/* @__PURE__ */ e(
|
|
671
671
|
"input",
|
|
672
672
|
{
|
|
673
673
|
type: "search",
|
|
674
|
-
className:
|
|
674
|
+
className: A["project-filters__search"],
|
|
675
675
|
"aria-label": "Projekte durchsuchen",
|
|
676
676
|
placeholder: "Suchen...",
|
|
677
677
|
value: m,
|
|
@@ -679,7 +679,7 @@ const be = "_dashboard_10t3c_4", C = {
|
|
|
679
679
|
}
|
|
680
680
|
)
|
|
681
681
|
] }),
|
|
682
|
-
/* @__PURE__ */ e(le, { rows:
|
|
682
|
+
/* @__PURE__ */ e(le, { rows: f, onToggleFavorite: y })
|
|
683
683
|
]
|
|
684
684
|
}
|
|
685
685
|
)
|
|
@@ -688,61 +688,61 @@ const be = "_dashboard_10t3c_4", C = {
|
|
|
688
688
|
);
|
|
689
689
|
}
|
|
690
690
|
);
|
|
691
|
-
|
|
692
|
-
const je = "
|
|
693
|
-
"task-item": "_task-
|
|
694
|
-
"task-item__content": "_task-
|
|
695
|
-
"task-item__title-group": "_task-item__title-
|
|
696
|
-
"task-item__title": "_task-
|
|
697
|
-
"task-item__meta": "_task-
|
|
698
|
-
"meta-user": "_meta-
|
|
699
|
-
"meta-project": "_meta-
|
|
700
|
-
"icon-sm": "_icon-
|
|
701
|
-
"task-item__deadline": "_task-
|
|
702
|
-
"deadline-urgent": "_deadline-
|
|
703
|
-
"deadline-normal": "_deadline-
|
|
704
|
-
"task-item__actions": "_task-
|
|
691
|
+
ye.displayName = "DashboardPage";
|
|
692
|
+
const je = "_icon_15khb_83", C = {
|
|
693
|
+
"task-item": "_task-item_15khb_4",
|
|
694
|
+
"task-item__content": "_task-item__content_15khb_25",
|
|
695
|
+
"task-item__title-group": "_task-item__title-group_15khb_32",
|
|
696
|
+
"task-item__title": "_task-item__title_15khb_32",
|
|
697
|
+
"task-item__meta": "_task-item__meta_15khb_52",
|
|
698
|
+
"meta-user": "_meta-user_15khb_64",
|
|
699
|
+
"meta-project": "_meta-project_15khb_70",
|
|
700
|
+
"icon-sm": "_icon-sm_15khb_83",
|
|
701
|
+
"task-item__deadline": "_task-item__deadline_15khb_88",
|
|
702
|
+
"deadline-urgent": "_deadline-urgent_15khb_97",
|
|
703
|
+
"deadline-normal": "_deadline-normal_15khb_102",
|
|
704
|
+
"task-item__actions": "_task-item__actions_15khb_107",
|
|
705
705
|
icon: je
|
|
706
|
-
},
|
|
706
|
+
}, xe = [
|
|
707
707
|
{ value: "Offen", label: "Offen" },
|
|
708
708
|
{ value: "In Arbeit", label: "In Arbeit" },
|
|
709
709
|
{ value: "Erledigt", label: "Erledigt" }
|
|
710
710
|
], re = w.forwardRef(
|
|
711
|
-
({ title:
|
|
712
|
-
const
|
|
711
|
+
({ title: t, project: l, projectLabel: r, status: o, deadline: i, deadlineType: _ = "normal", priority: u, assignees: b, description: m, onClick: g, onStatusChange: a, className: f, ...j }, y) => {
|
|
712
|
+
const v = (c) => {
|
|
713
713
|
(c.key === "Enter" || c.key === " ") && (c.preventDefault(), g?.());
|
|
714
|
-
},
|
|
714
|
+
}, k = (c) => {
|
|
715
715
|
c.stopPropagation();
|
|
716
716
|
};
|
|
717
717
|
return /* @__PURE__ */ n(
|
|
718
718
|
"article",
|
|
719
719
|
{
|
|
720
|
-
ref:
|
|
721
|
-
className:
|
|
720
|
+
ref: y,
|
|
721
|
+
className: p(C["task-item"], f),
|
|
722
722
|
role: "listitem",
|
|
723
723
|
tabIndex: 0,
|
|
724
724
|
onClick: g,
|
|
725
|
-
onKeyDown:
|
|
725
|
+
onKeyDown: v,
|
|
726
726
|
...j,
|
|
727
727
|
children: [
|
|
728
|
-
/* @__PURE__ */ n("div", { className:
|
|
729
|
-
/* @__PURE__ */ e("div", { className:
|
|
730
|
-
/* @__PURE__ */ n("div", { className:
|
|
731
|
-
|
|
732
|
-
/* @__PURE__ */ n("div", { className:
|
|
733
|
-
/* @__PURE__ */ e("svg", { className:
|
|
728
|
+
/* @__PURE__ */ n("div", { className: C["task-item__content"], children: [
|
|
729
|
+
/* @__PURE__ */ e("div", { className: C["task-item__title-group"], children: /* @__PURE__ */ e("h3", { className: C["task-item__title"], children: t }) }),
|
|
730
|
+
/* @__PURE__ */ n("div", { className: C["task-item__meta"], children: [
|
|
731
|
+
b.length > 0 && /* @__PURE__ */ e("div", { className: C["meta-user"], children: /* @__PURE__ */ e(W, { children: b.map((c, N) => /* @__PURE__ */ e(M, { initials: c.initials, name: c.name }, N)) }) }),
|
|
732
|
+
/* @__PURE__ */ n("div", { className: C["meta-project"], "aria-label": `Projekt: ${r || l}`, children: [
|
|
733
|
+
/* @__PURE__ */ e("svg", { className: C["icon-sm"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) }),
|
|
734
734
|
r || l
|
|
735
735
|
] }),
|
|
736
|
-
u && u !== "low" && /* @__PURE__ */ e(
|
|
736
|
+
u && u !== "low" && /* @__PURE__ */ e(H, { level: u, size: "small" })
|
|
737
737
|
] })
|
|
738
738
|
] }),
|
|
739
|
-
/* @__PURE__ */ e("div", { className:
|
|
740
|
-
/* @__PURE__ */ e("div", { className:
|
|
739
|
+
/* @__PURE__ */ e("div", { className: p(C["task-item__deadline"], C[`deadline-${_}`]), children: i }),
|
|
740
|
+
/* @__PURE__ */ e("div", { className: C["task-item__actions"], onClick: k, children: /* @__PURE__ */ e(
|
|
741
741
|
ne,
|
|
742
742
|
{
|
|
743
|
-
options:
|
|
743
|
+
options: xe,
|
|
744
744
|
value: o,
|
|
745
|
-
onChange:
|
|
745
|
+
onChange: a
|
|
746
746
|
}
|
|
747
747
|
) })
|
|
748
748
|
]
|
|
@@ -751,28 +751,28 @@ const je = "_icon_1ekm1_83", x = {
|
|
|
751
751
|
}
|
|
752
752
|
);
|
|
753
753
|
re.displayName = "TaskItem";
|
|
754
|
-
const
|
|
755
|
-
"modal-overlay": "_modal-
|
|
756
|
-
"is-active": "_is-
|
|
757
|
-
"modal-content": "_modal-
|
|
758
|
-
"modal-header": "_modal-
|
|
759
|
-
"modal-header-title": "_modal-header-
|
|
760
|
-
"modal-body": "_modal-
|
|
761
|
-
"modal-footer": "_modal-
|
|
762
|
-
"view-group": "_view-
|
|
763
|
-
"view-label": "_view-
|
|
764
|
-
"view-badge-row": "_view-badge-
|
|
765
|
-
"view-task-title": "_view-task-
|
|
766
|
-
"view-value-strong": "_view-value-
|
|
767
|
-
"view-description": "_view-
|
|
768
|
-
"text-muted": "_text-
|
|
769
|
-
"form-group": "_form-
|
|
770
|
-
"form-row": "_form-
|
|
771
|
-
"form-label": "_form-
|
|
772
|
-
"form-control": "_form-
|
|
773
|
-
textarea:
|
|
774
|
-
icon:
|
|
775
|
-
"icon-pencil": "_icon-
|
|
754
|
+
const Se = "_textarea_m18cx_191", Ae = "_icon_m18cx_197", s = {
|
|
755
|
+
"modal-overlay": "_modal-overlay_m18cx_4",
|
|
756
|
+
"is-active": "_is-active_m18cx_19",
|
|
757
|
+
"modal-content": "_modal-content_m18cx_25",
|
|
758
|
+
"modal-header": "_modal-header_m18cx_46",
|
|
759
|
+
"modal-header-title": "_modal-header-title_m18cx_55",
|
|
760
|
+
"modal-body": "_modal-body_m18cx_65",
|
|
761
|
+
"modal-footer": "_modal-footer_m18cx_84",
|
|
762
|
+
"view-group": "_view-group_m18cx_95",
|
|
763
|
+
"view-label": "_view-label_m18cx_101",
|
|
764
|
+
"view-badge-row": "_view-badge-row_m18cx_111",
|
|
765
|
+
"view-task-title": "_view-task-title_m18cx_118",
|
|
766
|
+
"view-value-strong": "_view-value-strong_m18cx_127",
|
|
767
|
+
"view-description": "_view-description_m18cx_134",
|
|
768
|
+
"text-muted": "_text-muted_m18cx_142",
|
|
769
|
+
"form-group": "_form-group_m18cx_148",
|
|
770
|
+
"form-row": "_form-row_m18cx_154",
|
|
771
|
+
"form-label": "_form-label_m18cx_160",
|
|
772
|
+
"form-control": "_form-control_m18cx_170",
|
|
773
|
+
textarea: Se,
|
|
774
|
+
icon: Ae,
|
|
775
|
+
"icon-pencil": "_icon-pencil_m18cx_207"
|
|
776
776
|
}, U = [
|
|
777
777
|
{ value: "Q1", label: "Q1 Roadmap" },
|
|
778
778
|
{ value: "FR", label: "Frontend Relaunch" },
|
|
@@ -782,50 +782,50 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
782
782
|
{ initials: "LV", name: "Luca Vitiello" },
|
|
783
783
|
{ initials: "AS", name: "Anna Schmidt" }
|
|
784
784
|
], ie = w.forwardRef(
|
|
785
|
-
({ isOpen:
|
|
786
|
-
const [m, g] =
|
|
787
|
-
if (
|
|
788
|
-
|
|
789
|
-
}, [
|
|
790
|
-
const d = (
|
|
791
|
-
|
|
785
|
+
({ isOpen: t, onClose: l, task: r, onSave: o, initialMode: i = "view", className: _, ...u }, b) => {
|
|
786
|
+
const [m, g] = z(i), [a, f] = z(null);
|
|
787
|
+
if (E(() => {
|
|
788
|
+
t && r && (f({ ...r, checklist: [...r.checklist] }), g(i));
|
|
789
|
+
}, [t, r, i]), E(() => {
|
|
790
|
+
const d = (x) => {
|
|
791
|
+
x.key === "Escape" && t && l();
|
|
792
792
|
};
|
|
793
793
|
return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
|
|
794
|
-
}, [
|
|
794
|
+
}, [t, l]), !t || !r || !a) return null;
|
|
795
795
|
const j = () => {
|
|
796
|
-
o && o(
|
|
797
|
-
},
|
|
796
|
+
o && o(a), g("view");
|
|
797
|
+
}, y = () => {
|
|
798
798
|
l();
|
|
799
|
-
},
|
|
800
|
-
|
|
801
|
-
},
|
|
802
|
-
const
|
|
803
|
-
|
|
804
|
-
...
|
|
799
|
+
}, v = (d) => {
|
|
800
|
+
f({ ...a, checklist: d });
|
|
801
|
+
}, k = (d) => {
|
|
802
|
+
const x = U.find((I) => I.value === d.target.value);
|
|
803
|
+
f({
|
|
804
|
+
...a,
|
|
805
805
|
project: d.target.value,
|
|
806
|
-
projectLabel:
|
|
806
|
+
projectLabel: x?.label || d.target.value
|
|
807
807
|
});
|
|
808
808
|
}, c = (d) => {
|
|
809
|
-
const
|
|
810
|
-
|
|
809
|
+
const x = Y.find((I) => I.initials.toLowerCase() === d.target.value);
|
|
810
|
+
x && f({ ...a, assignees: [x] });
|
|
811
811
|
}, N = () => {
|
|
812
812
|
const d = {
|
|
813
813
|
id: `check-${Date.now()}`,
|
|
814
814
|
text: "",
|
|
815
815
|
checked: !1
|
|
816
816
|
};
|
|
817
|
-
|
|
818
|
-
...
|
|
819
|
-
checklist: [...
|
|
817
|
+
f({
|
|
818
|
+
...a,
|
|
819
|
+
checklist: [...a.checklist, d]
|
|
820
820
|
});
|
|
821
821
|
}, h = (d) => {
|
|
822
|
-
d.target === d.currentTarget &&
|
|
822
|
+
d.target === d.currentTarget && y();
|
|
823
823
|
};
|
|
824
824
|
return /* @__PURE__ */ e(
|
|
825
825
|
"div",
|
|
826
826
|
{
|
|
827
|
-
ref:
|
|
828
|
-
className:
|
|
827
|
+
ref: b,
|
|
828
|
+
className: p(s["modal-overlay"], { [s["is-active"]]: t }, _),
|
|
829
829
|
onClick: h,
|
|
830
830
|
role: "dialog",
|
|
831
831
|
"aria-modal": "true",
|
|
@@ -834,45 +834,45 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
834
834
|
children: /* @__PURE__ */ n("div", { className: s["modal-content"], "data-mode": m, children: [
|
|
835
835
|
/* @__PURE__ */ n("header", { className: s["modal-header"], children: [
|
|
836
836
|
/* @__PURE__ */ e("h2", { className: s["modal-header-title"], id: "modalTitle", children: m === "edit" ? "Aufgabe bearbeiten" : "Aufgaben-Details" }),
|
|
837
|
-
/* @__PURE__ */ e(
|
|
837
|
+
/* @__PURE__ */ e(T, { variant: "ghost", onClick: y, "aria-label": "Schließen", children: /* @__PURE__ */ e("svg", { className: s.icon, viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
|
|
838
838
|
] }),
|
|
839
839
|
m === "view" ? /* @__PURE__ */ n("div", { className: s["modal-body"], children: [
|
|
840
840
|
/* @__PURE__ */ n("div", { className: s["view-group"], children: [
|
|
841
841
|
/* @__PURE__ */ e("span", { className: s["view-label"], children: "Titel" }),
|
|
842
|
-
/* @__PURE__ */ e("h3", { className: s["view-task-title"], children:
|
|
842
|
+
/* @__PURE__ */ e("h3", { className: s["view-task-title"], children: a.title })
|
|
843
843
|
] }),
|
|
844
844
|
/* @__PURE__ */ n("div", { className: s["view-badge-row"], children: [
|
|
845
845
|
/* @__PURE__ */ n("div", { className: s["view-group"], children: [
|
|
846
846
|
/* @__PURE__ */ e("span", { className: s["view-label"], children: "Verantwortlich" }),
|
|
847
|
-
|
|
847
|
+
a.assignees.length > 0 ? /* @__PURE__ */ e(W, { children: a.assignees.map((d, x) => /* @__PURE__ */ e(M, { initials: d.initials, name: d.name }, x)) }) : /* @__PURE__ */ e(M, { initials: "?", name: "Nicht zugewiesen" })
|
|
848
848
|
] }),
|
|
849
849
|
/* @__PURE__ */ n("div", { className: s["view-group"], children: [
|
|
850
850
|
/* @__PURE__ */ e("span", { className: s["view-label"], children: "Projekt" }),
|
|
851
|
-
/* @__PURE__ */ n(
|
|
851
|
+
/* @__PURE__ */ n(V, { children: [
|
|
852
852
|
/* @__PURE__ */ e("svg", { className: s["icon-sm"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) }),
|
|
853
|
-
|
|
853
|
+
a.projectLabel || a.project
|
|
854
854
|
] })
|
|
855
855
|
] }),
|
|
856
856
|
/* @__PURE__ */ n("div", { className: s["view-group"], children: [
|
|
857
857
|
/* @__PURE__ */ e("span", { className: s["view-label"], children: "Priorität" }),
|
|
858
|
-
|
|
858
|
+
a.priority ? /* @__PURE__ */ e(H, { level: a.priority, size: "large" }) : /* @__PURE__ */ e("div", { className: s["text-muted"], children: "Keine" })
|
|
859
859
|
] }),
|
|
860
860
|
/* @__PURE__ */ n("div", { className: s["view-group"], children: [
|
|
861
861
|
/* @__PURE__ */ e("span", { className: s["view-label"], children: "Status" }),
|
|
862
|
-
/* @__PURE__ */ e(
|
|
862
|
+
/* @__PURE__ */ e(V, { children: a.status })
|
|
863
863
|
] }),
|
|
864
864
|
/* @__PURE__ */ n("div", { className: s["view-group"], children: [
|
|
865
865
|
/* @__PURE__ */ e("span", { className: s["view-label"], children: "Fälligkeit" }),
|
|
866
|
-
/* @__PURE__ */ e("div", { className: s["view-value-strong"], children:
|
|
866
|
+
/* @__PURE__ */ e("div", { className: s["view-value-strong"], children: a.deadline })
|
|
867
867
|
] })
|
|
868
868
|
] }),
|
|
869
869
|
/* @__PURE__ */ n("div", { className: s["view-group"], children: [
|
|
870
870
|
/* @__PURE__ */ e("span", { className: s["view-label"], children: "Beschreibung" }),
|
|
871
|
-
/* @__PURE__ */ e("p", { className: s["view-description"], children:
|
|
871
|
+
/* @__PURE__ */ e("p", { className: s["view-description"], children: a.description || /* @__PURE__ */ e("span", { className: s["text-muted"], children: "Keine Beschreibung vorhanden." }) })
|
|
872
872
|
] }),
|
|
873
873
|
/* @__PURE__ */ n("div", { className: s["view-group"], children: [
|
|
874
874
|
/* @__PURE__ */ e("span", { className: s["view-label"], children: "To-Do Checkliste" }),
|
|
875
|
-
/* @__PURE__ */ e(
|
|
875
|
+
/* @__PURE__ */ e(G, { items: a.checklist, onChange: v, editable: !1 })
|
|
876
876
|
] })
|
|
877
877
|
] }) : /* @__PURE__ */ n("div", { className: s["modal-body"], children: [
|
|
878
878
|
/* @__PURE__ */ n("div", { className: s["form-group"], children: [
|
|
@@ -883,8 +883,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
883
883
|
type: "text",
|
|
884
884
|
id: "taskTitle",
|
|
885
885
|
className: s["form-control"],
|
|
886
|
-
value:
|
|
887
|
-
onChange: (d) =>
|
|
886
|
+
value: a.title,
|
|
887
|
+
onChange: (d) => f({ ...a, title: d.target.value })
|
|
888
888
|
}
|
|
889
889
|
)
|
|
890
890
|
] }),
|
|
@@ -896,8 +896,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
896
896
|
{
|
|
897
897
|
id: "taskProject",
|
|
898
898
|
className: s["form-control"],
|
|
899
|
-
value:
|
|
900
|
-
onChange:
|
|
899
|
+
value: a.project,
|
|
900
|
+
onChange: k,
|
|
901
901
|
children: U.map((d) => /* @__PURE__ */ e("option", { value: d.value, children: d.label }, d.value))
|
|
902
902
|
}
|
|
903
903
|
)
|
|
@@ -909,8 +909,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
909
909
|
{
|
|
910
910
|
id: "taskStatus",
|
|
911
911
|
className: s["form-control"],
|
|
912
|
-
value:
|
|
913
|
-
onChange: (d) =>
|
|
912
|
+
value: a.status,
|
|
913
|
+
onChange: (d) => f({ ...a, status: d.target.value }),
|
|
914
914
|
children: [
|
|
915
915
|
/* @__PURE__ */ e("option", { value: "Offen", children: "Offen" }),
|
|
916
916
|
/* @__PURE__ */ e("option", { value: "In Arbeit", children: "In Arbeit" }),
|
|
@@ -929,8 +929,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
929
929
|
type: "text",
|
|
930
930
|
id: "taskDate",
|
|
931
931
|
className: s["form-control"],
|
|
932
|
-
value:
|
|
933
|
-
onChange: (d) =>
|
|
932
|
+
value: a.deadline,
|
|
933
|
+
onChange: (d) => f({ ...a, deadline: d.target.value })
|
|
934
934
|
}
|
|
935
935
|
)
|
|
936
936
|
] }),
|
|
@@ -941,8 +941,8 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
941
941
|
{
|
|
942
942
|
id: "taskPriority",
|
|
943
943
|
className: s["form-control"],
|
|
944
|
-
value:
|
|
945
|
-
onChange: (d) =>
|
|
944
|
+
value: a.priority || "",
|
|
945
|
+
onChange: (d) => f({ ...a, priority: d.target.value || void 0 }),
|
|
946
946
|
children: [
|
|
947
947
|
/* @__PURE__ */ e("option", { value: "", children: "Keine" }),
|
|
948
948
|
/* @__PURE__ */ e("option", { value: "high", children: "Hoch (!!)" }),
|
|
@@ -956,14 +956,14 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
956
956
|
/* @__PURE__ */ n("div", { className: s["form-group"], children: [
|
|
957
957
|
/* @__PURE__ */ e("label", { className: s["form-label"], htmlFor: "taskAssignee", children: "Verantwortlich" }),
|
|
958
958
|
/* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
|
|
959
|
-
/* @__PURE__ */ e(
|
|
959
|
+
/* @__PURE__ */ e(M, { initials: a.assignees[0]?.initials || "?" }),
|
|
960
960
|
/* @__PURE__ */ e(
|
|
961
961
|
"select",
|
|
962
962
|
{
|
|
963
963
|
id: "taskAssignee",
|
|
964
964
|
className: s["form-control"],
|
|
965
965
|
style: { flex: 1 },
|
|
966
|
-
value:
|
|
966
|
+
value: a.assignees[0]?.initials.toLowerCase() || "",
|
|
967
967
|
onChange: c,
|
|
968
968
|
children: Y.map((d) => /* @__PURE__ */ e("option", { value: d.initials.toLowerCase(), children: d.name }, d.initials))
|
|
969
969
|
}
|
|
@@ -976,18 +976,18 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
976
976
|
"textarea",
|
|
977
977
|
{
|
|
978
978
|
id: "taskDescription",
|
|
979
|
-
className:
|
|
979
|
+
className: p(s["form-control"], s.textarea),
|
|
980
980
|
placeholder: "Weitere Details zur Aufgabe...",
|
|
981
|
-
value:
|
|
982
|
-
onChange: (d) =>
|
|
981
|
+
value: a.description || "",
|
|
982
|
+
onChange: (d) => f({ ...a, description: d.target.value })
|
|
983
983
|
}
|
|
984
984
|
)
|
|
985
985
|
] }),
|
|
986
986
|
/* @__PURE__ */ n("div", { className: s["form-group"], children: [
|
|
987
987
|
/* @__PURE__ */ e("label", { className: s["form-label"], children: "To-Do Checkliste" }),
|
|
988
|
-
/* @__PURE__ */ e(
|
|
988
|
+
/* @__PURE__ */ e(G, { items: a.checklist, onChange: v, editable: !0 }),
|
|
989
989
|
/* @__PURE__ */ e(
|
|
990
|
-
|
|
990
|
+
T,
|
|
991
991
|
{
|
|
992
992
|
variant: "ghost",
|
|
993
993
|
onClick: N,
|
|
@@ -998,14 +998,14 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
998
998
|
] })
|
|
999
999
|
] }),
|
|
1000
1000
|
m === "view" ? /* @__PURE__ */ n("footer", { className: s["modal-footer"], children: [
|
|
1001
|
-
/* @__PURE__ */ e(
|
|
1002
|
-
/* @__PURE__ */ n(
|
|
1001
|
+
/* @__PURE__ */ e(T, { variant: "outline", onClick: y, children: "Schließen" }),
|
|
1002
|
+
/* @__PURE__ */ n(T, { variant: "primary", onClick: () => g("edit"), children: [
|
|
1003
1003
|
/* @__PURE__ */ e("svg", { className: s["icon-pencil"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" }) }),
|
|
1004
1004
|
"Bearbeiten"
|
|
1005
1005
|
] })
|
|
1006
1006
|
] }) : /* @__PURE__ */ n("footer", { className: s["modal-footer"], children: [
|
|
1007
|
-
/* @__PURE__ */ e(
|
|
1008
|
-
/* @__PURE__ */ e(
|
|
1007
|
+
/* @__PURE__ */ e(T, { variant: "outline", onClick: () => g("view"), children: "Abbrechen" }),
|
|
1008
|
+
/* @__PURE__ */ e(T, { variant: "primary", onClick: j, children: "Speichern" })
|
|
1009
1009
|
] })
|
|
1010
1010
|
] })
|
|
1011
1011
|
}
|
|
@@ -1013,18 +1013,18 @@ const Ae = "_textarea_sth7y_196", Ce = "_icon_sth7y_203", s = {
|
|
|
1013
1013
|
}
|
|
1014
1014
|
);
|
|
1015
1015
|
ie.displayName = "TaskDetailModal";
|
|
1016
|
-
const
|
|
1017
|
-
"widget-card": "_widget-
|
|
1018
|
-
"widget-header": "_widget-
|
|
1019
|
-
"widget-header__title": "_widget-
|
|
1020
|
-
"task-list": "_task-
|
|
1021
|
-
icon:
|
|
1022
|
-
"icon-sm": "_icon-
|
|
1023
|
-
},
|
|
1024
|
-
({ tasks:
|
|
1025
|
-
const [u,
|
|
1026
|
-
|
|
1027
|
-
},
|
|
1016
|
+
const Ce = "_icon_gqjal_64", D = {
|
|
1017
|
+
"widget-card": "_widget-card_gqjal_4",
|
|
1018
|
+
"widget-header": "_widget-header_gqjal_20",
|
|
1019
|
+
"widget-header__title": "_widget-header__title_gqjal_30",
|
|
1020
|
+
"task-list": "_task-list_gqjal_41",
|
|
1021
|
+
icon: Ce,
|
|
1022
|
+
"icon-sm": "_icon-sm_gqjal_74"
|
|
1023
|
+
}, ze = w.forwardRef(
|
|
1024
|
+
({ tasks: t, onTaskUpdate: l, onTaskAdd: r, className: o, ...i }, _) => {
|
|
1025
|
+
const [u, b] = z(t), [m, g] = z(!1), [a, f] = z(null), [j, y] = z("view"), v = (h) => {
|
|
1026
|
+
f(h), y("view"), g(!0);
|
|
1027
|
+
}, k = () => {
|
|
1028
1028
|
const h = {
|
|
1029
1029
|
id: `new-${Date.now()}`,
|
|
1030
1030
|
title: "Neue Aufgabe",
|
|
@@ -1037,39 +1037,39 @@ const xe = "_icon_1fdjp_65", R = {
|
|
|
1037
1037
|
description: "",
|
|
1038
1038
|
checklist: []
|
|
1039
1039
|
};
|
|
1040
|
-
|
|
1040
|
+
f(h), y("edit"), g(!0);
|
|
1041
1041
|
}, c = (h) => {
|
|
1042
|
-
if (u.some((
|
|
1043
|
-
const
|
|
1044
|
-
|
|
1042
|
+
if (u.some((x) => x.id === h.id)) {
|
|
1043
|
+
const x = u.map((I) => I.id === h.id ? h : I);
|
|
1044
|
+
b(x), l && l(h);
|
|
1045
1045
|
} else
|
|
1046
|
-
|
|
1047
|
-
|
|
1046
|
+
b([...u, h]), r && r(h);
|
|
1047
|
+
f(h);
|
|
1048
1048
|
}, N = (h, d) => {
|
|
1049
|
-
const
|
|
1050
|
-
if (
|
|
1051
|
-
const
|
|
1052
|
-
return l && l(
|
|
1049
|
+
const x = u.map((I) => {
|
|
1050
|
+
if (I.id === h) {
|
|
1051
|
+
const K = { ...I, status: d };
|
|
1052
|
+
return l && l(K), K;
|
|
1053
1053
|
}
|
|
1054
|
-
return
|
|
1054
|
+
return I;
|
|
1055
1055
|
});
|
|
1056
|
-
|
|
1056
|
+
b(x);
|
|
1057
1057
|
};
|
|
1058
1058
|
return /* @__PURE__ */ n(
|
|
1059
1059
|
"main",
|
|
1060
1060
|
{
|
|
1061
1061
|
ref: _,
|
|
1062
|
-
className:
|
|
1062
|
+
className: p(D["widget-card"], o),
|
|
1063
1063
|
...i,
|
|
1064
1064
|
children: [
|
|
1065
|
-
/* @__PURE__ */ n("header", { className:
|
|
1066
|
-
/* @__PURE__ */ e("h2", { className:
|
|
1067
|
-
/* @__PURE__ */ n(
|
|
1068
|
-
/* @__PURE__ */ e("svg", { className:
|
|
1065
|
+
/* @__PURE__ */ n("header", { className: D["widget-header"], children: [
|
|
1066
|
+
/* @__PURE__ */ e("h2", { className: D["widget-header__title"], children: "Aufgaben" }),
|
|
1067
|
+
/* @__PURE__ */ n(T, { variant: "primary", onClick: k, "aria-label": "Neue Aufgabe erstellen", children: [
|
|
1068
|
+
/* @__PURE__ */ e("svg", { className: p(D.icon, D["icon-sm"]), viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14" }) }),
|
|
1069
1069
|
"Neu"
|
|
1070
1070
|
] })
|
|
1071
1071
|
] }),
|
|
1072
|
-
/* @__PURE__ */ e("div", { className:
|
|
1072
|
+
/* @__PURE__ */ e("div", { className: D["task-list"], role: "list", "aria-label": "Aufgabenliste", children: u.map((h) => /* @__PURE__ */ e(
|
|
1073
1073
|
re,
|
|
1074
1074
|
{
|
|
1075
1075
|
title: h.title,
|
|
@@ -1081,7 +1081,7 @@ const xe = "_icon_1fdjp_65", R = {
|
|
|
1081
1081
|
priority: h.priority,
|
|
1082
1082
|
assignees: h.assignees,
|
|
1083
1083
|
description: h.description,
|
|
1084
|
-
onClick: () =>
|
|
1084
|
+
onClick: () => v(h),
|
|
1085
1085
|
onStatusChange: (d) => N(h.id, d)
|
|
1086
1086
|
},
|
|
1087
1087
|
h.id
|
|
@@ -1091,7 +1091,7 @@ const xe = "_icon_1fdjp_65", R = {
|
|
|
1091
1091
|
{
|
|
1092
1092
|
isOpen: m,
|
|
1093
1093
|
onClose: () => g(!1),
|
|
1094
|
-
task:
|
|
1094
|
+
task: a,
|
|
1095
1095
|
initialMode: j,
|
|
1096
1096
|
onSave: c
|
|
1097
1097
|
}
|
|
@@ -1101,22 +1101,22 @@ const xe = "_icon_1fdjp_65", R = {
|
|
|
1101
1101
|
);
|
|
1102
1102
|
}
|
|
1103
1103
|
);
|
|
1104
|
-
|
|
1104
|
+
ze.displayName = "TaskWidget";
|
|
1105
1105
|
export {
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1106
|
+
M as Avatar,
|
|
1107
|
+
W as AvatarGroup,
|
|
1108
|
+
V as Badge,
|
|
1109
|
+
T as Button,
|
|
1110
|
+
G as Checklist,
|
|
1111
|
+
ye as DashboardPage,
|
|
1112
|
+
ae as FavoriteButton,
|
|
1113
|
+
H as PriorityBadge,
|
|
1114
1114
|
le as ProjectTable,
|
|
1115
1115
|
ee as StatusBadge,
|
|
1116
1116
|
se as StatusChart,
|
|
1117
1117
|
ne as StatusDropdown,
|
|
1118
|
-
|
|
1118
|
+
te as StatusLegendItem,
|
|
1119
1119
|
ie as TaskDetailModal,
|
|
1120
1120
|
re as TaskItem,
|
|
1121
|
-
|
|
1121
|
+
ze as TaskWidget
|
|
1122
1122
|
};
|