From 6724a3125627a6b3543e31979d935d51e578f6a9 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Tue, 3 Oct 2023 15:03:37 +0200
Subject: [PATCH] Fixed Protocol templates missing additional options for steps
 [SCI-9419]

---
 app/javascript/vue/protocol/container.vue | 19 ++++++++++++++++++-
 app/javascript/vue/shared/inline_edit.vue |  2 +-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/protocol/container.vue b/app/javascript/vue/protocol/container.vue
index 33013e7dc..179991260 100644
--- a/app/javascript/vue/protocol/container.vue
+++ b/app/javascript/vue/protocol/container.vue
@@ -133,7 +133,7 @@
         </div>
         <div class="border-0 border-b border-dashed border-sn-light-grey my-4" v-if="!inRepository"></div>
         <div id="protocol-steps-container" :class=" inRepository ? 'protocol-steps collapse in' : ''">
-          <div v-if="urls.add_step_url && inRepository" class="py-5">
+          <div v-if="urls.add_step_url && inRepository" class="py-5 flex flex-row gap-8 justify-between">
             <a
               class="btn btn-secondary"
               :title="i18n.t('protocols.steps.new_step_title')"
@@ -143,6 +143,23 @@
                 <span class="sn-icon sn-icon-new-task" aria-hidden="true"></span>
                 <span>{{ i18n.t("protocols.steps.new_step") }}</span>
             </a>
+            <div v-if="steps.length > 0" class="flex justify-between items-center gap-4">
+              <button @click="collapseSteps" class="btn btn-secondary flex px-4" tabindex="0">
+                {{ i18n.t("protocols.steps.collapse_label") }}
+              </button>
+              <button @click="expandSteps" class="btn btn-secondary flex px-4" tabindex="0">
+                {{ i18n.t("protocols.steps.expand_label") }}
+              </button>
+              <a v-if="steps.length > 0 && urls.reorder_steps_url"
+                class="btn btn-light icon-btn"
+                data-toggle="modal"
+                @click="startStepReorder"
+                @keyup.enter="startStepReorder"
+                :class="{'disabled': steps.length == 1}"
+                tabindex="0" >
+              <i class="sn-icon sn-icon-sort" aria-hidden="true"></i>
+          </a>
+          </div>
           </div>
           <div class="protocol-steps pb-8">
             <div v-for="(step, index) in steps" :key="step.id" class="step-block">
diff --git a/app/javascript/vue/shared/inline_edit.vue b/app/javascript/vue/shared/inline_edit.vue
index ca0dc2508..dda5df24d 100644
--- a/app/javascript/vue/shared/inline_edit.vue
+++ b/app/javascript/vue/shared/inline_edit.vue
@@ -37,7 +37,7 @@
       :class="{ 'text-sn-grey font-normal': isBlank, 'whitespace-pre-line': !singleLine }"
       @click="enableEdit($event)"
     >
-      <span :class="{'truncate': singleLine}" v-if="smartAnnotation" v-html="sa_value || placeholder" ></span>
+      <span class="list-item" :class="{'truncate': singleLine}" v-if="smartAnnotation" v-html="sa_value || placeholder" ></span>
       <span :class="{'truncate': singleLine}" v-else>{{newValue || placeholder}}</span>
     </div>