Add the disable functionality to dropdowns in the rundown

Signed-off-by: Axel Boberg <[email protected]>

plugins/rundown/app/components/RundownList/index.jsx

@@ -11,7 +11,7 @@ import { RundownGroupItem, RundownGroupItemContext } from '../RundownGroupItem'
 import { RundownListItem } from '../RundownListItem'
 import { RundownItem } from '../RundownItem'
 
-import * as clipboard from '../../utils/clipboard'
+import * as selectionUtils from '../../utils/selection'
 import * as keyboard from '../../utils/keyboard'
 
 /**
@@ -60,72 +60,6 @@ function scrollIntoView (el, animate = true, centered = true) {
   })
 }
 
-/**
- * Delete the current selection
- * 
- * Fetch the selection from the main thread before doing the deletion as
- * we want to make sure we don't delete the wrong items from an unsynced state
- * 
- * @returns { Promise.<void> }
- */
-async function deleteSelection () {
-  const selection = await bridge.client.getSelection()
-  bridge.items.deleteItems(selection)
-}
-
-/**
- * Copy a string representation of the
- * currently selected items to the clipboard
- * 
- * @returns { Promise.<void> }
- */
-async function copySelection () {
-  const selection = await bridge.client.getSelection()
-  const str = await bridge.commands.executeCommand('rundown.copyItems', selection)
-  await clipboard.copyText(str)
-}
-
-/**
- * Play the currently selected items
- * @returns { Promise.<void> }
- */
-async function playSelection () {
-  const selection = await bridge.client.getSelection()
-  selection.forEach(itemId => bridge.items.playItem(itemId))
-}
-
-/**
- * Stop the currently selected items
- * @returns { Promise.<void> }
- */
-async function stopSelection () {
-  const selection = await bridge.client.getSelection()
-  selection.forEach(itemId => bridge.items.stopItem(itemId))
-}
-
-/**
- * Toggle the disabled property
- * of the currently selected items
- * @returns { Promise.<void> }
- */
-async function toggleDisableSelection () {
-  const selection = await bridge.client.getSelection()
-
-  const set = {
-    items: {}
-  }
-
-  for (const itemId of selection) {
-    set.items[itemId] = {
-      data: {
-        disabled: { $invert: true }
-      }
-    }
-  }
-
-  bridge.state.apply(set)
-}
-
 export function RundownList ({
   rundownId = '',
   className = '',
@@ -231,19 +165,19 @@ export function RundownList ({
           select(-1)
           break
         case 'toggleDisable':
-          toggleDisableSelection()
+          selectionUtils.toggleDisableSelection()
           break
         case 'delete':
-          deleteSelection()
+          selectionUtils.deleteSelection()
           break
         case 'play':
-          playSelection()
+          selectionUtils.playSelection()
           break
         case 'stop':
-          stopSelection()
+          selectionUtils.stopSelection()
           break
         case 'copy':
-          copySelection()
+          selectionUtils.copySelection()
           break
       }
     }

plugins/rundown/app/components/RundownListItem/index.jsx

@@ -12,6 +12,7 @@ import { ContextMenuDivider } from '../../../../../app/components/ContextMenuDiv
 import { ContextAddMenu } from '../ContextAddMenu'
 
 import * as clipboard from '../../utils/clipboard'
+import * as selection from '../../utils/selection'
 
 const INDICATE_PLAYING_TIMEOUT_MS = 100
 
@@ -158,6 +159,7 @@ export function RundownListItem ({
                 <ContextAddMenu onAdd={newItemId => handleAdd(newItemId)} />
               </ContextMenuItem>
               <ContextMenuItem text='Create reference' onClick={() => handleCreateReference()} />
+              <ContextMenuItem text={item?.data?.disabled ? 'Enable' : 'Disable'} onClick={() => selection.disableSelection(!item?.data?.disabled)} />
               <ContextMenuDivider />
               <ContextMenuItem text='Remove' onClick={() => handleDelete()} />
               {

plugins/rundown/app/utils/selection.js

@@ -0,0 +1,92 @@
+import bridge from 'bridge'
+
+import * as clipboard from './clipboard'
+
+/**
+ * Toggle the disabled property
+ * of the currently selected items
+ * @returns { Promise.<void> }
+ */
+export async function toggleDisableSelection () {
+  const selection = await bridge.client.getSelection()
+
+  const set = {
+    items: {}
+  }
+
+  for (const itemId of selection) {
+    set.items[itemId] = {
+      data: {
+        disabled: { $invert: true }
+      }
+    }
+  }
+
+  bridge.state.apply(set)
+}
+
+/**
+ * Set the disabled property
+ * of the currently selected items
+ * @returns { Promise.<void> }
+ */
+export async function disableSelection (disabled) {
+  const selection = await bridge.client.getSelection()
+
+  const set = {
+    items: {}
+  }
+
+  for (const itemId of selection) {
+    set.items[itemId] = {
+      data: {
+        disabled: !!disabled
+      }
+    }
+  }
+
+  bridge.state.apply(set)
+}
+
+/**
+ * Delete the current selection
+ * 
+ * Fetch the selection from the main thread before doing the deletion as
+ * we want to make sure we don't delete the wrong items from an unsynced state
+ * 
+ * @returns { Promise.<void> }
+ */
+export async function deleteSelection () {
+  const selection = await bridge.client.getSelection()
+  bridge.items.deleteItems(selection)
+}
+
+/**
+ * Copy a string representation of the
+ * currently selected items to the clipboard
+ * 
+ * @returns { Promise.<void> }
+ */
+export async function copySelection () {
+  const selection = await bridge.client.getSelection()
+  const str = await bridge.commands.executeCommand('rundown.copyItems', selection)
+  await clipboard.copyText(str)
+}
+
+/**
+ * Play the currently selected items
+ * @returns { Promise.<void> }
+ */
+export async function playSelection () {
+  const selection = await bridge.client.getSelection()
+  selection.forEach(itemId => bridge.items.playItem(itemId))
+}
+
+/**
+ * Stop the currently selected items
+ * @returns { Promise.<void> }
+ */
+export async function stopSelection () {
+  const selection = await bridge.client.getSelection()
+  selection.forEach(itemId => bridge.items.stopItem(itemId))
+}