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
+	<div>
-		class="csc-form csc-pbx-ms-config-add-form"
+		<q-select
-	>
+			v-model="data.subscriberId"
-		<q-field>
+			emit-value
-			<q-select
+			map-options
-				v-model="data.subscriberId"
+			:disable="loading || subscriberOptionsLoading"
-				emit-value
+			:readonly="loading"
-				map-options
+			:label="$t('pbxConfig.msConfigSubscriberSelectionLabel')"
-				:disable="loading || subscriberOptionsLoading"
+			:options="subscriberOptions"
-				:readonly="loading"
+		/>
-				:stack-label="$t('pbxConfig.msConfigSubscriberSelectionLabel')"
+		<q-select
-				:options="subscriberOptions"
+			v-model="data.secretaryNumbers"
-			/>
+			multiple
-		</q-field>
+			chips
-		<q-field>
+			clearable
-			<q-select
+			emit-value
-				v-model="data.secretaryNumbers"
+			map-options
-				multiple
+			:disable="loading || numberOptionsLoading"
-				chips
+			:readonly="loading"
-				clearable
+			:label="$t('pbxConfig.msConfigNumberSelectionLabel')"
-				emit-value
+			:options="numberOptions"
-				map-options
+		/>
-				:disable="loading || numberOptionsLoading"
-				:readonly="loading"
-				:float-label="$t('pbxConfig.msConfigNumberSelectionLabel')"
-				:options="numberOptions"
-			/>
-		</q-field>
 		<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
-			<div
+			v-if="isMsConfigAddFormEnabled"
-				v-if="isMsConfigAddFormEnabled"
+			class="row justify-center q-mb-lg"
-				class="row justify-center"
+		>
-			>
+			<csc-pbx-ms-config-add-form
-				<csc-pbx-ms-config-add-form
+				class="csc-list-form col-xs-12 col-md-6"
-					class="csc-list-form col-xs-12 col-md-6"
+				:loading="isMsConfigCreating"
-					:loading="isMsConfigCreating"
+				:subscriber-options="getSubscriberOptions"
-					:subscriber-options="getSubscriberOptions"
+				:subscriber-options-loading="isSubscribersRequesting"
-					:subscriber-options-loading="isSubscribersRequesting"
+				:number-options="getFullNumberOptions"
-					:number-options="getFullNumberOptions"
+				:numbers-options-loading="isNumbersRequesting"
-					:numbers-options-loading="isNumbersRequesting"
+				@cancel="disableMsConfigAddForm"
-					@cancel="disableMsConfigAddForm"
+				@submit="createMsConfig"
-					@submit="createMsConfig"
+				@ready="addFormReady"
-					@ready="addFormReady"
+			/>
-				/>
+		</div>
-			</div>
-		</q-slide-transition>
 		<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
+			<q-toolbar>
-				class="bg-secondary"
-			>
 				<q-btn
 					v-if="isMobile"
 					flat
@@ -71,24 +70,28 @@
 					color="light"
 				/>
 			</q-toolbar>
-			<q-item
+			<q-toolbar
-				v-if="!isHome"
+				v-if="menuMinimized"
-				class="bg-secondary"
+				inset
 			>
-				<q-item-section>
+				<q-item
-					<q-item-label
+					class="bg-secondary q-pa-none"
-						class="text-h6"
+				>
-					>
+					<q-item-section>
-						{{ route.meta.title }}
+						<q-item-label
-					</q-item-label>
+							class="text-h6"
-					<q-item-label
+						>
-						v-if="route.meta.subtitle"
+							{{ route.meta.title }}
-						class="text-subtitle2"
+						</q-item-label>
-					>
+						<q-item-label
-						{{ route.meta.subtitle }}
+							v-if="route.meta.subtitle"
-					</q-item-label>
+							class="text-subtitle2"
-				</q-item-section>
+						>
-			</q-item>
+							{{ route.meta.subtitle }}
+						</q-item-label>
+					</q-item-section>
+				</q-item>
+			</q-toolbar>
 		</q-header>
 		<q-drawer
 			ref="mainMenu"