Bulk delete session tracks (#4736)

GMOD · Dec 19, 2024 · 5d48ad8 · 5d48ad8
1 parent 1d793a1
commit 5d48ad8
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 4 deletions.
diff --git a/plugins/data-management/src/HierarchicalTrackSelectorWidget/components/ShoppingCart.tsx b/plugins/data-management/src/HierarchicalTrackSelectorWidget/components/ShoppingCart.tsx
@@ -12,9 +12,12 @@ const ShoppingCart = observer(function ({
 }: {
   model: HierarchicalTrackSelectorModel
 }) {
+  const session = getSession(model)
   const { selection } = model
   const { pluginManager } = getEnv(model)
-  const session = getSession(model)
+  const { adminMode, sessionTracks } = session
+  const s = new Set<string>(sessionTracks?.map(t => t.trackId))
+  const canEdit = (t: string) => adminMode || s.has(t)
   const items = pluginManager.evaluateExtensionPoint(
     'TrackSelector-multiTrackMenuItems',
     [],
@@ -25,11 +28,23 @@ const ShoppingCart = observer(function ({
     <CascadingMenuButton
       menuItems={[
         {
-          label: 'Clear',
+          label: 'Clear selection',
           onClick: () => {
             model.clearSelection()
           },
         },
+        ...(selection.every(elt => canEdit(elt.trackId))
+          ? [
+              {
+                label: 'Delete tracks',
+                onClick: () => {
+                  // @ts-expect-error
+                  selection.forEach(s => session.deleteTrackConf?.(s))
+                },
+              },
+            ]
+          : []),
+
         ...items.map(item => ({
           ...item,
           ...('onClick' in item

diff --git a/plugins/data-management/src/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.tsx b/plugins/data-management/src/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.tsx
@@ -41,8 +41,8 @@ export default function TrackLabel({ data }: { data: NodeData }) {
     id,
     trackId,
     name,
-    onChange,
     selected,
+    onChange,
   } = data
   const description = readConfObject(conf, 'description')
   return (
@@ -53,6 +53,16 @@ export default function TrackLabel({ data }: { data: NodeData }) {
       >
         <FormControlLabel
           className={classes.checkboxLabel}
+          onClick={event => {
+            if (event.ctrlKey || event.metaKey) {
+              if (selected) {
+                model.removeFromSelection([conf])
+              } else {
+                model.addToSelection([conf])
+              }
+              event.preventDefault()
+            }
+          }}
           control={
             <Checkbox
               className={classes.compactCheckbox}
@@ -70,7 +80,7 @@ export default function TrackLabel({ data }: { data: NodeData }) {
           label={
             <div
               data-testid={`htsTrackLabel-${id}`}
-              style={{ background: selected ? '#cccc' : undefined }}
+              className={selected ? classes.selected : undefined}
             >
               <SanitizedHTML html={name} />
             </div>