add slot for progress stepper title in BaseStepper.vue (#1054)

- added slot for progress stepper title in BaseStepper.vue - removed unused codes - added manage actions buttons in the manage page under form design progress stepper
bcgov · Oct 3, 2023 · e52f955 · e52f955
1 parent 6f6761b
commit e52f955
Show file tree

Hide file tree

Showing 21 changed files with 25 additions and 23 deletions.
diff --git a/app/frontend/src/components/base/BaseStepper.vue b/app/frontend/src/components/base/BaseStepper.vue
@@ -11,13 +11,17 @@
       >
         <v-stepper-step :complete="creatorStep > 1" step="1" class="pl-1 pr-1">
           <span :class="{ 'mr-2': isRTL }" :lang="lang">
-            {{ $t('trans.baseStepper.setUpForm') }}
+            <slot name="setUpFormTitle">
+              {{ $t('trans.baseStepper.setUpForm') }}
+            </slot>
           </span>
         </v-stepper-step>
         <v-divider />
         <v-stepper-step :complete="creatorStep > 2" step="2" class="pl-1 pr-1">
           <span :class="{ 'mr-2': isRTL }" :lang="lang">
-            {{ $t('trans.baseStepper.designForm') }}
+            <slot name="designFormTitle">
+              {{ $t('trans.baseStepper.designForm') }}
+            </slot>
           </span>
         </v-stepper-step>
         <v-divider />
@@ -27,7 +31,9 @@
           class="pl-1 pr-1"
         >
           <span :class="{ 'mr-2': isRTL }" :lang="lang">
-            {{ $t('trans.baseStepper.manageForm') }}
+            <slot name="manageFormTitle">
+              {{ $t('trans.baseStepper.manageForm') }}
+            </slot>
           </span>
         </v-stepper-step>
       </v-stepper-header>

diff --git a/app/frontend/src/internationalization/trans/chefs/ar/ar.json b/app/frontend/src/internationalization/trans/chefs/ar/ar.json
@@ -786,7 +786,6 @@
   },
 
   "create": {
-    "createNewForm": "إنشاء نموذج جديد",
     "formSettings": "إعدادات النموذج",
     "disclaimer": "تنصل",
     "disclaimerStmt": "أوافق على إخلاء المسؤولية وبيان المسؤولية لمصممي النماذج",

diff --git a/app/frontend/src/internationalization/trans/chefs/de/de.json b/app/frontend/src/internationalization/trans/chefs/de/de.json
@@ -785,7 +785,6 @@
     "manageForm": "Formular verwalten"
   },
   "create": {
-    "createNewForm": "Neues Formular erstellen",
     "formSettings": "Formulareinstellungen",
     "disclaimer": "Haftungsausschluss",
     "disclaimerStmt": "Ich stimme dem Haftungsausschluss und der Haftungserklärung von Form Designers zu",

diff --git a/app/frontend/src/internationalization/trans/chefs/en/en.json b/app/frontend/src/internationalization/trans/chefs/en/en.json
@@ -785,7 +785,6 @@
     "manageForm": "Manage Form"
   },
   "create": {
-    "createNewForm": "Create New Form",
     "formSettings": "Form Settings",
     "disclaimer": "Disclaimer",
     "disclaimerStmt": "I agree to the disclaimer and statement of responsibility for Form Designers",

diff --git a/app/frontend/src/internationalization/trans/chefs/es/es.json b/app/frontend/src/internationalization/trans/chefs/es/es.json
@@ -785,7 +785,6 @@
   "manageForm": "Administrar formulario"
 },
   "create": {
-    "createNewForm": "Crear nuevo formulario",
     "formSettings": "Configuración de formulario",
     "disclaimer": "Descargo de responsabilidad",
     "disclaimerStmt": "Acepto el descargo de responsabilidad y la declaración de responsabilidad de Form Designers",

diff --git a/app/frontend/src/internationalization/trans/chefs/fa/fa.json b/app/frontend/src/internationalization/trans/chefs/fa/fa.json
@@ -785,7 +785,6 @@
   "manageForm": "مدیریت فرم"
 },
   "create": {
-    "createNewForm": "ایجاد فرم جدید",
     "formSettings": "تنظیمات فرم",
     "disclaimer": "سلب مسئولیت",
     "disclaimerStmt": "من با سلب مسئولیت و بیانیه مسئولیت طراحان فرم موافقم",

diff --git a/app/frontend/src/internationalization/trans/chefs/fr/fr.json b/app/frontend/src/internationalization/trans/chefs/fr/fr.json
@@ -785,7 +785,6 @@
     "manageForm": "Gérer le formulaire"
 },
   "create": {
-    "createNewForm": "Créer un nouveau formulaire",
     "formSettings": "Paramètres du formulaire",
     "disclaimer": "Clause de non-responsabilité",
     "disclaimerStmt": "J'accepte la clause de non-responsabilité et la déclaration de responsabilité des concepteurs de formulaires",

diff --git a/app/frontend/src/internationalization/trans/chefs/hi/hi.json b/app/frontend/src/internationalization/trans/chefs/hi/hi.json
@@ -785,7 +785,6 @@
     "manageForm": "प्रपत्र प्रबंधित करें"
 },
   "create": {
-    "createNewForm": "नया फॉर्म बनाएं",
     "formSettings": "फॉर्म सेटिंग्स",
     "disclaimer": "अस्वीकरण",
     "disclaimerStmt": "मैं फॉर्म डिजाइनरों के अस्वीकरण और जिम्मेदारी के बयान से सहमत हूं",

diff --git a/app/frontend/src/internationalization/trans/chefs/it/it.json b/app/frontend/src/internationalization/trans/chefs/it/it.json
@@ -785,7 +785,6 @@
     "manageForm": "Gestisci modulo"
 },
   "create": {
-    "createNewForm": "Crea nuovo modulo",
     "formSettings": "Impostazioni modulo",
     "disclaimer": "Disclaimer",
     "disclaimerStmt": "Accetto il disclaimer e la dichiarazione di responsabilità per Form Designers",

diff --git a/app/frontend/src/internationalization/trans/chefs/ja/ja.json b/app/frontend/src/internationalization/trans/chefs/ja/ja.json
@@ -785,7 +785,6 @@
     "manageForm": "フォームの管理"
     },
   "create": {
-    "createNewForm": "新しいフォームの作成",
     "formSettings": "フォーム設定",
     "disclaimer": "免責事項",
     "disclaimerStmt": "フォームデザイナーの免責事項と責任声明に同意します",

diff --git a/app/frontend/src/internationalization/trans/chefs/ko/ko.json b/app/frontend/src/internationalization/trans/chefs/ko/ko.json
@@ -785,7 +785,6 @@
     "manageForm": "양식 관리"
     },
   "create": {
-    "createNewForm": "새 양식 만들기",
     "formSettings": "양식 설정",
     "disclaimer": "부인 성명",
     "disclaimerStmt": "양식 디자이너에 대한 면책 조항 및 책임 진술에 동의합니다.",

diff --git a/app/frontend/src/internationalization/trans/chefs/pa/pa.json b/app/frontend/src/internationalization/trans/chefs/pa/pa.json
@@ -785,7 +785,6 @@
     "manageForm": "ਫਾਰਮ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰੋ"
     },
   "create": {
-    "createNewForm": "ਨਵਾਂ ਫਾਰਮ ਬਣਾਓ",
     "formSettings": "ਫਾਰਮ ਸੈਟਿੰਗਾਂ",
     "disclaimer": "ਬੇਦਾਅਵਾ",
     "disclaimerStmt": "ਮੈਂ ਫਾਰਮ ਡਿਜ਼ਾਈਨਰਾਂ ਲਈ ਬੇਦਾਅਵਾ ਅਤੇ ਜ਼ਿੰਮੇਵਾਰੀ ਦੇ ਬਿਆਨ ਨਾਲ ਸਹਿਮਤ ਹਾਂ",

diff --git a/app/frontend/src/internationalization/trans/chefs/pt/pt.json b/app/frontend/src/internationalization/trans/chefs/pt/pt.json
@@ -786,7 +786,6 @@
     "manageForm": "Gerenciar formulário"
 },
   "create": {
-    "createNewForm": "Criar novo formulário",
     "formSettings": "Configurações do formulário",
     "disclaimer": "Isenção de responsabilidade",
     "disclaimerStmt": "Eu concordo com a isenção de responsabilidade e declaração de responsabilidade para Form Designers",

diff --git a/app/frontend/src/internationalization/trans/chefs/ru/ru.json b/app/frontend/src/internationalization/trans/chefs/ru/ru.json
@@ -784,7 +784,6 @@
     "manageForm": "Управление формой"
     },
   "create": {
-    "createNewForm": "Создать новую форму",
     "formSettings": "Настройки формы",
     "disclaimer": "Отказ от ответственности",
     "disclaimerStmt": "Я согласен с заявлением об отказе от ответственности и заявлением об ответственности дизайнеров форм",

diff --git a/app/frontend/src/internationalization/trans/chefs/tl/tl.json b/app/frontend/src/internationalization/trans/chefs/tl/tl.json
@@ -785,7 +785,6 @@
     "manageForm": "Pamahalaan ang Form"
     },
   "create": {
-    "createNewForm": "Lumikha ng Bagong Form",
     "formSettings": "Mga Setting ng Form",
     "disclaimer": "Disclaimer",
     "disclaimerStmt": "Sumasang-ayon ako sa disclaimer at pahayag ng responsibilidad para sa mga Form Designer",

diff --git a/app/frontend/src/internationalization/trans/chefs/uk/uk.json b/app/frontend/src/internationalization/trans/chefs/uk/uk.json
@@ -785,7 +785,6 @@
     "manageForm": "Керувати формою"
     },
   "create": {
-    "createNewForm": "Створити нову форму",
     "formSettings": "Налаштування форми",
     "disclaimer": "Відмова від відповідальності",
     "disclaimerStmt": "Я погоджуюся із застереженням і заявою про відповідальність для дизайнерів форм",

diff --git a/app/frontend/src/internationalization/trans/chefs/vi/vi.json b/app/frontend/src/internationalization/trans/chefs/vi/vi.json
@@ -785,7 +785,6 @@
     "manageForm": "Quản lý biểu mẫu"
     },
   "create": {
-    "createNewForm": "Tạo biểu mẫu mới",
     "formSettings": "Cài đặt biểu mẫu",
     "disclaimer": "từ chối trách nhiệm",
     "disclaimerStmt": "Tôi đồng ý với tuyên bố từ chối trách nhiệm và tuyên bố trách nhiệm đối với Nhà thiết kế biểu mẫu",

diff --git a/app/frontend/src/internationalization/trans/chefs/zh/zh.json b/app/frontend/src/internationalization/trans/chefs/zh/zh.json
@@ -785,7 +785,6 @@
     "manageForm": "管理表格"
     },
   "create": {
-    "createNewForm": "创建新表格",
     "formSettings": "表单设置",
     "disclaimer": "免责声明",
     "disclaimerStmt": "我同意表单设计师的免责声明和责任声明",

diff --git a/app/frontend/src/internationalization/trans/chefs/zhTW/zh-TW.json b/app/frontend/src/internationalization/trans/chefs/zhTW/zh-TW.json
@@ -785,7 +785,6 @@
     "manageForm": "管理表格"
     },
   "create": {
-    "createNewForm": "創建新表格",
     "formSettings": "表單設置",
     "disclaimer": "免責聲明",
     "disclaimerStmt": "我同意表單設計師的免責聲明和責任聲明",

diff --git a/app/frontend/src/store/modules/form.js b/app/frontend/src/store/modules/form.js
@@ -127,7 +127,6 @@ export default {
     isRTL: (state) => state.isRTL,
     subscriptionData: (state) => state.subscriptionData,
     totalSubmissions: (state) => state.totalSubmissions,
-    creatorStep: (state) => state.creatorStep,
   },
   mutations: {
     updateField, // vuex-map-fields

diff --git a/app/frontend/src/views/form/PublishForm.vue b/app/frontend/src/views/form/PublishForm.vue
@@ -1,6 +1,19 @@
 <template>
   <BaseStepper :step="3">
     <template #manageForm>
+      <div
+        class="mt-6 mb-6 d-flex flex-md-row justify-space-between flex-sm-column-reverse flex-xs-column-reverse"
+      >
+        <div cols="12" sm="8">
+          <!-- page title -->
+          <h1 :lang="lang">{{ $t('trans.manageLayout.manageForm') }}</h1>
+          <!-- form name -->
+          <h3>{{ form.name }}</h3>
+        </div>
+        <div cols="12" sm="4">
+          <ManageFormActions />
+        </div>
+      </div>
       <ManageForm v-if="showManageForm" />
     </template>
   </BaseStepper>
@@ -10,11 +23,13 @@
 import ManageForm from '@/components/forms/manage/ManageForm.vue';
 import { mapActions, mapGetters } from 'vuex';
 import { FormPermissions } from '@/utils/constants';
+import ManageFormActions from '@/components/forms/manage/ManageFormActions.vue';
 
 export default {
   name: 'PublishForm',
   components: {
     ManageForm,
+    ManageFormActions,
   },
   props: {
     f: {
@@ -42,7 +57,7 @@ export default {
     };
   },
   computed: {
-    ...mapGetters('form', ['permissions', 'form']),
+    ...mapGetters('form', ['permissions', 'form', 'lang']),
   },
   methods: {
     ...mapActions('form', [