TT#94800 Fix input fields for Manager Secretary

- Show page title if menu is minimized

Change-Id: I62d988650e79625fb19a717db9191be946089884

src/components/CscPageStickyTabs.vue

@@ -4,7 +4,7 @@
 	>
 		<q-page-sticky
 			ref="pageSticky"
-			class="bg-secondary q-pt-lg"
+			class="bg-secondary q-pt-md"
 			style="z-index: 10"
 			expand
 			position="top"

src/components/pages/PbxConfiguration/CscPbxMsConfigAddForm.vue

@@ -1,32 +1,26 @@
 <template>
-	<div
-		class="csc-form csc-pbx-ms-config-add-form"
-	>
-		<q-field>
-			<q-select
-				v-model="data.subscriberId"
-				emit-value
-				map-options
-				:disable="loading || subscriberOptionsLoading"
-				:readonly="loading"
-				:stack-label="$t('pbxConfig.msConfigSubscriberSelectionLabel')"
-				:options="subscriberOptions"
-			/>
-		</q-field>
-		<q-field>
-			<q-select
-				v-model="data.secretaryNumbers"
-				multiple
-				chips
-				clearable
-				emit-value
-				map-options
-				:disable="loading || numberOptionsLoading"
-				:readonly="loading"
-				:float-label="$t('pbxConfig.msConfigNumberSelectionLabel')"
-				:options="numberOptions"
-			/>
-		</q-field>
+	<div>
+		<q-select
+			v-model="data.subscriberId"
+			emit-value
+			map-options
+			:disable="loading || subscriberOptionsLoading"
+			:readonly="loading"
+			:label="$t('pbxConfig.msConfigSubscriberSelectionLabel')"
+			:options="subscriberOptions"
+		/>
+		<q-select
+			v-model="data.secretaryNumbers"
+			multiple
+			chips
+			clearable
+			emit-value
+			map-options
+			:disable="loading || numberOptionsLoading"
+			:readonly="loading"
+			:label="$t('pbxConfig.msConfigNumberSelectionLabel')"
+			:options="numberOptions"
+		/>
 		<div
 			class="csc-form-actions row justify-center"
 		>

src/components/pages/PbxConfiguration/CscPbxMsConfigs.vue

@@ -14,24 +14,22 @@
 				@click="enableMsConfigAddForm"
 			/>
 		</csc-list-actions>
-		<q-slide-transition>
-			<div
-				v-if="isMsConfigAddFormEnabled"
-				class="row justify-center"
-			>
-				<csc-pbx-ms-config-add-form
-					class="csc-list-form col-xs-12 col-md-6"
-					:loading="isMsConfigCreating"
-					:subscriber-options="getSubscriberOptions"
-					:subscriber-options-loading="isSubscribersRequesting"
-					:number-options="getFullNumberOptions"
-					:numbers-options-loading="isNumbersRequesting"
-					@cancel="disableMsConfigAddForm"
-					@submit="createMsConfig"
-					@ready="addFormReady"
-				/>
-			</div>
-		</q-slide-transition>
+		<div
+			v-if="isMsConfigAddFormEnabled"
+			class="row justify-center q-mb-lg"
+		>
+			<csc-pbx-ms-config-add-form
+				class="csc-list-form col-xs-12 col-md-6"
+				:loading="isMsConfigCreating"
+				:subscriber-options="getSubscriberOptions"
+				:subscriber-options-loading="isSubscribersRequesting"
+				:number-options="getFullNumberOptions"
+				:numbers-options-loading="isNumbersRequesting"
+				@cancel="disableMsConfigAddForm"
+				@submit="createMsConfig"
+				@ready="addFormReady"
+			/>
+		</div>
 		<csc-list-spinner
 			v-if="isMsConfigListRequesting && !msConfigListVisible"
 		/>

src/layouts/CscMainLayout.vue

@@ -6,10 +6,9 @@
 		<q-header
 			v-model="header"
 			reveal
+			class="bg-secondary"
 		>
-			<q-toolbar
-				class="bg-secondary"
-			>
+			<q-toolbar>
 				<q-btn
 					v-if="isMobile"
 					flat
@@ -71,24 +70,28 @@
 					color="light"
 				/>
 			</q-toolbar>
-			<q-item
-				v-if="!isHome"
-				class="bg-secondary"
+			<q-toolbar
+				v-if="menuMinimized"
+				inset
 			>
-				<q-item-section>
-					<q-item-label
-						class="text-h6"
-					>
-						{{ route.meta.title }}
-					</q-item-label>
-					<q-item-label
-						v-if="route.meta.subtitle"
-						class="text-subtitle2"
-					>
-						{{ route.meta.subtitle }}
-					</q-item-label>
-				</q-item-section>
-			</q-item>
+				<q-item
+					class="bg-secondary q-pa-none"
+				>
+					<q-item-section>
+						<q-item-label
+							class="text-h6"
+						>
+							{{ route.meta.title }}
+						</q-item-label>
+						<q-item-label
+							v-if="route.meta.subtitle"
+							class="text-subtitle2"
+						>
+							{{ route.meta.subtitle }}
+						</q-item-label>
+					</q-item-section>
+				</q-item>
+			</q-toolbar>
 		</q-header>
 		<q-drawer
 			ref="mainMenu"