From a651ffc8f817660663e584453376af925f8f0ac6 Mon Sep 17 00:00:00 2001
From: David Tsay <david.e.tsay@nasa.gov>
Date: Tue, 11 Feb 2025 10:09:12 -0800
Subject: [PATCH] add resize handles to time strip views

---
 .../components/FlexibleLayout.vue             |  4 +--
 src/plugins/flexibleLayout/plugin.js          |  3 ++-
 src/plugins/timeline/TimelineViewLayout.vue   | 25 +++++++++++++------
 .../container.js => ui/layout/Container.js}   |  0
 .../utils/frame.js => ui/layout/Frame.js}     |  0
 5 files changed, 22 insertions(+), 10 deletions(-)
 rename src/{plugins/flexibleLayout/utils/container.js => ui/layout/Container.js} (100%)
 rename src/{plugins/flexibleLayout/utils/frame.js => ui/layout/Frame.js} (100%)

diff --git a/src/plugins/flexibleLayout/components/FlexibleLayout.vue b/src/plugins/flexibleLayout/components/FlexibleLayout.vue
index f12bda23de..135f4267fd 100644
--- a/src/plugins/flexibleLayout/components/FlexibleLayout.vue
+++ b/src/plugins/flexibleLayout/components/FlexibleLayout.vue
@@ -77,10 +77,10 @@
 </template>
 
 <script>
+import Container from '@/ui/layout/Container.js';
+import Frame from '@/ui/layout/Frame.js';
 import ResizeHandle from '@/ui/layout/ResizeHandle/ResizeHandle.vue';
 
-import Container from '../utils/container.js';
-import Frame from '../utils/frame.js';
 import ContainerComponent from './ContainerComponent.vue';
 import DropHint from './DropHint.vue';
 
diff --git a/src/plugins/flexibleLayout/plugin.js b/src/plugins/flexibleLayout/plugin.js
index ab48248018..9121382f75 100644
--- a/src/plugins/flexibleLayout/plugin.js
+++ b/src/plugins/flexibleLayout/plugin.js
@@ -20,9 +20,10 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 
+import Container from '@/ui/layout/Container.js';
+
 import FlexibleLayoutViewProvider from './flexibleLayoutViewProvider.js';
 import ToolBarProvider from './toolbarProvider.js';
-import Container from './utils/container.js';
 
 export default function plugin() {
   return function install(openmct) {
diff --git a/src/plugins/timeline/TimelineViewLayout.vue b/src/plugins/timeline/TimelineViewLayout.vue
index d0264c04f2..68f56b9d26 100644
--- a/src/plugins/timeline/TimelineViewLayout.vue
+++ b/src/plugins/timeline/TimelineViewLayout.vue
@@ -41,13 +41,22 @@
     </SwimLane>
 
     <div ref="contentHolder" class="c-timeline__objects">
-      <TimelineObjectView
-        v-for="item in items"
-        :key="item.keyString"
-        class="c-timeline__content js-timeline__content"
-        :item="item"
-        :extended-lines-bus
-      />
+      <template v-for="(item, index) in items" :key="item.keyString">
+        <TimelineObjectView
+          class="c-timeline__content js-timeline__content"
+          :item="item"
+          :extended-lines-bus
+        />
+        <ResizeHandle
+          v-if="index !== items.length - 1"
+          :index="index"
+          drag-orientation="'vertical'"
+          :is-editing="isEditing"
+          @init-move="startContainerResizing"
+          @move="containerResizing"
+          @end-move="endContainerResizing"
+        />
+      </template>
     </div>
 
     <ExtendedLinesOverlay
@@ -66,6 +75,7 @@ import { useDragResizer } from 'utils/vue/useDragResizer.js';
 import { inject, provide } from 'vue';
 
 import SwimLane from '@/ui/components/swim-lane/SwimLane.vue';
+import ResizeHandle from '@/ui/layout/ResizeHandle/ResizeHandle.vue';
 
 import TimelineAxis from '../../ui/components/TimeSystemAxis.vue';
 import { useAlignment } from '../../ui/composables/alignmentContext.js';
@@ -85,6 +95,7 @@ const PLOT_ITEM_H_PX = 100;
 
 export default {
   components: {
+    ResizeHandle,
     TimelineObjectView,
     TimelineAxis,
     SwimLane,
diff --git a/src/plugins/flexibleLayout/utils/container.js b/src/ui/layout/Container.js
similarity index 100%
rename from src/plugins/flexibleLayout/utils/container.js
rename to src/ui/layout/Container.js
diff --git a/src/plugins/flexibleLayout/utils/frame.js b/src/ui/layout/Frame.js
similarity index 100%
rename from src/plugins/flexibleLayout/utils/frame.js
rename to src/ui/layout/Frame.js