WIP new archive/run selection

protzilla/disk_operator.py

@@ -140,6 +140,8 @@ def write_run(self, step_manager: StepManager) -> None:
                 run[KEYS.STEPS].append(self._write_step(step))
             self.yaml_operator.write(self.run_file, run)
 
+
+
     def read_workflow(self) -> StepManager:
         return self.read_run(self.workflow_file)
 

protzilla/run.py

@@ -4,9 +4,14 @@
 import threading
 import traceback
 
+import os
+import shutil
+import datetime
+
 import protzilla.constants.paths as paths
 from protzilla.steps import Messages, Output, Plots, Step
 from protzilla.utilities import format_trace
+from protzilla.disk_operator import DiskOperator, YamlOperator
 
 
 def get_available_run_names() -> list[str]:
@@ -19,6 +24,68 @@ def get_available_run_names() -> list[str]:
         if not directory.name.startswith(".")
     ]
 
+def get_available_runinfo() -> tuple[list[dict[str, str | list[str]]], list[dict[str, str | list[str]]], set[str]]:
+    if not paths.RUNS_PATH.exists():
+        return []
+    runs = []
+    runs_favourited = []
+    all_tags = set()
+    for directory in paths.RUNS_PATH.iterdir():   #not sorted the same for different os?
+        if directory.name.startswith("."):
+            continue
+        name = directory.name
+        creation_time = directory.stat().st_ctime
+        modification_time = directory.stat().st_mtime
+
+        disk_operator = DiskOperator(name, "dummy_workflow_name")
+        directory_path = os.path.join(paths.RUNS_PATH, name)
+        run_yaml_path = os.path.join(directory_path, "run.yaml")
+        step_manager = disk_operator.read_run(run_yaml_path)
+        steps = step_manager.all_steps
+        step_names = []
+        for step in steps:
+            step_names.append(step.display_name)
+
+        # empty initialization to ensure backwardscompatibility for runs without metadata.yaml
+        favourite = False
+        tags = set()
+
+        metadata_yaml_path = os.path.join(directory_path, "metadata.yaml")
+        if os.path.isfile(metadata_yaml_path):
+            yaml_operator = YamlOperator()
+            metadata = yaml_operator.read(metadata_yaml_path)
+            tags = metadata.get("tags", set())
+            favourite = metadata.get("favourite", False)
+
+        for tag in tags:
+            all_tags.add(tag)
+
+        run = { 
+            "run_name": name,
+            "creation_date": datetime.datetime.fromtimestamp(creation_time).strftime("%d %m %Y"), #TODO: reutrn the pure datetime, convert in html)
+            "modification_date": datetime.datetime.fromtimestamp(modification_time).strftime("%d %m %Y"),
+            "memory_mode": step_manager.df_mode,
+            "run_steps" : step_names,
+            "favourite_status" : favourite,
+            "run_tags": tags
+            }
+
+        if favourite: 
+            runs_favourited.append(run)
+        else:
+            runs.append(run)
+
+    for run in runs + runs_favourited:
+        possible_tags = list(all_tags - run["run_tags"])
+        run["addable_tags"] = possible_tags
+
+    return (runs, runs_favourited, all_tags)
+
+def delete_run_folder(run_name) -> None:
+    path = os.path.join(paths.RUNS_PATH, run_name)
+
+    if os.path.isdir(path):
+        shutil.rmtree(path)
 
 class Run:
     class ErrorHandlingContextManager:

protzilla/run_v2.py

@@ -4,9 +4,6 @@
 import threading
 import traceback
 
-import os
-import shutil
-
 import protzilla.constants.paths as paths
 from protzilla.steps import Messages, Output, Plots, Step
 from protzilla.utilities import format_trace
@@ -21,12 +18,6 @@ def get_available_run_names() -> list[str]:
         if not directory.name.startswith(".")
     ]
 
-def delete_run_folder(run_name) -> None:
-    path = os.path.join(paths.RUNS_PATH, run_name)
-
-    if os.path.isdir(path):
-        shutil.rmtree(path)
-
 
 class Run:
     class ErrorHandlingContextManager:

ui/runs/static/runs/MultiSelect.css

@@ -0,0 +1,150 @@
+.multi-select {
+    display: flex;
+    box-sizing: border-box;
+    flex-direction: column;
+    position: relative;
+    width: 100%;
+    user-select: none;
+  }
+  .multi-select .multi-select-header {
+    border: 1px solid #dee2e6;
+    padding: 7px 30px 7px 12px;
+    overflow: hidden;
+    gap: 7px;
+    min-height: 45px;
+  }
+  .multi-select .multi-select-header::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 50%;
+    right: 15px;
+    transform: translateY(-50%);
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23949ba3' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
+    height: 12px;
+    width: 12px;
+  }
+  .multi-select .multi-select-header.multi-select-header-active {
+    border-color: #c1c9d0;
+  }
+  .multi-select .multi-select-header.multi-select-header-active::after {
+    transform: translateY(-50%) rotate(180deg);
+  }
+  .multi-select .multi-select-header.multi-select-header-active + .multi-select-options {
+    display: flex;
+  }
+  .multi-select .multi-select-header .multi-select-header-placeholder {
+    color: #65727e;
+  }
+  .multi-select .multi-select-header .multi-select-header-option {
+    display: inline-flex;
+    align-items: center;
+    background-color: #f3f4f7;
+    font-size: 14px;
+    padding: 3px 8px;
+    border-radius: 5px;
+  }
+  .multi-select .multi-select-header .multi-select-header-max {
+    font-size: 14px;
+    color: #65727e;
+  }
+  .multi-select .multi-select-options {
+    display: none;
+    box-sizing: border-box;
+    flex-flow: wrap;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    z-index: 999;
+    margin-top: 5px;
+    padding: 5px;
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    max-height: 200px;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+  .multi-select .multi-select-options::-webkit-scrollbar {
+    width: 5px;
+  }
+  .multi-select .multi-select-options::-webkit-scrollbar-track {
+    background: #f0f1f3;
+  }
+  .multi-select .multi-select-options::-webkit-scrollbar-thumb {
+    background: #cdcfd1;
+  }
+  .multi-select .multi-select-options::-webkit-scrollbar-thumb:hover {
+    background: #b2b6b9;
+  }
+  .multi-select .multi-select-options .multi-select-option, .multi-select .multi-select-options .multi-select-all {
+    padding: 4px 12px;
+    height: 42px;
+  }
+  .multi-select .multi-select-options .multi-select-option .multi-select-option-radio, .multi-select .multi-select-options .multi-select-all .multi-select-option-radio {
+    margin-right: 14px;
+    height: 16px;
+    width: 16px;
+    border: 1px solid #ced4da;
+    border-radius: 4px;
+  }
+  .multi-select .multi-select-options .multi-select-option .multi-select-option-text, .multi-select .multi-select-options .multi-select-all .multi-select-option-text {
+    box-sizing: border-box;
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: inherit;
+    font-size: 16px;
+    line-height: 20px;
+  }
+  .multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio {
+    border-color: #40c979;
+    background-color: #40c979;
+  }
+  .multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-radio::after, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-radio::after {
+    content: "";
+    display: block;
+    width: 3px;
+    height: 7px;
+    margin: 0.12em 0 0 0.27em;
+    border: solid #fff;
+    border-width: 0 0.15em 0.15em 0;
+    transform: rotate(45deg);
+  }
+  .multi-select .multi-select-options .multi-select-option.multi-select-selected .multi-select-option-text, .multi-select .multi-select-options .multi-select-all.multi-select-selected .multi-select-option-text {
+    color: #40c979;
+  }
+  .multi-select .multi-select-options .multi-select-option:hover, .multi-select .multi-select-options .multi-select-option:active, .multi-select .multi-select-options .multi-select-all:hover, .multi-select .multi-select-options .multi-select-all:active {
+    background-color: #f3f4f7;
+  }
+  .multi-select .multi-select-options .multi-select-all {
+    border-bottom: 1px solid #f1f3f5;
+    border-radius: 0;
+  }
+  .multi-select .multi-select-options .multi-select-search {
+    padding: 7px 10px;
+    border: 1px solid #dee2e6;
+    border-radius: 5px;
+    margin: 10px 10px 5px 10px;
+    width: 100%;
+    outline: none;
+    font-size: 16px;
+  }
+  .multi-select .multi-select-options .multi-select-search::placeholder {
+    color: #b2b5b9;
+  }
+  .multi-select .multi-select-header, .multi-select .multi-select-option, .multi-select .multi-select-all {
+    display: flex;
+    flex-wrap: wrap;
+    box-sizing: border-box;
+    align-items: center;
+    border-radius: 5px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    font-size: 16px;
+    color: #212529;
+  }