From 0aa2b02a851e014275d6530b2b638e8a29ea38bb Mon Sep 17 00:00:00 2001
From: Tommy Mikkelsen <tm@orstrand.dk>
Date: Mon, 4 Jul 2022 22:52:12 +0200
Subject: [PATCH] #521 PMS Butler

---
 .../modules/ExportTools/Settings/settings.vue | 80 +++++++++----------
 src/components/modules/PMS/Butler/butler.vue  | 58 +++++++-------
 2 files changed, 70 insertions(+), 68 deletions(-)

diff --git a/src/components/modules/ExportTools/Settings/settings.vue b/src/components/modules/ExportTools/Settings/settings.vue
index 6860c1a..4457579 100644
--- a/src/components/modules/ExportTools/Settings/settings.vue
+++ b/src/components/modules/ExportTools/Settings/settings.vue
@@ -6,48 +6,48 @@
       </h2>
       <h5>{{ $t(`Modules.ET.Settings.Description`) }}</h5>
     </div>
-        <b-link id="general" :to="{ path: '/settings/export', query: { return: 'exportsettings' } }">{{ $t("Modules.ET.Settings.Note") }} </b-link>
-        <br>
-        <b-input-group id="PosterGrp" :prepend="$t('Modules.ET.Settings.Posters_Dimensions')" class="mt-3">
-            <b-tooltip target="PosterGrp" triggers="hover">
-                {{ $t('Modules.ET.Settings.Posters_Dimensions_TT') }}
-            </b-tooltip>
-            <b-form-input id="PosterDim" name="PosterDim" type="text" class="form-control" v-model="PosterDim" :disabled=false @change="setPosters_Dimensions()"></b-form-input>
-        </b-input-group>
-        <b-input-group id="ArtGrp" :prepend="$t('Modules.ET.Settings.Art_Dimensions')" class="mt-3">
-            <b-tooltip target="ArtGrp" triggers="hover">
-                {{ $t('Modules.ET.Settings.Art_Dimensions_TT') }}
-            </b-tooltip>
-            <b-form-input id="ArtDim" name="ArtDim" type="text" class="form-control" v-model="ArtDim" :disabled=false @change="setArt_Dimensions()"></b-form-input>
-        </b-input-group>
-        <b-form-group id="b-form-group">
-        <b-form-checkbox-group
-            stacked
-            :options="cbOptions"
-            v-model="cbSelected"
-            @change.native="filterTable">
-        </b-form-checkbox-group>
-        </b-form-group>
-        <b-form-group id="etSugMovieID" v-bind:label="$t('Modules.ET.Settings.MoviesUseId')" label-size="lg" label-class="font-weight-bold pt-0" v-b-tooltip.hover="$t('Modules.ET.Settings.ttMoviesUseId')">
-                <b-form-select
-                    class="form-control"
-                    v-model="SelectedMoviesID"
-                    id="SelectedMoviesID"
-                    :options="SelectedMoviesIDOptions"
-                    @change="SelectedMoviesIDChanged"
-                    style="width: 50%"
-                    name="SugMovieID">
-                </b-form-select>
-        </b-form-group>
+    <b-link id="general" :to="{ path: '/settings/export', query: { return: 'exportsettings' } }">{{ $t("Modules.ET.Settings.Note") }} </b-link>
+    <br>
+    <b-input-group id="PosterGrp" :prepend="$t('Modules.ET.Settings.Posters_Dimensions')" class="mt-3">
+        <b-tooltip target="PosterGrp" triggers="hover">
+            {{ $t('Modules.ET.Settings.Posters_Dimensions_TT') }}
+        </b-tooltip>
+        <b-form-input id="PosterDim" name="PosterDim" type="text" class="form-control" v-model="PosterDim" :disabled=false @change="setPosters_Dimensions()"></b-form-input>
+    </b-input-group>
+    <b-input-group id="ArtGrp" :prepend="$t('Modules.ET.Settings.Art_Dimensions')" class="mt-3">
+        <b-tooltip target="ArtGrp" triggers="hover">
+            {{ $t('Modules.ET.Settings.Art_Dimensions_TT') }}
+        </b-tooltip>
+        <b-form-input id="ArtDim" name="ArtDim" type="text" class="form-control" v-model="ArtDim" :disabled=false @change="setArt_Dimensions()"></b-form-input>
+    </b-input-group>
+    <b-form-group id="b-form-group">
+    <b-form-checkbox-group
+        stacked
+        :options="cbOptions"
+        v-model="cbSelected"
+        @change.native="filterTable">
+    </b-form-checkbox-group>
+    </b-form-group>
+    <b-form-group id="etSugMovieID" v-bind:label="$t('Modules.ET.Settings.MoviesUseId')" label-size="lg" label-class="font-weight-bold pt-0" v-b-tooltip.hover="$t('Modules.ET.Settings.ttMoviesUseId')">
+            <b-form-select
+                class="form-control"
+                v-model="SelectedMoviesID"
+                id="SelectedMoviesID"
+                :options="SelectedMoviesIDOptions"
+                @change="SelectedMoviesIDChanged"
+                style="width: 50%"
+                name="SugMovieID">
+            </b-form-select>
+    </b-form-group>
+    <!-- Buttons -->
+    <div class="buttons">
         <!-- Buttons -->
-        <div class="buttons">
-            <!-- Buttons -->
-            <div id="buttons" class="text-center">
-                <b-button-group >
-                    <b-button variant="success" class="mr-1" @click="jumpToET"> {{ $t('Modules.ET.Settings.Return') }} </b-button>
-                </b-button-group>
-            </div>
+        <div id="buttons" class="text-center">
+            <b-button-group >
+                <b-button variant="success" class="mr-1" @click="jumpToET"> {{ $t('Modules.ET.Settings.Return') }} </b-button>
+            </b-button-group>
         </div>
+    </div>
   </b-container>
 </template>
 
diff --git a/src/components/modules/PMS/Butler/butler.vue b/src/components/modules/PMS/Butler/butler.vue
index a96755a..1510e2f 100644
--- a/src/components/modules/PMS/Butler/butler.vue
+++ b/src/components/modules/PMS/Butler/butler.vue
@@ -1,33 +1,35 @@
 <template>
-  <b-container fluid>
-    <div class="col-lg-10 col-md-12 col-xs-12">
-        <h1>{{ $t("Modules.PMS.Butler.Name") }}</h1>
-        <p>{{ $t("Modules.PMS.Butler.Description") }}</p>
-    </div>
-
-    <div class="d-flex align-items-center">
-      <b-form-group id="ButlerGroup" v-bind:label="$t('Modules.PMS.Butler.SelectTask')" label-size="lg" label-class="font-weight-bold pt-0">
-        <b-tooltip target="ButlerGroup" triggers="hover">
-          {{ $t('Modules.PMS.Butler.TTSelectTask') }}
-        </b-tooltip>
-        <b-form-select
-          v-model="selTask"
-          id="selTask"
-          :options="selTaskOptions"
-          name="selTask">
-        </b-form-select>
-      </b-form-group>
-    </div>
-    <br>
-    <br>
-    <div class="buttons">
-        <!-- Buttons -->
-        <div id="buttons" class="text-center">
-            <b-button-group >
-                <b-button variant="success" class="mr-1" :disabled="this.selTask == ''" @click="executeButlerTask"> {{ $t('Modules.PMS.Butler.RunTask') }} </b-button>
-            </b-button-group>
+    <b-container class="m-2 mt-2">
+        <div>   <!-- Title and desc -->
+            <h2>
+                {{ $t(`Modules.PMS.Butler.Name`) }}
+            </h2>
+            <h5>{{ $t(`Modules.PMS.Butler.Description`) }}</h5>
+        </div>
+        <br>
+        <div class="d-flex align-items-center">
+        <b-form-group id="ButlerGroup" v-bind:label="$t('Modules.PMS.Butler.SelectTask')" label-size="lg" label-class="font-weight-bold pt-0">
+            <b-tooltip target="ButlerGroup" triggers="hover">
+            {{ $t('Modules.PMS.Butler.TTSelectTask') }}
+            </b-tooltip>
+            <b-form-select
+            v-model="selTask"
+            id="selTask"
+            :options="selTaskOptions"
+            name="selTask">
+            </b-form-select>
+        </b-form-group>
+        </div>
+        <br>
+        <br>
+        <div class="buttons">
+            <!-- Buttons -->
+            <div id="buttons" class="text-center">
+                <b-button-group >
+                    <b-button variant="success" class="mr-1" :disabled="this.selTask == ''" @click="executeButlerTask"> {{ $t('Modules.PMS.Butler.RunTask') }} </b-button>
+                </b-button-group>
+            </div>
         </div>
-    </div>
   </b-container>
 </template>