feat/encounter-adjustment: adjust menu

app/components/content/encounter/process-next.vue

@@ -1,10 +1,13 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+
+// Pubs components
+import ContentSwitcher from '~/components/pub/my-ui/content-switcher/content-switcher.vue'
+import { useSidebar } from '~/components/pub/ui/sidebar/utils'
 
 // Components
-import EncounterPatientInfo from '~/components/app/encounter/patient-info-collapsible.vue'
-import EncounterHistoryButtonMenu from '~/components/app/encounter/history-button-menu.vue'
+import EncounterPatientInfo from '~/components/app/encounter/quick-info-full.vue'
+import EncounterHistoryButtonMenu from '~/components/app/encounter/quick-shortcut.vue'
 import SubMenu from '~/components/pub/my-ui/menus/submenu.vue'
 
 // Libraries
@@ -43,6 +46,9 @@ const id = typeof route.params.id == 'string' ? parseInt(route.params.id) : 0
 const data = ref<any>(genEncounter())
 const isShowPatient = computed(() => data.value && data.value?.patient?.person)
 
+const { setOpen } = useSidebar()
+setOpen(false)
+
 if (activePosition.value === 'none') { // if user position is none, redirect to home page
   router.push('/')
 }
@@ -113,8 +119,14 @@ onMounted(async () => {
     <div class="mb-4">
       <PubMyUiNavContentBa label="Kembali ke Daftar Kunjungan" @click="handleClick" />
     </div>
-    <EncounterPatientInfo v-if="isShowPatient" :data="data" />
-    <EncounterHistoryButtonMenu v-if="isShowPatient" />
+    <ContentSwitcher :active="1" :height="200">
+      <template v-slot:content1>
+        <EncounterPatientInfo v-if="isShowPatient" :data="data" />
+      </template>
+      <template v-slot:content2>
+        <EncounterHistoryButtonMenu v-if="isShowPatient" />
+      </template>
+    </ContentSwitcher>
     <SubMenu :data="menus" :initial-active-menu="activeMenu" @change-menu="activeMenu = $event" />
   </div>
 </template>