lx-annotate 0.3.0__tar.gz → 0.3.2__tar.gz

{lx_annotate-0.3.0 → lx_annotate-0.3.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: lx-annotate
-Version: 0.3.0
+Version: 0.3.2
 Summary: This webapp provides a frontend interface for pseudonymizing and annotating data and applying AI predictions.
 Author-email: Max Hild <maxhild10@gmail.com>, "Thomas J. Lux" <lux_t1@ukw.de>
 Maintainer: Hamza Zahid, Peter Kowalczyk
@@ -31,7 +31,7 @@ Requires-Dist: django-webpack-loader>=0.7.0
 Requires-Dist: django==6.0.3
 Requires-Dist: djangorestframework>=3.12.4
 Requires-Dist: drf-spectacular>=0.28.0
-Requires-Dist: endoreg-db==0.9.5.7
+Requires-Dist: endoreg-db==0.9.6.0
 Requires-Dist: gunicorn>=23.0.0
 Requires-Dist: lx-dtypes==0.1.4
 Requires-Dist: mozilla-django-oidc>=4.0.1

{lx_annotate-0.3.0 → lx_annotate-0.3.2}/pyproject.toml

@@ -5,7 +5,7 @@ build-backend = "hatchling.build"
 [project]
 name = "lx-annotate"
 
-version = "0.3.0"
+version = "0.3.2"
 description = "This webapp provides a frontend interface for pseudonymizing and annotating data and applying AI predictions."
 authors = [
     { name = "Max Hild", email = "maxhild10@gmail.com"},
@@ -61,7 +61,7 @@ dependencies = [
     "types-requests>=2.32.4.20250913",
     "black>=25.12.0",
     "mypy>=1.18.2",
-    "endoreg-db==0.9.5.7",
+    "endoreg-db==0.9.6.0",
     "pydantic-settings>=2.12.0",
     "pydantic>=2.12.5",
     "sops>=1.18",

lx_annotate-0.3.2/staticfiles/VideoExamination.css

@@ -0,0 +1 @@
+.video-container[data-v-0a35a215]{position:relative;background:#000;border-radius:8px;overflow:hidden;z-index:100}:fullscreen .label-overlay[data-v-0a35a215]{display:flex!important;z-index:2147483647}.fullscreen-toggle[data-v-0a35a215]{position:absolute;top:8px;right:8px;z-index:6;border:none;border-radius:999px;padding:6px 10px;background:#0009;color:#fff;cursor:pointer}.fullscreen-toggle[data-v-0a35a215]:hover{background:#000000bf}.simple-timeline-track[data-v-0a35a215]{position:relative;height:20px;background:#e9ecef;border-radius:10px;cursor:pointer;overflow:hidden}.progress-bar[data-v-0a35a215]{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:10px;transition:width .1s ease}.examination-marker[data-v-0a35a215]{position:absolute;top:0;width:3px;height:100%;background:#dc3545;cursor:pointer;z-index:2}.examination-marker[data-v-0a35a215]:hover{background:#c82333;width:5px}.timeline-wrapper[data-v-0a35a215]{border:1px solid #dee2e6;border-radius:8px;padding:15px;background:#f8f9fa}.timeline-controls[data-v-0a35a215]{border-top:1px solid #dee2e6;padding-top:15px}.control-select[data-v-0a35a215]{min-width:180px}.control-button[data-v-0a35a215]{min-width:140px}.list-group-item[data-v-0a35a215]{border:none;border-bottom:1px solid #dee2e6}.list-group-item[data-v-0a35a215]:last-child{border-bottom:none}.video-status-card[data-v-0a35a215]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff}.status-badge-container[data-v-0a35a215]{display:flex;flex-wrap:wrap;gap:.5rem}.status-badge-container .badge[data-v-0a35a215]{font-size:.75rem;padding:.375rem .75rem;border-radius:.375rem}.video-dropdown-option[data-v-0a35a215]{font-family:Segoe UI,system-ui,sans-serif}.video-dropdown[data-v-0a35a215]{position:relative}.video-dropdown-trigger[data-v-0a35a215]{width:100%;min-height:42px;border:1px solid #ced4da;border-radius:.375rem;background:#fff;color:#212529;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;text-align:left}.video-dropdown-trigger[data-v-0a35a215]:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.video-dropdown-trigger-text[data-v-0a35a215]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-dropdown-menu[data-v-0a35a215]{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:2000;max-height:320px;overflow-y:auto;border:1px solid #ced4da;border-radius:.5rem;background:#fff;box-shadow:0 10px 24px #0000001f}.video-dropdown-item[data-v-0a35a215]{width:100%;border:none;background:transparent;padding:.6rem .75rem;text-align:left;border-bottom:1px solid #eef1f4}.video-dropdown-item[data-v-0a35a215]:last-child{border-bottom:none}.video-dropdown-item[data-v-0a35a215]:hover:not(:disabled){background:#f8f9fa}.video-dropdown-item[data-v-0a35a215]:disabled{opacity:.7;cursor:not-allowed}.video-dropdown-main[data-v-0a35a215]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.video-dropdown-title[data-v-0a35a215]{font-weight:600}.video-dropdown-status-badge[data-v-0a35a215]{font-size:.72rem;border-radius:999px;padding:.15rem .5rem;white-space:nowrap}.badge-validated[data-v-0a35a215]{background:#d1e7dd;color:#0f5132}.badge-pending[data-v-0a35a215]{background:#fff3cd;color:#664d03}.video-dropdown-meta[data-v-0a35a215]{font-size:.78rem;color:#5f6b76;display:flex;flex-wrap:wrap;gap:.25rem}.video-dropdown-item-selected[data-v-0a35a215]{background:#e7f1ff}.video-dropdown-item-validated[data-v-0a35a215]{border-left:4px solid #198754}.video-dropdown-item-pending[data-v-0a35a215]{border-left:4px solid #ffc107}.validation-status-alert[data-v-0a35a215]{border-left:4px solid #28a745;background:linear-gradient(135deg,#d4edda,#c3e6cb)}.validation-status-alert .ni[data-v-0a35a215]{opacity:.8}.validation-action-button[data-v-0a35a215]{font-size:.9rem;font-weight:600;padding:.45rem 1rem;border-radius:999px;border:1px solid #1f7a3a;background:linear-gradient(135deg,#32b55b,#239245);color:#fff;box-shadow:0 4px 10px #23924540}.validation-action-button[data-v-0a35a215]:hover{background:linear-gradient(135deg,#2ca650,#1f7a3a);color:#fff}.validation-action-button[data-v-0a35a215]:focus{box-shadow:0 0 0 .2rem #2392454d}.validation-action-button-clicked[data-v-0a35a215]{border-color:#0f5a2b;background:linear-gradient(135deg,#248649,#176b37);box-shadow:0 0 0 .2rem #24864947}.validation-action-icon[data-v-0a35a215]{font-size:18px}.validation-click-indicator[data-v-0a35a215]{border:1px solid #d5dbe3}.validation-click-indicator-active[data-v-0a35a215]{background:linear-gradient(135deg,#e4f7eb,#d2f0dd);border-color:#2e9e55;color:#165b33}.validation-click-indicator-muted[data-v-0a35a215]{background:#f8f9fa;color:#495057}.label-overlay[data-v-0a35a215]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;z-index:2147483647}.label-overlay-card[data-v-0a35a215]{background:#fff;border-radius:10px;padding:12px;min-width:260px;max-width:70%;box-shadow:0 8px 24px #00000040}.label-overlay-header[data-v-0a35a215]{display:flex;align-items:center;justify-content:space-between;font-weight:600;margin-bottom:4px}.label-overlay-close[data-v-0a35a215]{border:none;background:transparent;font-size:18px;line-height:1;cursor:pointer}.label-overlay-hint[data-v-0a35a215]{font-size:.8rem;color:#6c757d;margin-bottom:8px}.label-overlay-list[data-v-0a35a215]{display:grid;gap:6px;max-height:45vh;overflow:auto}.label-overlay-item[data-v-0a35a215]{width:100%;text-align:left;padding:8px 10px;border-radius:6px;border:1px solid #dee2e6;background:#f8f9fa;cursor:pointer}.label-overlay-item.active[data-v-0a35a215]{border-color:#0d6efd;background:#e7f1ff}.shortcuts-details[data-v-0a35a215]{display:inline-block}.shortcuts-toggle[data-v-0a35a215]{list-style:none;display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 6px;border:1px solid #dee2e6;border-radius:999px;background:#f8f9fa;cursor:pointer;user-select:none}.shortcuts-toggle[data-v-0a35a215]::-webkit-details-marker{display:none}.shortcuts-icon[data-v-0a35a215]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#0d6efd;color:#fff;font-weight:700;font-size:12px;line-height:1}.shortcuts-body[data-v-0a35a215]{margin-top:6px;padding:6px 10px;border:1px dashed #dee2e6;border-radius:6px;background:#fff}

lx_annotate-0.3.2/staticfiles/VideoExamination.js

@@ -0,0 +1 @@
+import{d as Ge,m as Ot,n as Wt,L as pe,c as h,D as Zt,b as m,w as le,y as Gt,M as Ht,v as Xt,o as i,f as o,g as n,k as g,t as d,i as c,s as E,F as Y,h as J,N as Yt,j as v,l as ye,z as je,A as qe,H as Oe,q as Jt,a as R,r as U,e as We,_ as Qt}from"./main.js";import{u as en,f as k,g as j}from"./videoStore.js";import{u as tn}from"./mediaTypeStore.js";import{T as nn}from"./Timeline.js";import{a as Ze}from"./mediaUrls.js";import"./timeHelpers.js";const an={class:"container-fluid py-4"},sn={key:0,class:"alert alert-danger alert-dismissible fade show",role:"alert"},ln={key:1,class:"alert alert-success alert-dismissible fade show",role:"alert"},on={class:"row"},rn={class:"col-lg-12"},dn={class:"card"},un={class:"card-body"},cn={class:"mb-3"},mn=["disabled","aria-expanded"],vn={class:"video-dropdown-trigger-text"},gn={key:0,class:"video-dropdown-menu",role:"listbox"},fn=["onClick"],bn={class:"video-dropdown-main"},pn={class:"video-dropdown-title"},yn={class:"video-dropdown-meta"},hn={key:0,class:"text-muted"},Sn={key:1,class:"mt-2"},wn={class:"d-flex flex-wrap gap-2 align-items-center"},kn={class:"badge bg-success"},Vn={class:"badge bg-primary"},_n={class:"badge bg-secondary"},xn={class:"fw-semibold"},Cn={key:1,class:"text-center text-muted py-5"},Ln={key:0,class:"alert alert-info mt-2"},En={class:"d-flex align-items-center justify-content-center"},Dn={class:"text-start"},Tn={key:2,class:"text-center text-muted py-5"},zn={class:"mt-2"},$n=["title"],Mn=["src"],An={class:"label-overlay-card"},Fn={class:"label-overlay-list"},Nn=["onClick"],Pn={key:1,class:"mt-3 p-3 rounded border video-status-card"},In={class:"row align-items-center"},Bn={class:"col-md-8"},Kn={class:"mb-1"},Rn={class:"status-badge-container mb-2"},Un={key:0,class:"badge bg-info"},jn={key:1,class:"badge bg-warning"},qn={class:"col-md-4 text-md-end"},On={class:"text-muted d-block"},Wn={class:"text-muted d-block"},Zn={key:4,class:""},Gn=["disabled"],Hn={key:5,class:"timeline-wrapper mt-3"},Xn={key:0,class:"mt-3 d-flex gap-2"},Yn=["disabled"],Jn=["disabled"],Qn=["disabled"],ea=["title"],ta={key:1,class:"timeline-controls mt-4"},na={class:"d-flex align-items-center gap-3"},aa={key:0,class:"alert alert-warning py-2 px-3 mb-0"},sa={class:"d-flex align-items-center"},la=["value"],ia={class:"d-flex align-items-center gap-2"},oa=["disabled"],ra={class:"ms-3 text-muted"},da={key:0,class:"mb-0"},ua={key:0,class:"alert alert-info mt-2 mb-0"},ca={key:0},ma={key:1},va={key:0,class:"mt-3"},ga={key:0,class:"alert alert-success d-flex align-items-center validation-status-alert"},fa={class:"validation-status-body"},ba={class:"mb-1"},pa={class:"text-muted"},ya={key:0},ha={key:1},Sa={key:1,class:"d-flex justify-content-center"},wa=["disabled"],ka={key:2,class:"text-muted text-center mt-2 mb-0",style:{"font-size":"0.9rem"}},Va={class:"col-lg-12"},_a={class:"card"},xa={class:"card-header pb-0"},Ca={key:0,class:"text-muted"},La={key:1,class:"mt-2"},Ea={class:"alert alert-info alert-sm mb-0"},Da={class:"card-body"},Ta={class:"text-center text-muted py-5 px-3"},za={key:0,class:"card mt-3"},$a={class:"card-body","data-cy":"saved-examinations"},Ma={class:"list-group list-group-flush"},Aa={class:"text-muted"},Fa=["onClick"],Na=["onClick"],Pa=Ge({__name:"VideoExaminationAnnotation",setup(He){const q=Ot(),ie=Wt(),Xe=Number(q.query.video??"")||null,r=en(),he=tn(),{videoList:oe,videoStreamUrl:Se,timelineSegments:Ka}=pe(r),we=h(()=>oe.value.videos),{allSegments:re}=pe(r),ke=Zt(),{overview:I}=pe(ke),Q=h(()=>[...r.labels||[]]);function Ve(t){const e=I.value.find(l=>l.id===t&&l.mediaType==="video");return e?.anonymizationStatus==="done_processing_anonymization"||e?.anonymizationStatus==="validated"}function ee(t){return!!oe.value.videos.find(l=>l.id===t)?.segmentAnnotationsValidated}const s=m(Xe),V=m(0),p=m(0),Ye=h(()=>r.effectiveFps),te=m(!1),B=m([]),$=m([]),O=m(null),S=m(""),M=m(!1),D=m(!1),Je=m(0),W=m(null),_e=m(!0),Z=m(null),y=m("manual"),ne=m(!1),xe=m(null),G=m(null),K=m(""),ae=m(""),de=m(!1),f=m(null),ue=m(null),Ce=m(null),ce=m(null),me=m(null),N=m(!1),H=m({}),Qe=h(()=>re.value.some(t=>t.isDirty&&t.videoID===s.value&&(y.value==="all"||t.segmentOrigin===y.value)));async function Le(){if(s.value==null){r.clearVideo(),xe.value=null,G.value=null;return}if(!Ve(s.value)){b(`Video ${s.value} kann nicht annotiert werden, da es noch nicht anonymisiert wurde.`),s.value=null;return}ve(),ge();try{await r.loadVideo(s.value),await vt(s.value),await C(gt()),await C(ft()),console.log("Video fully loaded:",s.value)}catch(t){console.error("loadSelectedVideo failed",t),await C(Promise.reject(t))}}function et(){ie.replace({query:{video:s.value}})}function tt(){P.value&&(N.value=!N.value,N.value&&Te(w.value.map(t=>t.id)))}function Ee(){N.value=!1}function nt(t){w.value.find(l=>l.id===t)&&(s.value=t,et(),Ee())}function at(){s.value!==null&&ie.push({query:{...q.query,video:String(s.value),editSegments:"1"}})}const De=t=>{const e=t.target;e instanceof Node&&me.value&&(me.value.contains(e)||Ee())},st=t=>{if(!t)return null;const e=t.trim();if(!e)return null;const l=new Date(e);if(!Number.isNaN(l.getTime()))return l;const a=e.match(/^(\d{1,2})\.(\d{1,2})\.(\d{4})$/);if(a){const[,u,L,se]=a,be=new Date(Number(se),Number(L)-1,Number(u));if(!Number.isNaN(be.getTime()))return be}return null},lt=t=>{const e=st(t);if(!e)return null;const l=new Date;let a=l.getFullYear()-e.getFullYear();const u=l.getMonth()-e.getMonth();return(u<0||u===0&&l.getDate()<e.getDate())&&(a-=1),a>=0?a:null},it=t=>{if(!t)return"Unbekannt";const e=t.toLowerCase();return e==="male"||e==="männlich"?"Männlich":e==="female"||e==="weiblich"?"Weiblich":e==="diverse"?"Divers":t},ot=t=>it(H.value[t]?.patient_gender_name),rt=t=>{const e=lt(H.value[t]?.patient_dob);return e==null?"Unbekannt":`${e} J.`},Te=async t=>{const e=t.filter(u=>!(u in H.value));if(e.length===0)return;const l=await Promise.all(e.map(async u=>{try{const{data:L}=await R.get(U(`media/videos/${u}/sensitive-metadata/`));return{id:u,data:L}}catch{return{id:u,data:{patient_dob:null,patient_gender_name:null}}}})),a={...H.value};l.forEach(({id:u,data:L})=>{a[u]={patient_dob:L?.patient_dob??null,patient_gender_name:L?.patient_gender_name??null}}),H.value=a},w=h(()=>oe.value.videos.filter(t=>Ve(t.id))),dt=h(()=>w.value.filter(t=>!ee(t.id))),ut=h(()=>w.value.filter(t=>!t.segmentAnnotationsValidated)),ze=h(()=>{if(s.value!=null)return w.value.find(t=>t.id===s.value)}),T=h(()=>s.value!=null&&ee(s.value)),ct=h(()=>q.query.editSegments==="1"),A=h(()=>!T.value||ct.value),mt=h(()=>{if(!w.value.length)return"Keine Videos verfügbar";if(s.value==null)return"Bitte Video auswählen...";const t=w.value.find(e=>e.id===s.value);return t?t.original_file_name||`Video Nr. ${t.id}`:`Video ${s.value}`});le(w,t=>{t.length&&Te(t.map(e=>e.id))},{immediate:!0});const F=h(()=>{if(s.value)return Ze(s.value,"processed")}),P=h(()=>w.value&&w.value.length>0),$e=h(()=>we.value.length===0?"Keine Videos verfügbar. Bitte laden Sie zuerst Videos hoch.":w.value.length===0?"Keine anonymisierten Videos verfügbar. Videos müssen erst anonymisiert werden.":""),_=h(()=>s.value?re.value.filter(t=>t.videoID===s.value):[]),Me=h(()=>s.value&&F.value&&S.value&&!D.value&&p.value>0&&A.value);Gt(async()=>{console.log("🚀 [VideoExamination] Component mounted - loading data in priority order..."),_e.value=!0;try{await r.fetchLabels(),console.log(`✅ [VideoExamination] Labels loaded: ${r.labels.length}`),await ke.fetchOverview(),console.log(`✅ [VideoExamination] Anonymization status loaded: ${I.value.length} items`),await r.fetchAllVideos(),console.log(`✅ [VideoExamination] Videos loaded: ${r.videoList.videos.length}`),console.log(`✅ [VideoExamination] Annotatable videos: ${dt.value.length}`),s.value!==null&&(r.setCurrentVideo(s.value),await Le(),await z())}catch(t){console.error("❌ [VideoExamination] Error during initial load:",t),b("Fehler beim Laden der Daten. Bitte Seite neu laden.")}finally{_e.value=!1}document.addEventListener("keydown",Pe),document.addEventListener("click",De),document.addEventListener("fullscreenchange",Fe)}),Ht(()=>{document.removeEventListener("keydown",Pe),document.removeEventListener("click",De),document.removeEventListener("fullscreenchange",Fe)});async function C(t){try{return await t}catch(e){const l=e?.response?.data?.detail||e?.response?.data?.error||e?.message||String(e);K.value=l;return}}le(Se,t=>{console.log("Video stream URL updated:",t)});const ve=()=>{K.value=""},ge=()=>{ae.value=""},x=t=>{ae.value=t,setTimeout(()=>{ge()},5e3)},b=t=>{K.value=t,setTimeout(()=>{ve()},1e4)},vt=async t=>{if(t)try{console.log("Loading video detail for ID:",t);const e=await R.get(U(We.media.videoDetail(t)));console.log("Video detail response:",e.data),xe.value={},G.value={duration:Number(e.data.duration??0)};const l=w.value.find(a=>a.id===t);l&&(he.rememberType(t,"video","video"),he.setCurrentItem({...l,id:t,scope:"video",mediaType:"video",filename:l.original_file_name,processedStreamUrl:Ze(t,"processed")}),console.log("MediaStore updated with video:",t)),G.value.duration>0&&(p.value=G.value.duration),console.log("Video meta loaded:",G.value),console.log("Stream source will be:",F.value)}catch(e){console.error("Error loading video detail:",e),await C(Promise.reject(e))}},gt=async()=>{if(s.value!==null)try{const t=await R.get(U(`video/${s.value}/examinations/`));$.value=t.data,B.value=t.data.map(e=>({id:`exam-${e.id}`,timestamp:e.timestamp,examination_data:e.data}))}catch(t){console.error("Error loading saved examinations:",t);const e=t?.response?.data?.error||t?.response?.data?.detail||t?.message||t.toString();e.includes("darf nicht annotiert werden")||e.includes("anonymisierung")||e.includes("anonymization")?b(`Video ${s.value} darf nicht annotiert werden, solange die Anonymisierung nicht abgeschlossen ist.`):t?.response?.status!==404&&await C(Promise.reject(t)),$.value=[],B.value=[]}},ft=async()=>{f.value&&await new Promise(t=>{const e=f.value;e.readyState>=1?(p.value=e.duration,t()):e.addEventListener("loadedmetadata",()=>{p.value=e.duration,t()},{once:!0})})};async function z(){if(s.value!==null)try{await r.fetchAllSegments(s.value,!0,{sourceKind:y.value}),console.log("Video segments loaded for video:",s.value),console.log("Timeline segments count:",re.value.length)}catch(t){console.error("Error loading video segments:",t)}}const bt=async()=>{W.value=null,await z()},pt=()=>{f.value&&(p.value=f.value.duration,f.value.addEventListener("play",()=>{te.value=!0}),f.value.addEventListener("pause",()=>{te.value=!1}),f.value.addEventListener("ended",()=>{te.value=!1}),console.log("🎥 Video loaded - Frontend"),console.log(`- Video source URL: ${F.value}`),console.log(`- Legacy stream URL: ${Se.value}`),console.log(`- Video readyState: ${f.value.readyState}`),console.log(`- Video networkState: ${f.value.networkState}`),f.value.videoWidth&&f.value.videoHeight&&console.log(`- Video dimensions: ${f.value.videoWidth}x${f.value.videoHeight}`),p.value<10?console.warn(`⚠️ WARNING: Video duration seems very short (${p.value}s)`):x(`Video geladen: ${Math.round(p.value)}s Dauer`))},yt=()=>{f.value&&(V.value=f.value.currentTime)},ht=t=>{if(!ce.value||p.value===0)return;const e=ce.value.getBoundingClientRect(),u=(t.clientX-e.left)/e.width*p.value;fe(u)},St=(...t)=>{const[e]=t;fe(e)},wt=(...t)=>{f.value&&(f.value.paused?f.value.play().catch(e=>{console.error("Error playing video:",e),b("Fehler beim Abspielen des Videos")}):f.value.pause())},kt=(...t)=>{const[e]=t;W.value=e,console.log("Segment selected:",e)},Vt=(...t)=>{if(T.value)return;const[e,l,a,u,L]=t;if(!Number.isFinite(e)){console.warn("[VideoExamination] Invalid segment ID for resize:",e);return}e<0?(r.patchDraftSegment(e,{startTime:l,endTime:a}),r.commitDraft()):r.patchSegmentLocally(e,{startTime:l,endTime:a})},_t=(...t)=>{if(T.value)return;const[e,l,a,u]=t;if(!Number.isFinite(e)){console.warn("[VideoExamination] Invalid segment ID for move:",e);return}e<0?r.patchDraftSegment(e,{startTime:l,endTime:a}):r.patchSegmentLocally(e,{startTime:l,endTime:a})},xt=(...t)=>{if(T.value)return;const[e]=t;S.value&&s.value?(console.log(`Creating segment from time selection: ${k(e.start)} - ${k(e.end)} with label: ${S.value}`),Ae({label:S.value,start:e.start,end:e.end})):(console.warn("Cannot create segment: no label selected or no video selected"),b("Bitte wählen Sie ein Label aus, bevor Sie ein Segment erstellen."))},Ae=(...t)=>{const[e]=t;return new Promise(async(l,a)=>{try{if(T.value){b("Dieses Video ist bereits validiert und wird schreibgeschützt angezeigt."),l();return}if(y.value==="prediction"){b("Neue Segmente bitte erst nach dem Übernehmen in die manuellen Annotationen anlegen."),l();return}s.value&&(await r.createSegment?.(s.value,e.label,e.start,e.end),x(`Segment erstellt: ${j(e.label)}`)),l()}catch(u){await C(Promise.reject(u)),a(u)}})},Ct=(...t)=>{const[e]=t;return new Promise(async(l,a)=>{if(T.value){b("Dieses Video ist bereits validiert und wird schreibgeschützt angezeigt."),l();return}if(!e.id||typeof e.id!="number"){console.warn("Cannot delete draft or temporary segment:",e.id),l();return}try{if(y.value==="prediction"){r.removeSegment(e.id),x(`KI-Segment lokal entfernt: ${j(e.label)}`),l();return}r.removeSegment(e.id),await r.deleteSegment(e.id),await z(),x(`Segment gelöscht: ${j(e.label)}`),l()}catch(u){console.error("Segment konnte nicht gelöscht werden:",u),await C(Promise.reject(u)),a(u)}})},fe=t=>{f.value&&t>=0&&t<=p.value&&(f.value.currentTime=t,V.value=t)},Lt=()=>{console.log("Label selected:",S.value)},Fe=()=>{de.value=document.fullscreenElement===ue.value},Ne=async()=>{const t=ue.value;if(t)try{document.fullscreenElement===t?await document.exitFullscreen():await t.requestFullscreen()}catch(e){console.error("Fullscreen toggle failed:",e)}},X=()=>{M.value=!1,Ce.value?.blur()},Et=t=>{S.value=t,X()},Dt=t=>t instanceof HTMLElement?t.isContentEditable?!0:t instanceof HTMLSelectElement&&M.value?!1:["INPUT","TEXTAREA","SELECT"].includes(t.tagName):!1,Pe=t=>{if(Dt(t.target))return;const e=t.key.toLowerCase();if(!t.ctrlKey&&!t.metaKey&&!t.altKey&&e==="o"){t.preventDefault(),t.stopPropagation(),Tt(),M.value=!0;return}if(!t.ctrlKey&&!t.metaKey&&!t.altKey&&e==="f"){t.preventDefault(),t.stopPropagation(),Ne();return}if(M.value){if(t.key==="ArrowUp"||t.key==="ArrowDown"){t.preventDefault(),t.stopPropagation();const u=Q.value;if(u.length===0)return;const L=u.findIndex(qt=>qt.name===S.value),se=t.key==="ArrowUp"?-1:1,jt=((L===-1?se>0?-1:0:L)+se+u.length)%u.length;S.value=u[jt].name;return}if(t.key==="Enter"){t.preventDefault(),t.stopPropagation(),X();return}}if(t.key==="Escape"){if(M.value){t.preventDefault(),t.stopPropagation(),X();return}D.value&&(t.preventDefault(),Ke());return}const l=t.key==="+"||t.code==="NumpadAdd"||t.code==="Equal"&&t.shiftKey,a=t.key==="-"||t.code==="Minus"||t.code==="NumpadSubtract";if(l){t.preventDefault(),Ie();return}a&&(t.preventDefault(),Be())},Tt=()=>{const t=_.value;if(t.length===0)return;if(W.value!==null){const l=t.find(a=>a.id===W.value);if(l){S.value=l.label;return}}const e=t.find(l=>V.value>=l.startTime&&V.value<=l.endTime);e&&(S.value=e.label)},Ie=()=>{Me.value&&(s.value&&r.setCurrentVideo(s.value),D.value=!0,Je.value=V.value,r.startDraft(S.value,V.value),console.log(`Draft gestartet: ${S.value} bei ${k(V.value)}`))},Be=async()=>{if(!(!D.value||!s.value))try{r.setCurrentVideo(s.value),r.updateDraftEnd(V.value),await r.commitDraft(),D.value=!1,await z(),console.log("Label-Markierung abgeschlossen")}catch(t){console.error("Error finishing label marking:",t)}},Ke=()=>{r.cancelDraft(),D.value=!1,console.log("Label-Markierung abgebrochen")},zt=t=>{fe(t.timestamp),O.value=B.value.find(e=>e.id===`exam-${t.id}`)||null},$t=async t=>{try{await R.delete(U(`examinations/${t}/`)),$.value=$.value.filter(e=>e.id!==t),B.value=B.value.filter(e=>e.id!==`exam-${t}`),O.value?.id===`exam-${t}`&&(O.value=null),x(`Untersuchung ${t} gelöscht`),console.log("Examination deleted:",t)}catch(e){console.error("Error deleting examination:",e),await C(Promise.reject(e))}},Mt=async()=>{if(y.value==="prediction"){b("KI-Vorhersagen müssen zuerst als manuelle Segmente übernommen werden.");return}if(!s.value){b("Kein Video ausgewählt");return}const t=_.value.length;if(t===0){b("Keine Segmente zum Validieren vorhanden");return}if(!confirm(`Möchten Sie alle ${t} Segmente von Video ${s.value} als validiert markieren? Außerhalb-Segmente werden danach gelöscht.`))return;const e=_.value.filter(l=>typeof l.id=="number").map(l=>({id:l.id,start_time:l.startTime,end_time:l.endTime}));console.log("🔄 Sending segments to backend:",e);try{console.log(`🔍 Validating all segments for video ${s.value}...`);const l=await R.post(U(`media/videos/${s.value}/segments/validate-bulk/`),{segmentIds:e.map(a=>a.id),segments:e,isValidated:!0,notes:`Vollständige Video-Review abgeschlossen am ${new Date().toLocaleString("de-DE")}`,informationSourceName:"manual_annotation"});console.log("✅ Validation response:",l.data),x(`Erfolgreich! ${l.data.updatedCount} von ${l.data.totalSegments??l.data.requestedCount} Segmenten validiert.`),await z()}catch(l){console.error("❌ Error validating video segments:",l);const a=l?.response?.data?.error||l?.message||"Unbekannter Fehler";b(`Validierung fehlgeschlagen: ${a}`)}},At=async t=>{if(!t){b("Kein Video ausgewählt");return}Z.value=t,await Mt()},Ft=async()=>{if(T.value){b("Dieses Video ist bereits validiert und wird schreibgeschützt angezeigt.");return}if(y.value==="prediction"){b('Änderungen an KI-Vorhersagen werden erst mit "Als manuelle Segmente übernehmen" persistiert.');return}try{await r.persistDirtySegments(),await z(),x("Segment-Änderungen gespeichert")}catch(t){console.error("Fehler beim Speichern der Segment-Änderungen:",t),await C(Promise.reject(t))}},Nt=()=>{if(T.value){b("Dieses Video ist bereits validiert und wird schreibgeschützt angezeigt.");return}if(y.value==="prediction"){z(),x("Lokale Änderungen an KI-Vorhersagen verworfen");return}s.value&&(r.fetchVideoSegments(s.value),x("Lokale Änderungen verworfen"))},Pt=async()=>{if(s.value){if(T.value){b("Dieses Video ist bereits validiert und wird schreibgeschützt angezeigt.");return}if(_.value.length===0){b("Keine KI-Segmente zum Übernehmen vorhanden");return}ne.value=!0;try{const t={replace_existing:!0,segments:_.value.map(e=>({label_name:e.label,start_time:e.startTime,end_time:e.endTime,export_segment:!!e.exportSegment}))};await R.post(U(We.media.videoSegmentsImportPredictions(s.value)),t),y.value="manual",await z(),x("KI-Vorhersagen wurden als manuelle Segmente übernommen")}catch(t){console.error("Error importing prediction segments:",t),await C(Promise.reject(t))}finally{ne.value=!1}}},It=t=>{console.error("Video loading error:",t);const e=t.target;console.error("Video error details:",{error:e.error,networkState:e.networkState,readyState:e.readyState,currentSrc:e.currentSrc}),b("Fehler beim Laden des Videos. Bitte versuchen Sie es erneut.")},Bt=()=>{console.log("Video loading started for:",F.value)},Kt=()=>{console.log("Video can play, loaded successfully"),x("Video erfolgreich geladen")},Re=t=>{const e=I.value.find(a=>a.id===t&&a.mediaType==="video");return e?{not_started:"⏳ Wartend",processing_anonymization:"🔄 In Verarbeitung",extracting_frames:"🎬 Frames",done_processing_anonymization:"✅ Anonymisiert - Validierung steht aus",validated:"🛡️ Validiert & Anonymisiert",failed:"❌ Fehler"}[e.anonymizationStatus]||e.anonymizationStatus:""},Ue=t=>I.value.filter(e=>e.mediaType==="video"&&e.anonymizationStatus===t).length,Rt=t=>({not_started:"bg-secondary",processing_anonymization:"bg-warning",extracting_frames:"bg-info",predicting_segments:"bg-info",done_processing_anonymization:"bg-success",validated:"bg-primary",failed:"bg-danger"})[t]||"bg-secondary",Ut=t=>({not_started:"Nicht gestartet",processing_anonymization:"Anonymisierung läuft",extracting_frames:"Frames extrahieren",predicting_segments:"Segmente vorhersagen",done_processing_anonymization:"Fertig",validated:"Validiert",failed:"Fehlgeschlagen"})[t]||t;return le(s,async t=>{if(console.log("Selected video ID changed, syncing store and loading details:",t),typeof t=="number")r.setCurrentVideo(t);else if(t!==null){K.value="Invalid video ID";return}await Le(),t!==null&&await z()}),le(()=>q.query.video,t=>{const e=Number(t??"")||null;e!==s.value&&(s.value=e)},{immediate:!0}),(t,e)=>{const l=Xt("RouterLink");return i(),o("div",an,[K.value?(i(),o("div",sn,[e[6]||(e[6]=n("i",{class:"ni ni-fat-remove me-2"},null,-1)),e[7]||(e[7]=n("strong",null,"Fehler:",-1)),g(" "+d(K.value)+" ",1),n("button",{type:"button",class:"btn-close",onClick:ve,"aria-label":"Close"})])):c("",!0),ae.value?(i(),o("div",ln,[e[8]||(e[8]=n("i",{class:"ni ni-check-bold me-2"},null,-1)),e[9]||(e[9]=n("strong",null,"Erfolg:",-1)),g(" "+d(ae.value)+" ",1),n("button",{type:"button",class:"btn-close",onClick:ge,"aria-label":"Close"})])):c("",!0),e[54]||(e[54]=n("div",{class:"row"},[n("div",{class:"col-12"},[n("h1",null,"Video-Untersuchung"),n("p",null,"Wählen Sie ein Video aus, prüfen Sie die Segmente und setzen Sie die Befundung im nächsten Schritt fort.")])],-1)),n("div",on,[n("div",rn,[n("div",dn,[e[42]||(e[42]=n("div",{class:"card-header pb-0"},[n("h5",{class:"mb-0"},"Videoansicht")],-1)),n("div",un,[n("div",cn,[e[15]||(e[15]=n("label",{class:"form-label"},"Video auswählen:",-1)),n("div",{ref_key:"videoDropdownRef",ref:me,class:"video-dropdown"},[n("button",{type:"button",class:"video-dropdown-trigger",disabled:!P.value,"aria-expanded":N.value?"true":"false","aria-haspopup":"listbox",onClick:tt},[n("span",vn,d(mt.value),1),n("i",{class:E(["ni",N.value?"ni-bold-up":"ni-bold-down"])},null,2)],8,mn),N.value&&P.value?(i(),o("div",gn,[(i(!0),o(Y,null,J(w.value,a=>(i(),o("button",{key:a.id,type:"button",class:E(["video-dropdown-item",{"video-dropdown-item-selected":s.value===a.id,"video-dropdown-item-validated":a.segmentAnnotationsValidated,"video-dropdown-item-pending":!a.segmentAnnotationsValidated}]),onClick:u=>nt(a.id)},[n("div",bn,[n("span",pn,[e[10]||(e[10]=n("i",{class:"ni ni-button-play me-1"},null,-1)),g(" "+d(a.original_file_name||"Video Nr. "+a.id),1)]),n("span",{class:E(["video-dropdown-status-badge",a.segmentAnnotationsValidated?"badge-validated":"badge-pending"])},[n("i",{class:E(["ni me-1",a.segmentAnnotationsValidated?"ni-check-bold":"ni-watch-time"])},null,2),g(" "+d(a.segmentAnnotationsValidated?"Validiert":"Validierung offen"),1)],2)]),n("div",yn,[n("span",null,d(Re(a.id)),1),n("span",null,"| Center: "+d(a.centerName||"Unbekannt"),1),n("span",null,"| Geschlecht: "+d(ot(a.id)),1),n("span",null,"| Alter: "+d(rt(a.id)),1)])],10,fn))),128))])):c("",!0)],512),P.value?c("",!0):(i(),o("small",hn,d($e.value),1)),we.value.length>0?(i(),o("div",Sn,[n("div",wn,[e[14]||(e[14]=n("small",{class:"text-muted"},"Status-Übersicht:",-1)),n("span",kn,[e[11]||(e[11]=n("i",{class:"ni ni-check-bold me-1"},null,-1)),g(" "+d(Ue("done_processing_anonymization"))+" Anonymisiert ",1)]),n("span",Vn,[e[12]||(e[12]=n("i",{class:"ni ni-check-bold me-1"},null,-1)),g(" "+d(Ue("validated"))+" Validiert ",1)]),n("span",_n,[e[13]||(e[13]=n("i",{class:"ni ni-watch-time me-1"},null,-1)),g(" "+d(ut.value.length)+" Ausstehend ",1)])])])):c("",!0)]),Z.value!==null?(i(),o("div",{key:0,class:E(["mt-2 p-2 rounded validation-click-indicator",s.value===Z.value?"validation-click-indicator-active":"validation-click-indicator-muted"])},[n("small",xn,[e[16]||(e[16]=n("i",{class:"ni ni-tag me-1"},null,-1)),g(" Das Video mit dieser ID wurde als validiert markiert "+d(Z.value),1)])],2)):c("",!0),!F.value&&P.value?(i(),o("div",Cn,[e[20]||(e[20]=n("i",{class:"ni ni-button-play ni-3x"},null,-1)),e[21]||(e[21]=n("p",{class:"mt-2"},"Video auswählen, um mit der Betrachtung zu beginnen",-1)),s.value?(i(),o("div",Ln,[n("div",En,[e[19]||(e[19]=n("i",{class:"ni ni-support-16 me-2"},null,-1)),n("div",Dn,[n("strong",null,"Video "+d(s.value)+":",1),g(" "+d(Re(s.value)),1),e[17]||(e[17]=n("br",null,null,-1)),e[18]||(e[18]=n("small",{class:"text-muted"},"Die Ansicht wird vorbereitet.",-1))])])])):c("",!0)])):c("",!0),P.value?c("",!0):(i(),o("div",Tn,[e[22]||(e[22]=n("i",{class:"ni ni-collection ni-3x"},null,-1)),n("p",zn,d($e.value),1),e[23]||(e[23]=n("small",null,"Videos können über den Ordner Raw Videos hochgeladen werden. Sie müssen erst anonymisiert werden, bevor sie hier angezeigt werden.",-1))])),F.value?(i(),o("div",{key:3,ref_key:"videoContainerRef",ref:ue,class:"video-container"},[n("button",{type:"button",class:"fullscreen-toggle",onClick:Ne,title:de.value?"Vollbild verlassen":"Vollbild"},[n("i",{class:E(["ni",de.value?"ni-fat-remove":"ni-zoom-split-in"])},null,2)],8,$n),n("video",{ref_key:"videoRef",ref:f,"data-cy":"video-player",src:F.value,onTimeupdate:yt,onLoadedmetadata:pt,onError:It,onLoadstart:Bt,onCanplay:Kt,controls:"",class:"w-100",style:{"max-height":"400px"}}," Ihr Browser unterstützt das Video-Element nicht. ",40,Mn),M.value?(i(),o("div",{key:0,class:"label-overlay",onClick:Yt(X,["self"])},[n("div",An,[n("div",{class:"label-overlay-header"},[e[24]||(e[24]=n("span",null,"Label auswählen",-1)),n("button",{type:"button",class:"label-overlay-close",onClick:X}," × ")]),e[25]||(e[25]=n("div",{class:"label-overlay-hint"}," ↑/↓ wechseln · Enter übernehmen · Esc schließen ",-1)),n("div",Fn,[(i(!0),o(Y,null,J(Q.value,a=>(i(),o("button",{key:a.id,type:"button",class:E(["label-overlay-item",{active:a.name===S.value}]),onClick:u=>Et(a.name)},d(v(j)(a.name)),11,Nn))),128))])])])):c("",!0),s.value?(i(),o("div",Pn,[n("div",In,[n("div",Bn,[n("h6",Kn,[e[26]||(e[26]=n("i",{class:"ni ni-button-play me-2 text-primary"},null,-1)),g(" "+d(ze.value?.original_file_name||`Video ${s.value}`),1)]),n("div",Rn,[n("span",{class:E([Rt(v(I).find(a=>a.id===s.value&&a.mediaType==="video")?.anonymizationStatus||"not_started"),"badge"])},[e[27]||(e[27]=n("i",{class:"ni ni-lock-circle-open me-1"},null,-1)),g(" "+d(Ut(v(I).find(a=>a.id===s.value&&a.mediaType==="video")?.anonymizationStatus||"not_started")),1)],2),_.value.length>0?(i(),o("span",Un,[e[28]||(e[28]=n("i",{class:"ni ni-scissors me-1"},null,-1)),g(" "+d(_.value.length)+" Segmente ",1)])):c("",!0),$.value.length>0?(i(),o("span",jn,[e[29]||(e[29]=n("i",{class:"ni ni-support-16 me-1"},null,-1)),g(" "+d($.value.length)+" Untersuchungen ",1)])):c("",!0)])]),n("div",qn,[n("small",On,"Center: "+d(ze.value?.centerName||"Unbekannt"),1),n("small",Wn,"Dauer: "+d(v(k)(p.value)),1)])])])):c("",!0)],512)):c("",!0),F.value?c("",!0):(i(),o("div",Zn,[n("button",{class:"btn btn-primary",onClick:e[0]||(e[0]=a=>v(r).deleteVideo(s.value)),disabled:!P.value}," Video löschen? ",8,Gn)])),p.value>0?(i(),o("div",Hn,[ye(nn,{video:{duration:p.value},segments:_.value,labels:Q.value,currentTime:V.value,isPlaying:te.value,activeSegmentId:W.value,showWaveform:!1,selectionMode:A.value,fps:Ye.value,onSeek:St,onPlayPause:wt,onSegmentSelect:kt,onSegmentResize:Vt,onSegmentMove:_t,onSegmentCreate:Ae,onSegmentDelete:Ct,onTimeSelection:xt},null,8,["video","segments","labels","currentTime","isPlaying","activeSegmentId","selectionMode","fps"]),e[36]||(e[36]=n("details",{class:"mt-2 text-muted shortcuts-details",style:{"font-size":"0.85rem"}},[n("summary",{class:"shortcuts-toggle","aria-label":"Shortcuts anzeigen"},[n("span",{class:"shortcuts-icon"},"?"),n("span",null,"Shortcuts")]),n("div",{class:"mt-1 shortcuts-body"}," O = Labelauswahl · ↑/↓ = Label wechseln · Enter = Label übernehmen · F = Vollbild · , / . = Frame zurück/vor · K / L = 5s zurück/vor · Ctrl/Cmd + C = Segment kopieren · Ctrl/Cmd + V = Segment einfügen · Ctrl/Cmd + Z = Löschen rückgängig · Delete/Backspace = Segment löschen · Rechtsklick auf Segment = Start/Ende tippen · + = Segment-Start · - = Segment-Ende · Esc = Abbrechen ")],-1)),s.value?(i(),o("div",Xn,[je(n("select",{"onUpdate:modelValue":e[1]||(e[1]=a=>y.value=a),class:"form-select form-select-sm source-select",onChange:bt},[...e[30]||(e[30]=[n("option",{value:"manual"},"Manuelle Segmente",-1),n("option",{value:"prediction"},"KI-Vorhersagen",-1)])],544),[[qe,y.value]]),n("button",{class:"btn btn-outline-secondary",onClick:Nt,disabled:y.value==="prediction"||!A.value}," Änderungen verwerfen ",8,Yn),n("button",{class:E(["btn",Qe.value?"btn-primary":"btn-outline-secondary"]),onClick:Ft,disabled:y.value==="prediction"||!A.value}," Segmentänderungen speichern ",10,Jn),y.value==="prediction"?(i(),o("button",{key:0,class:"btn btn-primary",disabled:_.value.length===0||ne.value||!A.value,onClick:Pt},d(ne.value?"Übernehme...":"Als manuelle Segmente übernehmen"),9,Qn)):c("",!0),n("div",{class:"simple-timeline-track mt-2",onClick:ht,ref_key:"timelineRef",ref:ce},[n("div",{class:"progress-bar",style:Oe({width:`${V.value/p.value*100}%`})},null,4),(i(!0),o(Y,null,J(B.value,a=>(i(),o("div",{key:a.id,class:"examination-marker",style:Oe({left:`${a.timestamp/p.value*100}%`}),title:`Untersuchung bei ${v(k)(a.timestamp)}`},null,12,ea))),128))],512)])):c("",!0),s.value?(i(),o("div",ta,[n("div",na,[y.value==="prediction"?(i(),o("div",aa,' KI-Segmente sind hier nur als Vorlage editierbar. Zum Speichern in die manuelle Annotation den Button "Als manuelle Segmente übernehmen" verwenden. ')):c("",!0),n("div",sa,[e[32]||(e[32]=n("label",{class:"form-label mb-0 me-2"},"Neues Label setzen:",-1)),je(n("select",{ref_key:"labelSelectRef",ref:Ce,"onUpdate:modelValue":e[2]||(e[2]=a=>S.value=a),onChange:Lt,onFocus:e[3]||(e[3]=a=>M.value=!0),onBlur:e[4]||(e[4]=a=>M.value=!1),class:"form-select form-select-sm control-select","data-cy":"label-select"},[e[31]||(e[31]=n("option",{value:""},"Label auswählen...",-1)),(i(!0),o(Y,null,J(Q.value,a=>(i(),o("option",{key:a.id,value:a.name},d(v(j)(a.name)),9,la))),128))],544),[[qe,S.value]])]),n("div",ia,[D.value?c("",!0):(i(),o("button",{key:0,onClick:Ie,class:"btn btn-success btn-sm control-button",disabled:!Me.value,"data-cy":"start-label-button"},[...e[33]||(e[33]=[n("i",{class:"ni ni-tag"},null,-1),g(" Label-Start setzen ",-1)])],8,oa)),D.value?(i(),o("button",{key:1,onClick:Be,class:"btn btn-warning btn-sm control-button","data-cy":"finish-label-button"},[...e[34]||(e[34]=[n("i",{class:"ni ni-button-pause"},null,-1),g(" Label-Ende setzen ",-1)])])):c("",!0),D.value?(i(),o("button",{key:2,onClick:Ke,class:"btn btn-outline-secondary btn-sm control-button"}," Abbrechen ")):c("",!0)]),n("span",ra,[v(r).draftSegment&&v(r).draftSegment.startTime!==null?(i(),o("p",da,"Aktueller Label Start: "+d(v(k)(v(r).draftSegment.startTime)),1)):c("",!0),g(" Zeit: "+d(v(k)(V.value))+" / "+d(v(k)(p.value)),1)])]),v(r).draftSegment?(i(),o("div",ua,[n("small",null,[e[35]||(e[35]=n("i",{class:"ni ni-support-16 align-middle me-1",style:{"font-size":"16px"}},null,-1)),g(' Label "'+d(v(j)(v(r).draftSegment.label))+'" ',1),v(r).draftSegment.endTime?(i(),o("span",ca," von "+d(v(k)(v(r).draftSegment.startTime))+" bis "+d(v(k)(v(r).draftSegment.endTime)),1)):(i(),o("span",ma," startet bei "+d(v(k)(v(r).draftSegment.startTime))+" - Ende beim nächsten Klick ",1))])])):c("",!0)])):c("",!0)])):c("",!0)]),s.value?(i(),o("div",va,[ee(s.value)?(i(),o("div",ga,[e[39]||(e[39]=n("i",{class:"ni ni-check-bold ni-2x me-3 text-success"},null,-1)),n("div",fa,[n("h6",ba,[e[37]||(e[37]=n("i",{class:"ni ni-trophy me-1"},null,-1)),g(" "+d(A.value?"Segmentbearbeitung aktiv":"Video bereits validiert"),1)]),n("small",pa,[A.value?(i(),o("span",ya," Segmentänderungen sind wieder möglich. Der Zurück-Button des Browsers beendet diesen Modus. ")):(i(),o("span",ha," Alle "+d(_.value.length)+" Segmente wurden überprüft und als validiert markiert. ",1))])]),A.value?c("",!0):(i(),o("button",{key:0,type:"button",class:"btn btn-outline-success btn-sm ms-auto validation-edit-button",onClick:at},[...e[38]||(e[38]=[n("i",{class:"ni ni-ruler-pencil me-1"},null,-1),g(" Segmente bearbeiten ",-1)])]))])):(i(),o("div",Sa,[n("button",{class:E(["btn validation-action-button d-inline-flex align-items-center justify-content-center gap-2",{"validation-action-button-clicked":s.value===Z.value}]),onClick:e[5]||(e[5]=a=>At(s.value)),disabled:y.value==="prediction"},[e[40]||(e[40]=n("i",{class:"ni ni-check-bold validation-action-icon"},null,-1)),n("span",null,"Alle Segmente validieren ("+d(_.value.length)+")",1)],10,wa)])),!ee(s.value)&&y.value!=="prediction"?(i(),o("p",ka,[...e[41]||(e[41]=[n("i",{class:"ni ni-support-16",style:{"font-size":"16px","vertical-align":"middle"}},null,-1),g(' Markiert alle Segmente als überprüft und setzt Video-Status auf "Validiert" ',-1)])])):c("",!0)])):c("",!0)]),n("div",Va,[n("div",_a,[n("div",xa,[e[45]||(e[45]=n("h5",{class:"mb-0"},[n("i",{class:"ni ni-single-copy-04 me-2"}),g(" Klinische Befundung ")],-1)),O.value?(i(),o("small",Ca," Zeitpunkt: "+d(v(k)(O.value.timestamp)),1)):c("",!0),s.value?(i(),o("div",La,[n("div",Ea,[e[43]||(e[43]=n("i",{class:"ni ni-support-16 me-1"},null,-1)),n("strong",null,"Video "+d(s.value)+":",1),e[44]||(e[44]=g(" Die klinische Befundung erfolgt im nächsten Schritt. ",-1))])])):c("",!0)]),n("div",Da,[n("div",Ta,[e[47]||(e[47]=n("i",{class:"ni ni-map-big ni-3x mb-3 text-muted"},null,-1)),e[48]||(e[48]=n("h6",null,"Befundung fortsetzen",-1)),e[49]||(e[49]=n("p",{class:"mb-3"}," Wechseln Sie zur Befundung, um den Fall weiter zu bearbeiten und den Bericht zu vervollständigen. ",-1)),e[50]||(e[50]=n("p",{class:"small text-muted mb-4"}," Öffnen Sie dort den passenden Patientenfall und führen Sie die Dokumentation weiter. ",-1)),ye(l,{class:"btn btn-primary",to:"/reporting/case-setup"},{default:Jt(()=>[...e[46]||(e[46]=[g(" Zur Befundung wechseln ",-1)])]),_:1})])])]),$.value.length>0?(i(),o("div",za,[e[53]||(e[53]=n("div",{class:"card-header pb-0"},[n("h6",{class:"mb-0"},"Gespeicherte Untersuchungen")],-1)),n("div",$a,[n("div",Ma,[(i(!0),o(Y,null,J($.value,a=>(i(),o("div",{key:a.id,class:"list-group-item d-flex justify-content-between align-items-center px-0"},[n("div",null,[n("small",Aa,d(v(k)(a.timestamp)),1),n("div",null,d(a.examination_type||"Untersuchung"),1)]),n("div",null,[n("button",{onClick:u=>zt(a),class:"btn btn-sm btn-outline-primary me-2"},[...e[51]||(e[51]=[n("i",{class:"ni ni-button-play"},null,-1)])],8,Fa),n("button",{onClick:u=>$t(a.id),class:"btn btn-sm btn-outline-danger"},[...e[52]||(e[52]=[n("i",{class:"ni ni-fat-delete"},null,-1)])],8,Na)])]))),128))])])])):c("",!0)])])])])}}}),Ia=Qt(Pa,[["__scopeId","data-v-0a35a215"]]),Ba={class:"container-fluid h-100 w-100 py-1 px-4"},Za=Ge({__name:"VideoExamination",setup(He){return(q,ie)=>(i(),o("div",Ba,[ye(Ia)]))}});export{Za as default};

{lx_annotate-0.3.0 → lx_annotate-0.3.2}/staticfiles/main.css

@@ -1,4 +1,4 @@
-.breadcrumb-item+.breadcrumb-item[data-v-6d18d1fa]:before{content:">"}.breadcrumb-item.active[data-v-6d18d1fa]{font-weight:600}.btn-warning[data-v-6d18d1fa]{animation:pulse-warning-6d18d1fa 2s infinite}@keyframes pulse-warning-6d18d1fa{0%{box-shadow:0 0 #ffc107b3}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 #ffc10700}}.badge[data-v-6d18d1fa]{font-size:.7rem;padding:.25em .4em}.spinner-border-sm[data-v-6d18d1fa]{width:.875rem;height:.875rem}.nav-link[data-v-6d18d1fa]{transition:color .15s ease-in-out}.nav-link[data-v-6d18d1fa]:hover{color:#495057!important}.btn[data-v-6d18d1fa]{transition:all .15s ease-in-out}.btn[data-v-6d18d1fa]:hover{transform:translateY(-1px)}.navbar-toggler[data-v-6d18d1fa]{border:none;padding:.25rem .5rem;background:transparent;margin-right:1rem}.navbar-toggler[data-v-6d18d1fa]:focus{box-shadow:none}.navbar-toggler-icon[data-v-6d18d1fa]{background-image:none;display:inline-block;width:1.5em;height:1.5em}.navbar-toggler-bar[data-v-6d18d1fa]{display:block;width:22px;height:2px;background-color:#2d3047;border-radius:1px;margin:4px 0;transition:all .2s}.navbar-toggler:hover .navbar-toggler-bar[data-v-6d18d1fa]{background-color:#596cff}@media(min-width:1200px){.navbar-toggler[data-v-6d18d1fa]{display:none!important}}.sidenav[data-v-645f6ea5]{display:flex;flex-direction:column;height:100%;min-height:0;color:#f5f8ff}.sidenav[data-v-645f6ea5] *{box-sizing:border-box}.sidenav-header[data-v-645f6ea5]{flex:0 0 auto;height:auto!important;min-height:0;position:relative;z-index:1}.sidenav-header .navbar-brand[data-v-645f6ea5]{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:0!important;margin:0!important;white-space:normal}.sidenav-header .font-weight-bold[data-v-645f6ea5]{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.45);object-fit:contain}.sidenav-header-inner[data-v-645f6ea5]{padding:.5rem 1rem;margin-bottom:1.5rem}.logo-img[data-v-645f6ea5]{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.sidenav-body[data-v-645f6ea5]{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;max-height:none;padding:.2rem .45rem .8rem;-webkit-overflow-scrolling:touch}.navbar-nav[data-v-645f6ea5]{padding-left:0;margin-bottom:0;list-style:none}.nav-section-title[data-v-645f6ea5]{padding:.35rem .75rem .6rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#d6deed;font-weight:700}.nav-item[data-v-645f6ea5]{width:100%;margin-bottom:2px}.nav-link[data-v-645f6ea5]{display:flex;align-items:flex-start;gap:.5rem;white-space:normal;min-height:2.25rem;padding:.5rem .65rem;color:#f5f8ff!important;border:1px solid transparent;border-radius:.5rem;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;text-decoration:none}.nav-link .nav-link-text[data-v-645f6ea5]{color:inherit!important}.nav-link .icon i[data-v-645f6ea5]{color:inherit!important;opacity:.92!important}.nav-link[data-v-645f6ea5]:hover{background-color:#ffffff24;border-color:#ffffff2e}.nav-link[data-v-645f6ea5]:focus-visible{outline:2px solid #9dc2ff;outline-offset:1px}.nav-link.active[data-v-645f6ea5]{background-color:#ffffff3d;border-color:#ffffff47;box-shadow:0 8px 18px #0003}.icon-shape[data-v-645f6ea5]{width:32px;height:32px;flex:0 0 32px;background-color:#ffffff29;border-radius:.75rem}.icon-shape i[data-v-645f6ea5]{font-size:1rem;line-height:1}.nav-link-text[data-v-645f6ea5]{flex:1 1 auto;min-width:0;font-size:.875rem;font-weight:500;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.nav-link-text-with-badge[data-v-645f6ea5]{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.workflow-badge[data-v-645f6ea5]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1;color:#111827;background:#ffd24a;border:1px solid rgba(0,0,0,.12)}.workflow-badge-processing[data-v-645f6ea5]{color:#fff;background:#1a73e8;border-color:#ffffff38}hr.horizontal.light[data-v-645f6ea5]{background-image:linear-gradient(90deg,#fff0,#fff6,#fff0);height:1px;border:0;opacity:.25;margin:1rem 0}.img[data-v-645f6ea5]{object-fit:contain}.sidebar-backdrop[data-v-645f6ea5]{position:fixed;inset:0;width:100%;height:100dvh;background-color:#0c12208f;z-index:1040;opacity:0;animation:fadeIn-645f6ea5 .2s ease-out forwards}@keyframes fadeIn-645f6ea5{to{opacity:1}}@media(max-width:1199.98px){.sidenav[data-v-645f6ea5]{position:fixed!important;top:0;left:0;width:min(320px,82vw)!important;height:100dvh;transform:translate(-110%)!important;z-index:1050;background:linear-gradient(195deg,#42424a,#191919)!important;transition:transform .22s ease-out!important;overflow:hidden;box-shadow:14px 0 28px #0000005c;pointer-events:none}.sidenav.show[data-v-645f6ea5]{transform:translate(0)!important;pointer-events:auto}}@media(min-width:1200px){.sidebar-backdrop[data-v-645f6ea5]{display:none}.sidenav[data-v-645f6ea5]{transform:none!important;position:relative!important}}.toast[data-v-4eb5d4e4]{min-width:260px}@media(max-width:1199.98px){.g-sidenav-show>aside.sidenav.navbar{transform:none!important;position:static;width:auto;height:auto;background:none}}@font-face{font-family:NucleoIcons;src:url(/static/nucleo-icons.eot);src:url(/static/nucleo-icons.eot) format("embedded-opentype"),url(/static/nucleo-icons.woff2) format("woff2"),url(/static/nucleo-icons.woff) format("woff"),url(/static/nucleo-icons.ttf) format("truetype"),url(/static/nucleo-icons.svg) format("svg");font-weight:400;font-style:normal}.ni{display:inline-block;font: 14px/1 NucleoIcons;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ni-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.ni-2x{font-size:2em}.ni-3x{font-size:3em}.ni-4x{font-size:4em}.ni-5x{font-size:5em}.ni.square,.ni.circle{padding:.33333333em;vertical-align:-16%;background-color:#eee}.ni.circle{border-radius:50%}.ni-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.ni-ul>li{position:relative}.ni-ul>li>.ni{position:absolute;left:-1.57142857em;top:.14285714em;text-align:center}.ni-ul>li>.ni.lg{top:0;left:-1.35714286em}.ni-ul>li>.ni.circle,.ni-ul>li>.ni.square{top:-.19047619em;left:-1.9047619em}.ni.spin{-webkit-animation:nc-spin 2s infinite linear;-moz-animation:nc-spin 2s infinite linear;animation:nc-spin 2s infinite linear}@-webkit-keyframes nc-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes nc-spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@keyframes nc-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.ni.rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.ni.rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.ni.rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.ni.flip-y{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scaleX(-1)}.ni.flip-x{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scaleY(-1)}.ni-active-40:before{content:""}.ni-air-baloon:before{content:""}.ni-album-2:before{content:""}.ni-align-center:before{content:""}.ni-align-left-2:before{content:""}.ni-ambulance:before{content:""}.ni-app:before{content:""}.ni-archive-2:before{content:""}.ni-atom:before{content:""}.ni-badge:before{content:""}.ni-bag-17:before{content:""}.ni-basket:before{content:""}.ni-bell-55:before{content:""}.ni-bold-down:before{content:""}.ni-bold-left:before{content:""}.ni-bold-right:before{content:""}.ni-bold-up:before{content:""}.ni-bold:before{content:""}.ni-book-bookmark:before{content:""}.ni-books:before{content:""}.ni-box-2:before{content:""}.ni-briefcase-24:before{content:""}.ni-building:before{content:""}.ni-bulb-61:before{content:""}.ni-bullet-list-67:before{content:""}.ni-bus-front-12:before{content:""}.ni-button-pause:before{content:""}.ni-button-play:before{content:""}.ni-button-power:before{content:""}.ni-calendar-grid-58:before{content:""}.ni-camera-compact:before{content:""}.ni-caps-small:before{content:""}.ni-cart:before{content:""}.ni-chart-bar-32:before{content:""}.ni-chart-pie-35:before{content:""}.ni-chat-round:before{content:""}.ni-check-bold:before{content:""}.ni-circle-08:before{content:""}.ni-cloud-download-95:before{content:""}.ni-cloud-upload-96:before{content:""}.ni-compass-04:before{content:""}.ni-controller:before{content:""}.ni-credit-card:before{content:""}.ni-curved-next:before{content:""}.ni-delivery-fast:before{content:""}.ni-diamond:before{content:""}.ni-email-83:before{content:""}.ni-fat-add:before{content:""}.ni-fat-delete:before{content:""}.ni-fat-remove:before{content:""}.ni-favourite-28:before{content:""}.ni-folder-17:before{content:""}.ni-glasses-2:before{content:""}.ni-hat-3:before{content:""}.ni-headphones:before{content:""}.ni-html5:before{content:""}.ni-istanbul:before{content:""}.ni-key-25:before{content:""}.ni-laptop:before{content:""}.ni-like-2:before{content:""}.ni-lock-circle-open:before{content:""}.ni-map-big:before{content:""}.ni-mobile-button:before{content:""}.ni-money-coins:before{content:""}.ni-note-03:before{content:""}.ni-notification-70:before{content:""}.ni-palette:before{content:""}.ni-paper-diploma:before{content:""}.ni-pin-3:before{content:""}.ni-planet:before{content:""}.ni-ruler-pencil:before{content:""}.ni-satisfied:before{content:""}.ni-scissors:before{content:""}.ni-send:before{content:""}.ni-settings-gear-65:before{content:""}.ni-settings:before{content:""}.ni-single-02:before{content:""}.ni-single-copy-04:before{content:""}.ni-sound-wave:before{content:""}.ni-spaceship:before{content:""}.ni-square-pin:before{content:""}.ni-support-16:before{content:""}.ni-tablet-button:before{content:""}.ni-tag:before{content:""}.ni-tie-bow:before{content:""}.ni-time-alarm:before{content:""}.ni-trophy:before{content:""}.ni-tv-2:before{content:""}.ni-umbrella-13:before{content:""}.ni-user-run:before{content:""}.ni-vector:before{content:""}.ni-watch-time:before{content:""}.ni-world:before{content:""}.ni-zoom-split-in:before{content:""}.ni-collection:before{content:""}.ni-image:before{content:""}.ni-shop:before{content:""}.ni-ungroup:before{content:""}.ni-world-2:before{content:""}.ni-ui-04:before{content:""}.icon{display:inline-block;color:#111;height:1em;width:1em}.icon use{fill:#7ea6f6}.icon.icon-outline use{stroke:#7ea6f6}.icon-xs{height:.5em;width:.5em}.icon-sm{height:.8em;width:.8em}.icon-lg{height:1.6em;width:1.6em}.icon-xl{height:2em;width:2em}.icon-text-aligner{display:flex;align-items:center}.icon-text-aligner .icon{color:inherit;margin-right:.4em}.icon-text-aligner .icon use{color:inherit;fill:currentColor}.icon-text-aligner .icon.icon-outline use{stroke:currentColor}.icon{fill:currentColor;stroke:none}.icon.icon-outline{fill:none;stroke:currentColor}.icon use{stroke:none}.icon.icon-outline use{fill:none}.icon-outline.icon-stroke-1{stroke-width:1px}.icon-outline.icon-stroke-2{stroke-width:2px}.icon-outline.icon-stroke-3{stroke-width:3px}.icon-outline.icon-stroke-4{stroke-width:4px}.icon-outline.icon-stroke-1 use,.icon-outline.icon-stroke-3 use{-webkit-transform:translateX(.5px) translateY(.5px);-moz-transform:translateX(.5px) translateY(.5px);-ms-transform:translateX(.5px) translateY(.5px);-o-transform:translateX(.5px) translateY(.5px);transform:translate(.5px) translateY(.5px)}/*!
+.breadcrumb-item+.breadcrumb-item[data-v-6d18d1fa]:before{content:">"}.breadcrumb-item.active[data-v-6d18d1fa]{font-weight:600}.btn-warning[data-v-6d18d1fa]{animation:pulse-warning-6d18d1fa 2s infinite}@keyframes pulse-warning-6d18d1fa{0%{box-shadow:0 0 #ffc107b3}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 #ffc10700}}.badge[data-v-6d18d1fa]{font-size:.7rem;padding:.25em .4em}.spinner-border-sm[data-v-6d18d1fa]{width:.875rem;height:.875rem}.nav-link[data-v-6d18d1fa]{transition:color .15s ease-in-out}.nav-link[data-v-6d18d1fa]:hover{color:#495057!important}.btn[data-v-6d18d1fa]{transition:all .15s ease-in-out}.btn[data-v-6d18d1fa]:hover{transform:translateY(-1px)}.navbar-toggler[data-v-6d18d1fa]{border:none;padding:.25rem .5rem;background:transparent;margin-right:1rem}.navbar-toggler[data-v-6d18d1fa]:focus{box-shadow:none}.navbar-toggler-icon[data-v-6d18d1fa]{background-image:none;display:inline-block;width:1.5em;height:1.5em}.navbar-toggler-bar[data-v-6d18d1fa]{display:block;width:22px;height:2px;background-color:#2d3047;border-radius:1px;margin:4px 0;transition:all .2s}.navbar-toggler:hover .navbar-toggler-bar[data-v-6d18d1fa]{background-color:#596cff}@media(min-width:1200px){.navbar-toggler[data-v-6d18d1fa]{display:none!important}}.sidenav[data-v-1f7e95ef]{display:flex;flex-direction:column;height:100%;min-height:0;color:#f5f8ff}.sidenav[data-v-1f7e95ef] *{box-sizing:border-box}.sidenav-header[data-v-1f7e95ef]{flex:0 0 auto;height:auto!important;min-height:0;position:relative;z-index:1}.sidenav-header .navbar-brand[data-v-1f7e95ef]{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:0!important;margin:0!important;white-space:normal}.sidenav-header .font-weight-bold[data-v-1f7e95ef]{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.45);object-fit:contain}.sidenav-header-inner[data-v-1f7e95ef]{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem .35rem;margin-bottom:.35rem}.logo-img[data-v-1f7e95ef]{display:block;width:auto;max-width:150px;max-height:92px;object-fit:contain}.sidenav-body[data-v-1f7e95ef]{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;max-height:none;padding:.2rem .45rem .8rem;-webkit-overflow-scrolling:touch}.navbar-nav[data-v-1f7e95ef]{padding-left:0;margin-bottom:0;list-style:none}.nav-section-title[data-v-1f7e95ef]{padding:.35rem .75rem .6rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#d6deed;font-weight:700}.nav-item[data-v-1f7e95ef]{width:100%;margin-bottom:2px}.nav-link[data-v-1f7e95ef]{display:flex;align-items:flex-start;gap:.5rem;white-space:normal;min-height:2.25rem;padding:.5rem .65rem;color:#f5f8ff!important;border:1px solid transparent;border-radius:.5rem;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;text-decoration:none}.nav-link .nav-link-text[data-v-1f7e95ef]{color:inherit!important}.nav-link .icon i[data-v-1f7e95ef]{color:inherit!important;opacity:.92!important}.nav-link[data-v-1f7e95ef]:hover{background-color:#ffffff24;border-color:#ffffff2e}.nav-link[data-v-1f7e95ef]:focus-visible{outline:2px solid #9dc2ff;outline-offset:1px}.nav-link.active[data-v-1f7e95ef]{background-color:#ffffff3d;border-color:#ffffff47;box-shadow:0 8px 18px #0003}.icon-shape[data-v-1f7e95ef]{width:32px;height:32px;flex:0 0 32px;background-color:#ffffff29;border-radius:.75rem}.icon-shape i[data-v-1f7e95ef]{font-size:1rem;line-height:1}.nav-link-text[data-v-1f7e95ef]{flex:1 1 auto;min-width:0;font-size:.875rem;font-weight:500;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.nav-link-text-with-badge[data-v-1f7e95ef]{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.workflow-badge[data-v-1f7e95ef]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1;color:#111827;background:#ffd24a;border:1px solid rgba(0,0,0,.12)}.workflow-badge-processing[data-v-1f7e95ef]{color:#fff;background:#1a73e8;border-color:#ffffff38}hr.horizontal.light[data-v-1f7e95ef]{background-image:linear-gradient(90deg,#fff0,#fff6,#fff0);height:1px;border:0;opacity:.25;margin:1rem 0}.img[data-v-1f7e95ef]{object-fit:contain}.sidebar-backdrop[data-v-1f7e95ef]{position:fixed;inset:0;width:100%;height:100dvh;background-color:#0c12208f;z-index:1040;opacity:0;animation:fadeIn-1f7e95ef .2s ease-out forwards}@keyframes fadeIn-1f7e95ef{to{opacity:1}}@media(max-width:1199.98px){.sidenav[data-v-1f7e95ef]{position:fixed!important;top:0;left:0;width:min(320px,82vw)!important;height:100dvh;transform:translate(-110%)!important;z-index:1050;background:linear-gradient(195deg,#42424a,#191919)!important;transition:transform .22s ease-out!important;overflow:hidden;box-shadow:14px 0 28px #0000005c;pointer-events:none}.sidenav.show[data-v-1f7e95ef]{transform:translate(0)!important;pointer-events:auto}}@media(min-width:1200px){.sidebar-backdrop[data-v-1f7e95ef]{display:none}.sidenav[data-v-1f7e95ef]{transform:none!important;position:relative!important}}.toast[data-v-4eb5d4e4]{min-width:260px}@media(max-width:1199.98px){.g-sidenav-show>aside.sidenav.navbar{transform:none!important;position:static;width:auto;height:auto;background:none}}@font-face{font-family:NucleoIcons;src:url(/static/nucleo-icons.eot);src:url(/static/nucleo-icons.eot) format("embedded-opentype"),url(/static/nucleo-icons.woff2) format("woff2"),url(/static/nucleo-icons.woff) format("woff"),url(/static/nucleo-icons.ttf) format("truetype"),url(/static/nucleo-icons.svg) format("svg");font-weight:400;font-style:normal}.ni{display:inline-block;font: 14px/1 NucleoIcons;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ni-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.ni-2x{font-size:2em}.ni-3x{font-size:3em}.ni-4x{font-size:4em}.ni-5x{font-size:5em}.ni.square,.ni.circle{padding:.33333333em;vertical-align:-16%;background-color:#eee}.ni.circle{border-radius:50%}.ni-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.ni-ul>li{position:relative}.ni-ul>li>.ni{position:absolute;left:-1.57142857em;top:.14285714em;text-align:center}.ni-ul>li>.ni.lg{top:0;left:-1.35714286em}.ni-ul>li>.ni.circle,.ni-ul>li>.ni.square{top:-.19047619em;left:-1.9047619em}.ni.spin{-webkit-animation:nc-spin 2s infinite linear;-moz-animation:nc-spin 2s infinite linear;animation:nc-spin 2s infinite linear}@-webkit-keyframes nc-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes nc-spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@keyframes nc-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.ni.rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.ni.rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.ni.rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.ni.flip-y{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scaleX(-1)}.ni.flip-x{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scaleY(-1)}.ni-active-40:before{content:""}.ni-air-baloon:before{content:""}.ni-album-2:before{content:""}.ni-align-center:before{content:""}.ni-align-left-2:before{content:""}.ni-ambulance:before{content:""}.ni-app:before{content:""}.ni-archive-2:before{content:""}.ni-atom:before{content:""}.ni-badge:before{content:""}.ni-bag-17:before{content:""}.ni-basket:before{content:""}.ni-bell-55:before{content:""}.ni-bold-down:before{content:""}.ni-bold-left:before{content:""}.ni-bold-right:before{content:""}.ni-bold-up:before{content:""}.ni-bold:before{content:""}.ni-book-bookmark:before{content:""}.ni-books:before{content:""}.ni-box-2:before{content:""}.ni-briefcase-24:before{content:""}.ni-building:before{content:""}.ni-bulb-61:before{content:""}.ni-bullet-list-67:before{content:""}.ni-bus-front-12:before{content:""}.ni-button-pause:before{content:""}.ni-button-play:before{content:""}.ni-button-power:before{content:""}.ni-calendar-grid-58:before{content:""}.ni-camera-compact:before{content:""}.ni-caps-small:before{content:""}.ni-cart:before{content:""}.ni-chart-bar-32:before{content:""}.ni-chart-pie-35:before{content:""}.ni-chat-round:before{content:""}.ni-check-bold:before{content:""}.ni-circle-08:before{content:""}.ni-cloud-download-95:before{content:""}.ni-cloud-upload-96:before{content:""}.ni-compass-04:before{content:""}.ni-controller:before{content:""}.ni-credit-card:before{content:""}.ni-curved-next:before{content:""}.ni-delivery-fast:before{content:""}.ni-diamond:before{content:""}.ni-email-83:before{content:""}.ni-fat-add:before{content:""}.ni-fat-delete:before{content:""}.ni-fat-remove:before{content:""}.ni-favourite-28:before{content:""}.ni-folder-17:before{content:""}.ni-glasses-2:before{content:""}.ni-hat-3:before{content:""}.ni-headphones:before{content:""}.ni-html5:before{content:""}.ni-istanbul:before{content:""}.ni-key-25:before{content:""}.ni-laptop:before{content:""}.ni-like-2:before{content:""}.ni-lock-circle-open:before{content:""}.ni-map-big:before{content:""}.ni-mobile-button:before{content:""}.ni-money-coins:before{content:""}.ni-note-03:before{content:""}.ni-notification-70:before{content:""}.ni-palette:before{content:""}.ni-paper-diploma:before{content:""}.ni-pin-3:before{content:""}.ni-planet:before{content:""}.ni-ruler-pencil:before{content:""}.ni-satisfied:before{content:""}.ni-scissors:before{content:""}.ni-send:before{content:""}.ni-settings-gear-65:before{content:""}.ni-settings:before{content:""}.ni-single-02:before{content:""}.ni-single-copy-04:before{content:""}.ni-sound-wave:before{content:""}.ni-spaceship:before{content:""}.ni-square-pin:before{content:""}.ni-support-16:before{content:""}.ni-tablet-button:before{content:""}.ni-tag:before{content:""}.ni-tie-bow:before{content:""}.ni-time-alarm:before{content:""}.ni-trophy:before{content:""}.ni-tv-2:before{content:""}.ni-umbrella-13:before{content:""}.ni-user-run:before{content:""}.ni-vector:before{content:""}.ni-watch-time:before{content:""}.ni-world:before{content:""}.ni-zoom-split-in:before{content:""}.ni-collection:before{content:""}.ni-image:before{content:""}.ni-shop:before{content:""}.ni-ungroup:before{content:""}.ni-world-2:before{content:""}.ni-ui-04:before{content:""}.icon{display:inline-block;color:#111;height:1em;width:1em}.icon use{fill:#7ea6f6}.icon.icon-outline use{stroke:#7ea6f6}.icon-xs{height:.5em;width:.5em}.icon-sm{height:.8em;width:.8em}.icon-lg{height:1.6em;width:1.6em}.icon-xl{height:2em;width:2em}.icon-text-aligner{display:flex;align-items:center}.icon-text-aligner .icon{color:inherit;margin-right:.4em}.icon-text-aligner .icon use{color:inherit;fill:currentColor}.icon-text-aligner .icon.icon-outline use{stroke:currentColor}.icon{fill:currentColor;stroke:none}.icon.icon-outline{fill:none;stroke:currentColor}.icon use{stroke:none}.icon.icon-outline use{fill:none}.icon-outline.icon-stroke-1{stroke-width:1px}.icon-outline.icon-stroke-2{stroke-width:2px}.icon-outline.icon-stroke-3{stroke-width:3px}.icon-outline.icon-stroke-4{stroke-width:4px}.icon-outline.icon-stroke-1 use,.icon-outline.icon-stroke-3 use{-webkit-transform:translateX(.5px) translateY(.5px);-moz-transform:translateX(.5px) translateY(.5px);-ms-transform:translateX(.5px) translateY(.5px);-o-transform:translateX(.5px) translateY(.5px);transform:translate(.5px) translateY(.5px)}/*!
 
 =========================================================
 * Material Dashboard 2 - v3.1.0