diff --git a/result-documentation-radiodiagnostik/components/detailPatient.vue b/result-documentation-radiodiagnostik/components/detailPatient.vue
new file mode 100644
index 0000000..46fd06a
--- /dev/null
+++ b/result-documentation-radiodiagnostik/components/detailPatient.vue
@@ -0,0 +1,312 @@
+<template>
+    <div v-if="xselected_patient?.details">
+        <v-container class="bg-white rounded-lg" fluid>
+            <v-row class="justify-space-between">
+                <v-col cols="6">
+                    <p class="text-h6"><strong>{{ xselected_patient.noreg }}</strong></p>
+                </v-col>
+                <v-col cols="6" class="text-right">
+                    <v-chip class="rounded-lg px-4 py-2">
+                        {{ xselected_patient.statusresult }}
+                    </v-chip>
+                </v-col>
+            </v-row>
+            <v-row>
+                <v-col cols="5">
+                    <v-text-field :label="$t('message.tableDetailPatient.navbar.name')" variant="outlined" hide-details
+                        :model-value="xselected_patient.patient_fullname && xselected_patient.gender ? `${xselected_patient.name} / ${xselected_patient.gender}` : ''"
+                        readonly>
+                    </v-text-field>
+                </v-col>
+                <v-col cols="2.5">
+                    <v-text-field :label="$t('message.tableDetailPatient.navbar.age')" variant="outlined"
+                        :model-value="xselected_patient.age ? `${xselected_patient.age}` : ''"
+                        hide-details></v-text-field>
+                </v-col>
+                <v-col cols="2.5">
+                    <v-text-field :label="$t('message.tableDetailPatient.navbar.sender')"
+                        :model-value="xselected_patient.sender ? `${xselected_patient.sender}` : ''" variant="outlined"
+                        hide-details></v-text-field>
+                </v-col>
+            </v-row>
+            <v-row class="bg-secondary-lighten rounded-lg mx-1 h-100 my-2">
+                <v-col cols="7" class="d-flex align-center space-between">
+                    <div><v-chip class="bg-grey-lighten-3 text-black rounded-lg px-4" style="height: 40px;">{{
+                        xselected_patient.test_name
+                            }}</v-chip></div>
+                    <div><v-chip class="bg-cyan-lighten-5 text-cyan-darken-1 rounded-lg px-4 mx-2"
+                            style="height: 40px;">
+                            {{ xselected_patient.details ? xselected_patient.details.doctor_fullname : '' }}
+                        </v-chip></div>
+                    <div>
+                        <v-menu close-on-content-click offset-y transition="scale-transition">
+                            <template #activator="{ props }">
+                                <v-chip v-bind="props"
+                                    class="bg-blue-lighten-5 text-blue-darken-2 rounded-lg px-4 cursor-pointer"
+                                    style="height: 40px;">
+                                    {{ selectedLang }}
+                                </v-chip>
+                            </template>
+                            <v-list>
+                                <v-list-item v-for="lang in xselected_patient.details.langs" :key="lang"
+                                    @click="selectLanguage(lang)">
+                                    <v-list-item-title>{{ lang.name }}</v-list-item-title>
+                                </v-list-item>
+                            </v-list>
+                        </v-menu>
+                    </div>
+                    <div class="px-2">
+                        <v-btn fab small style="height: 2.5rem;" class="bg-info rounded-lg ">
+                            <iconify-icon style="font-size:  2rem; color: #FFF;"
+                                icon="fluent:clipboard-3-day-24-regular"></iconify-icon>
+                        </v-btn>
+                    </div>
+                </v-col>
+                <v-col cols="5">
+                    <div class="d-flex justify-end">
+                        <div v-if="xselected_patient.details.status == 'NEW'">
+                            <v-btn fab small style="height: 2.5rem;" class="bg-warning rounded-lg mr-2"
+                                @click="confirmDialog = true">
+                                <iconify-icon style="font-size:  2rem; color: #FFF;"
+                                    icon="fluent:clipboard-task-24-regular"></iconify-icon></v-btn>
+                            <v-btn fab small style="height: 2.5rem;" class="bg-primary rounded-lg"
+                                @click="save"><iconify-icon style="font-size:  2rem; color: #FFF;"
+                                    icon="fluent:save-32-regular"></iconify-icon></v-btn>
+                        </div>
+                        <div v-if="xselected_patient.details.status == 'VAL1'">
+                            <v-btn fab small style="height: 2.5rem;" class="bg-warning rounded-lg mr-2"
+                                @click="confirm('yes')">
+                                <iconify-icon style="font-size:  2rem; color: #FFF;"
+                                    icon="fluent:print-24-regular"></iconify-icon></v-btn>
+                            <v-btn fab small style="height: 2.5rem;" class="bg-error rounded-lg mr-2"
+                                @click="cancelDialog = true">
+                                <iconify-icon style="font-size:  2rem; color: #FFF;"
+                                    icon="fluent:dismiss-24-filled"></iconify-icon></v-btn>
+                        </div>
+                        <div v-if="xselected_patient.details.status == 'VAL2'">
+                            <v-btn fab small style="height: 2.5rem;" class="bg-warning rounded-lg mr-2"
+                                @click="confirm('yes')">
+                                <iconify-icon style="font-size:  2rem; color: #FFF;"
+                                    icon="fluent:print-24-regular"></iconify-icon></v-btn>
+                        </div>
+                        <v-dialog v-model="confirmDialog" max-width="400">
+                            <v-card>
+                                <v-card-title>Konfirmasi</v-card-title>
+                                <v-card-text>Apakah Anda yakin?</v-card-text>
+                                <v-card-actions>
+                                    <v-btn color="primary" text @click="confirm('yes')">Ya</v-btn>
+                                    <v-btn color="error" text @click="confirm('no')">Tidak</v-btn>
+                                </v-card-actions>
+                            </v-card>
+                        </v-dialog>
+                        <v-dialog v-model="cancelDialog" max-width="400">
+                            <v-card>
+                                <v-card-title>Batal Validasi</v-card-title>
+                                <v-card-text>Apakah Anda yakin?</v-card-text>
+                                <v-card-actions>
+                                    <v-btn color="primary" text @click="cancelValidate('yes')">Ya</v-btn>
+                                    <v-btn color="error" text @click="cancelValidate('no')">Tidak</v-btn>
+                                </v-card-actions>
+                            </v-card>
+                        </v-dialog>
+                        <!-- Dialog Save -->
+                        <v-dialog v-model="saveDialog" max-width="400">
+                            <v-card>
+                                <v-card-title>Berhasil</v-card-title>
+                                <v-card-text>Data berhasil disimpan.</v-card-text>
+                                <v-card-actions>
+                                    <v-btn color="primary" text @click="saveDialog = false">Tutup</v-btn>
+                                </v-card-actions>
+                            </v-card>
+                        </v-dialog>
+                    </div>
+                </v-col>
+            </v-row>
+            <v-list>
+                <v-list-item v-for="(result, idxresult) in xselected_patient.details.details" :key="idxresult">
+                    <v-list-item-content>
+                        <v-row>
+                            <v-col cols="1" class="d-flex align-center justify-center">
+                                <v-switch :model-value="flagPrintBoolean(result.flag_print)"
+                                    @click="changeFlagPrint(result, idxresult)" color="primary">
+                                </v-switch>
+
+                            </v-col>
+                            <v-col cols="11">
+                                <v-textarea filled outline hide-details :label="result.result_label" auto-grow
+                                    @change="changeResult(result.result_value, idxresult, index)"
+                                    :disabled="xselected_patient.details.status !== 'NEW' || xselected_patient.details.doctor_id === '0'"
+                                    v-model="result.result_value" rows="3">
+                                </v-textarea>
+                            </v-col>
+
+                        </v-row>
+                    </v-list-item-content>
+                </v-list-item>
+            </v-list>
+
+        </v-container>
+    </div>
+</template>
+
+<style scoped>
+.pointer {
+    cursor: pointer;
+}
+
+.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>td,
+.v-table .v-table__wrapper>table>tbody>tr:not(:last-child)>th,
+.v-table .v-table__wrapper>table>thead>tr>th {
+    border-bottom: dashed 1px #EEEEEE;
+}
+</style>
+
+<script type="module">
+export default {
+    name: "DetailPatient",
+    data() {
+        return {
+            menu: false,
+            selectedLang: '',
+            cancelDialog: false,
+            confirmDialog: false,
+            saveDialog: false,
+            isValidated: false,
+            Validation: false,
+            headers: [
+                {
+                    align: 'start',
+                    key: 'name',
+                    sortable: false,
+                    width: "15%",
+                    title: this.$t('message.tableDetailPatient.header.name'),
+                    class: "bg-secondary-lighten font-weight-bold",
+                },
+                {
+                    align: 'start',
+                    key: 'result',
+                    sortable: false,
+                    width: "10%",
+                    title: this.$t('message.tableDetailPatient.header.result'),
+                    class: "bg-secondary-lighten font-weight-bold",
+                },
+                {
+                    align: 'start',
+                    key: 'flag',
+                    sortable: false,
+                    width: "10%",
+                    title: this.$t('message.tableDetailPatient.header.flag'),
+                    class: "bg-secondary-lighten font-weight-bold",
+                },
+                {
+                    align: 'start',
+                    key: 'nilai',
+                    sortable: false,
+                    width: "10%",
+                    title: this.$t('message.tableDetailPatient.header.normalvalue'),
+                    class: "bg-secondary-lighten font-weight-bold",
+                },
+                {
+                    align: 'start',
+                    key: 'unit',
+                    sortable: false,
+                    width: "10%",
+                    title: this.$t('message.tableDetailPatient.header.unit'),
+                    class: "bg-secondary-lighten font-weight-bold",
+                },
+                {
+                    align: 'start',
+                    key: 'metode',
+                    sortable: false,
+                    width: "15%",
+                    title: this.$t('message.tableDetailPatient.header.method'),
+                    class: "bg-secondary-lighten font-weight-bold",
+                },
+                {
+                    align: 'start',
+                    key: 'note',
+                    sortable: false,
+                    width: "15%",
+                    title: this.$t('message.tableDetailPatient.header.note'),
+                    class: "bg-secondary-lighten font-weight-bold",
+                },
+                {
+                    align: 'start',
+                    key: 'validasi',
+                    sortable: false,
+                    width: "5%",
+                    title: this.$t('message.tableDetailPatient.header.documentation'),
+                    class: "bg-secondary-lighten font-weight-bold",
+                },
+            ],
+        };
+    },
+    computed: {
+        isFlagPrintActive() {
+            return this.$store.state.documentation.selected_patient === 'Y';
+        },
+        xselected_patient() {
+            // Ambil data pasien dari Vuex store
+            const selectedPatient = this.$store.state.documentation.selected_patient;
+            return selectedPatient;
+        },
+        xdetails() {
+            return this.$store.state.documentation.details
+        },
+    },
+    mounted() {
+    },
+    methods: {
+        flagPrintBoolean(flag) {
+            return flag === 'Y';
+        },
+        changeFlagPrint(result, idxresult) {
+            // Toggle antara 'Y' dan 'N'
+            result.flag_print = result.flag_print === 'Y' ? 'N' : 'Y';
+            this.$store.state.documentation.selected_patient.details.details[idxresult].flag_print = result.flag_print
+            // Misalnya, Anda dapat mengirim perubahan ke backend atau melakukan update state lainnya.
+        },
+        cancelValidate(action) {
+            if (action === "yes") {
+                console.log("batal validasi");
+                this.isValidated = false;
+            }
+            this.cancelDialog = false;
+        },
+        confirm(action) {
+            if (action === "yes") {
+                console.log("ya");
+                this.isValidated = true;
+            }
+            this.confirmDialog = false;
+        },
+        save() {
+            this.saveDialog = true;
+        },
+        selectLanguage(lang) {
+            this.selectedLang = lang.name;
+        },
+        formatDate() {
+            if (!this.date) return null;
+
+            return moment(this.date).format("DD-MM-YYYY");
+        },
+        deFormatedDate(date) {
+            if (!date) return null;
+
+            const [day, month, year] = date.split("-");
+            return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
+        },
+    },
+    watch: {
+        xselected_patient(newVal) {
+            console.log("ini new val", newVal)
+            if (newVal && newVal.details && newVal.details.langs && newVal.details.langs.length > 0) {
+                this.selectedLang = newVal.details.langs[0].name;
+            } else {
+                this.selectedLang = '';
+            }
+        },
+    }
+}
+</script>
\ No newline at end of file
diff --git a/result-documentation-radiodiagnostik/components/listPatient.vue b/result-documentation-radiodiagnostik/components/listPatient.vue
new file mode 100644
index 0000000..d33ec43
--- /dev/null
+++ b/result-documentation-radiodiagnostik/components/listPatient.vue
@@ -0,0 +1,112 @@
+<template>
+    <div>
+        <v-container class="bg-white rounded-lg" fluid>
+
+            <v-data-table :headers="headers" :items="xpatients" return-object hide-default-footer class="row-pointer">
+                <template v-slot:top>
+                    <v-toolbar flat class="bg-secondary-lighten rounded-lg">
+                        <v-toolbar-title class="text-black font-weight-bold">{{ $t('message.toolbalTitle')
+                            }}</v-toolbar-title>
+                    </v-toolbar>
+                </template>
+
+                <template v-slot:headers="{ columns }">
+                    <tr>
+                        <template v-for="column in columns" :key="column.key">
+                            <td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
+                                <span>{{ column.title }}</span>
+                            </td>
+                        </template>
+                    </tr>
+                </template>
+
+                <template v-slot:item="{ item }">
+                    <tr v-bind:class="{ 'bg-primary-lighten': isSelected(item) }" @click="selectMe(item)">
+                        <td>
+                            <div>
+                                <p class="mt-2 mb-2">{{ item.noreg }}</p>
+                                <p class="mb-2">
+                                    <v-chip label size="small">
+                                        {{ item.orderdate }}
+                                    </v-chip>
+                                </p>
+                            </div>
+                        </td>
+                        <td>
+                            <p>{{ item.name }}</p>
+                        </td>
+                        <td>
+                            <p>{{ item.group }}</p>
+                        </td>
+                    </tr>
+                </template>
+            </v-data-table>
+        </v-container>
+    </div>
+</template>
+
+<style scoped>
+.row-pointer>>>tbody tr :hover {
+    cursor: pointer;
+}
+</style>
+
+<script type="module">
+export default {
+    name: "ListPatient",
+    data() {
+        return {
+            headers: [
+                {
+                    align: 'start',
+                    key: 'name',
+                    sortable: false,
+                    width: "20%",
+                    title: this.$t('message.tableListPatient.noreg'),
+                    class: "font-weight-bold",
+                },
+                {
+                    align: 'start',
+                    key: 'name',
+                    sortable: false,
+                    width: "40%",
+                    title: this.$t('message.tableListPatient.name'),
+                    class: "font-weight-bold",
+                },
+                {
+                    align: 'start',
+                    key: 'group',
+                    sortable: false,
+                    width: "40%",
+                    title: this.$t('message.tableListPatient.group'),
+                    class: "font-weight-bold",
+                },
+            ],
+        };
+    },
+    computed: {
+        xpatients() {
+            return this.$store.state.documentation.patients
+        },
+        selected_patient: {
+            get() {
+                return this.$store.state.documentation.selected_patient
+            },
+            set(val) {
+                this.$store.commit("documentation/setSelectedPatient", val)
+            }
+        }
+    },
+    methods: {
+        isSelected(p) {
+            return p.id == this.$store.state.documentation.selected_patient.id
+        },
+        selectMe(data) {
+            this.$store.commit("documentation/setSelectedPatient", data)
+        }
+    },
+    wacth: {
+
+    }
+}
+</script>
\ No newline at end of file
diff --git a/result-documentation-radiodiagnostik/components/mainDocumentation.vue b/result-documentation-radiodiagnostik/components/mainDocumentation.vue
new file mode 100644
index 0000000..0280d27
--- /dev/null
+++ b/result-documentation-radiodiagnostik/components/mainDocumentation.vue
@@ -0,0 +1,51 @@
+<template>
+    <v-app id="inspire">
+        <one-navbar></one-navbar>
+        <v-main>
+            <div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
+                <search-component></search-component>
+                <v-row>
+                    <v-col cols="12" md="4" sm="12" xs="12" class="mt-5">
+                        <list-patient-component></list-patient-component>
+                    </v-col>
+                    <v-col cols="12" md="8" sm="12" xs="12" class="mt-5">
+                        <detail-patient-component></detail-patient-component>
+                    </v-col>
+                </v-row>
+            </div>
+        </v-main>
+    </v-app>
+
+</template>
+
+<style scoped></style>
+
+<script type="module">
+import NavbarComponent from "../../globalcomponent/one-navbar.vue";
+import listPatientComponent from "./listPatient.vue";
+import searchComponent from "./searchPatient.vue";
+import detailComponent from "./detailPatient.vue";
+export default {
+    name: "MainDocumentation",
+    components: {
+        "one-navbar": NavbarComponent,
+        "list-patient-component": listPatientComponent,
+        "search-component": searchComponent,
+        "detail-patient-component": detailComponent
+    },
+    data() {
+        return {
+
+        };
+    },
+    computed: {
+
+    },
+    methods: {
+
+    },
+    wacth: {
+
+    }
+}
+</script>
\ No newline at end of file
diff --git a/result-documentation-radiodiagnostik/components/searchPatient.vue b/result-documentation-radiodiagnostik/components/searchPatient.vue
new file mode 100644
index 0000000..9f7fdaa
--- /dev/null
+++ b/result-documentation-radiodiagnostik/components/searchPatient.vue
@@ -0,0 +1,82 @@
+<template>
+  <div>
+    <v-container class="bg-white rounded-lg" fluid>
+      <v-row>
+        <v-col cols="3">
+          <v-autocomplete :label="$t('message.search.resulttype')" variant="outlined" hide-details
+            menu-icon="mdi-chevron-down" :items="['Radiodiagnostik', 'Ultrasonografi', 'BMD', 'MRI']"></v-autocomplete>
+        </v-col>
+        <v-col cols="3">
+          <v-text-field :label="$t('message.search.noreg')" variant="outlined" hide-details
+            append-inner-icon="mdi-magnify"></v-text-field>
+        </v-col>
+        <v-col cols="3">
+          <div class="d-flex align-center ga-2">
+            <v-menu v-model="actionDate" :close-on-content-click="false" transition="scale-transition" offset-y
+              min-width="auto" max-width="290px">
+              <template v-slot:activator="{ props }">
+                <v-text-field :model-value="formatDate()" :label="$t('message.search.actionDate')"
+                  prepend-inner-icon="mdi-calendar" hide-details readonly variant="outlined"
+                  v-bind="props"></v-text-field>
+              </template>
+              <v-date-picker hide-header show-adjacent-months rounded="lg" color="primary" v-model="date"
+                @update:modelValue="actionDate = false"></v-date-picker>
+            </v-menu>
+          </div>
+        </v-col>
+        <v-col cols="2.5">
+          <v-autocomplete :label="$t('message.search.group')" variant="outlined" hide-details
+            menu-icon="mdi-chevron-down"
+            :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"></v-autocomplete>
+        </v-col>
+
+        <v-col cols="1">
+          <v-btn variant="flat" small style="height: 55px; width: 40px;" class="bg-primary rounded-lg">
+            <iconify-icon style="font-size: 2rem;" icon="fluent:search-20-regular"></iconify-icon>
+          </v-btn>
+        </v-col>
+      </v-row>
+    </v-container>
+  </div>
+</template>
+
+<style scoped></style>
+
+<script type="module">
+export default {
+  name: "SearchPatient",
+  data() {
+    return {
+      actionDate: false,
+      visible: false,
+    };
+  },
+  computed: {
+    date: {
+      get() {
+        return this.$store.state.documentation.date;
+      },
+      set(val) {
+        console.log(val)
+        this.$store.commit("documentation/setDate", val);
+      },
+    },
+  },
+  methods: {
+    formatDate() {
+      if (!this.date) return null;
+
+      return moment(this.date).format("DD-MM-YYYY");
+    },
+    deFormatedDate(date) {
+      if (!date) return null;
+
+      const [day, month, year] = date.split("-");
+      return `${year}-${month.padStart(2, "0")}-${day.padStart(2, "0")}`;
+    },
+  },
+  wacth: {
+
+  }
+}
+</script>
\ No newline at end of file
diff --git a/result-documentation-radiodiagnostik/index.html b/result-documentation-radiodiagnostik/index.html
new file mode 100644
index 0000000..29bece1
--- /dev/null
+++ b/result-documentation-radiodiagnostik/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WESTONE</title>
+    <!-- Vuetify CSS -->
+    <link href="../css/vuetify.css" rel="stylesheet" />
+    <!-- Local Stylesheet for Fonts -->
+    <link rel="stylesheet" href="../css/styles.css" />
+    <link href="../css/materialdesignicon.css" rel="stylesheet" />
+    <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- Moment -->
+    <script src="../libraries/moment.js"></script>
+    <!-- Vue.js -->
+    <!-- DEV -->
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <!-- PROD -->
+    <!-- <script src="../libraries/vue3.4.36.global.prod.js"></script> -->
+    <!-- Vuex -->
+    <script src="../libraries/vuex.js"></script>
+    <!-- Vuetify -->
+    <script src="../libraries/vuetify3.js"></script>
+    <!-- vue-i18n -->
+    <script src="../libraries/vue-i18n.global.js"></script>
+    <!-- Axios -->
+    <script src="../libraries/axios.js"></script>
+
+    <script src="../globalscript/theme.js"></script>
+    <!-- loader single file component -->
+    <script src="../libraries/vue3-sfc-loader.js"></script>
+    <script src="./language.js"></script>
+
+    <script type="module">
+      const { loadModule } = window["vue3-sfc-loader"];
+
+      import documentation from "./modules/documentation.js";
+      import system from "../globalstore/globalstore.js";
+
+      const store = Vuex.createStore({
+        modules: {
+          system: system,
+          documentation: documentation,
+        },
+      });
+      const options = {
+        moduleCache: {
+          vue: Vue,
+        },
+        getFile(url) {
+          return fetch(url).then((response) =>
+            response.ok ? response.text() : Promise.reject(response)
+          );
+        },
+        addStyle(textContent) {
+          const style = document.createElement("style");
+          style.textContent = textContent;
+          const ref = document.head.getElementsByTagName("style")[0] || null;
+          document.head.insertBefore(style, ref);
+        },
+      };
+      // Locale messages
+      const messages = CustomMessages;
+
+      // Get the browser's preferred language
+      const browserLocale = navigator.language || navigator.languages[0];
+
+      // Initialize vue-i18n
+      const i18n = VueI18n.createI18n({
+        locale: browserLocale.startsWith("id") ? "id" : "en", // Set locale based on browser setting
+        fallbackLocale: "en", // Set fallback locale
+        messages, // Set locale messages
+      });
+
+      // Vue App
+      const app = Vue.createApp({
+        data() {
+          return {};
+        },
+
+        template: `
+            <main-documentation-component></main-documentation-component>
+            `,
+      });
+
+      const vuetify = Vuetify.createVuetify({
+        theme: {
+          themes: CustomTheme,
+        },
+      });
+
+      app.use(store);
+      app.use(vuetify);
+      app.use(i18n);
+      const components = {
+        "main-documentation-component": "./components/mainDocumentation.vue",
+      };
+      Promise.all(
+        Object.entries(components).map(([name, path]) => {
+          return loadModule(path, options).then((component) => {
+            app.component(name, component);
+          });
+        })
+      )
+        .then(() => {
+          app.mount("#app");
+        })
+        .catch((error) => {
+          console.error("Error loading components:", error);
+        });
+    </script>
+  </body>
+</html>
diff --git a/result-documentation-radiodiagnostik/language.js b/result-documentation-radiodiagnostik/language.js
new file mode 100644
index 0000000..44d8bc1
--- /dev/null
+++ b/result-documentation-radiodiagnostik/language.js
@@ -0,0 +1,70 @@
+var CustomMessages = {
+    en: {
+        message: {
+            search: {
+                resulttype: "Result Type",
+                actionDate: "Action Date",
+                noreg: "No. Reg / Name",
+                group: "Examination Group",
+            },
+            toolbalTitle: "PATIENT",
+            tableListPatient: {
+                noreg: "NO. REG",
+                name: "NAME",
+                group: "Examination Group",
+            },
+            tableDetailPatient: {
+                navbar: {
+                    name: "Name / Gender",
+                    age: "Age",
+                    sender: "Sender"
+                },
+                header: {
+                    name: "EXAMINATION NAME",
+                    result: "RESULT",
+                    flag: "FLAG",
+                    normalvalue: "NORMAL VALUE",
+                    unit: "UNIT",
+                    method: "METHOD",
+                    note: "NOTE",
+                    verification: "VERIFICATION"
+                }
+            }
+        },
+    },
+    id: {
+        message: {
+            search: {
+                resulttype: "Tipe Hasil",
+                startdate: "Tanggal Mulai", 
+                actionDate: "Tanggal Tindakan",
+                enddate: "Tanggal Selesai",
+                noreg: "No. Reg / Nama",
+                group: "Grup Pemeriksaan",
+            },
+            toolbalTitle: "PASIEN",
+            tableListPatient: {
+                noreg: "NO. REG",
+                name: "NAMA",
+                group: "Grup Pemeriksaan",
+            },
+            tableDetailPatient: {
+                navbar: {
+                    name: "Nama / Jenis Kelamin",
+                    age: "Umur",
+                    sender: "Pengirim"
+                },
+                header: {
+                    name: "NAMA PEMERIKSAAN",
+                    result: "HASIL",
+                    flag: "FLAG",
+                    normalvalue: "NILAI NORMAL",
+                    unit: "UNIT",
+                    method: "METODE",
+                    note: "CATATAN",
+                    verification: "VERIFFIKASI"
+                }
+            }
+        },
+    },
+};
\ No newline at end of file
diff --git a/result-documentation-radiodiagnostik/modules/documentation.js b/result-documentation-radiodiagnostik/modules/documentation.js
new file mode 100644
index 0000000..85af49a
--- /dev/null
+++ b/result-documentation-radiodiagnostik/modules/documentation.js
@@ -0,0 +1,729 @@
+
+const store = {
+    namespaced: true,
+    state() {
+        return {
+            date: new Date(),
+            patients: [
+                {
+                    id: 1,
+                    name: "Tn. COCOBA",
+                    noreg: "055000035LA",
+                    orderdate: "01-08-2024 15:02",
+                    group: 'Pasien Klinisi',
+                    statusresult: 'Ambil Sendiri',
+                    gender: "Laki-laki",
+                    age: "30 Tahun 4 Bulan 5 Hari",
+                    sender: "dr. Coba Mencoba",
+                    test_name: "ECG",
+                    details:
+                    {
+                        "trx_id": "54",
+                        "orderid": "1355",
+                        "patientid": "5334",
+                        "sampletypeid": "162",
+                        "is_mcu": "N",
+                        "status_result": {
+                            "id": "X",
+                            "name": "Belum ditentukan"
+                        },
+                        "test_name": "ECG",
+                        "test_id": "443",
+                        "language_id": "1",
+                        "template_id": "12",
+                        "status_name": "BARU",
+                        "type": "electromedis",
+                        "langs": [
+                            {
+                                "id": "1",
+                                "code": "ID",
+                                "name": "Bahasa Indonesia",
+                                "chex": "N"
+                            },
+                            {
+                                "id": "2",
+                                "code": "EN",
+                                "name": "Bahasa Inggris",
+                                "chex": "N"
+                            }
+                        ],
+                        "status": "NEW",
+                        "language_name": "Bahasa Indonesia",
+                        "doctor_id": "5701",
+                        "doctor_fullname": "Prof.Dr.dr. MOHAMMAD YOGIARTO...",
+                        "details": [
+                            {
+                                "trx_id": "629",
+                                "template_detail_id": "221",
+                                "result_label": "Hasil",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "630",
+                                "template_detail_id": "222",
+                                "result_label": "Liver",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "631",
+                                "template_detail_id": "223",
+                                "result_label": "Gall Bladder",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "632",
+                                "template_detail_id": "224",
+                                "result_label": "Pankreas",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "633",
+                                "template_detail_id": "225",
+                                "result_label": "Lien",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "634",
+                                "template_detail_id": "226",
+                                "result_label": "Paraaorta",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "635",
+                                "template_detail_id": "227",
+                                "result_label": "Renal ",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "636",
+                                "template_detail_id": "228",
+                                "result_label": "Renal Dextra",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "637",
+                                "template_detail_id": "229",
+                                "result_label": "Renal Sinistra",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "638",
+                                "template_detail_id": "230",
+                                "result_label": "Vesica Urinaria",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "639",
+                                "template_detail_id": "231",
+                                "result_label": "Kantung Kemih",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "640",
+                                "template_detail_id": "232",
+                                "result_label": "Prostat",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "642",
+                                "template_detail_id": "234",
+                                "result_label": "Uterus",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "643",
+                                "template_detail_id": "235",
+                                "result_label": "Cavum Douglasi",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "644",
+                                "template_detail_id": "236",
+                                "result_label": "Adnexa",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "645",
+                                "template_detail_id": "237",
+                                "result_label": "Adnexa Kanan",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "646",
+                                "template_detail_id": "238",
+                                "result_label": "Adnexa Kiri",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "647",
+                                "template_detail_id": "239",
+                                "result_label": "Ovarium",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "648",
+                                "template_detail_id": "240",
+                                "result_label": "Gynaecologis",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "641",
+                                "template_detail_id": "233",
+                                "result_label": "Appendiks",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "649",
+                                "template_detail_id": "241",
+                                "result_label": "Catatan",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "650",
+                                "template_detail_id": "242",
+                                "result_label": "Kesan",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "651",
+                                "template_detail_id": "243",
+                                "result_label": "Saran",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            }
+                        ],
+                        "photos": []
+                    },
+                },
+                {
+                    id: 2,
+                    name: "Ny. LINA MARLINA",
+                    noreg: "055000034LA",
+                    orderdate: "01-08-2024 14:32",
+                    group: 'Pasien Klinisi',
+                    statusresult: 'Ambil Sendiri',
+                    gender: "Perempuan",
+                    age: "24 Tahun 4 Bulan 5 Hari",
+                    sender: "dr. Jimmy",
+                    test_name: "ECG",
+                    details:
+                    {
+                        "trx_id": "53",
+                        "orderid": "1354",
+                        "patientid": "101421",
+                        "sampletypeid": "162",
+                        "is_mcu": "N",
+                        "status_result": {
+                            "id": "X",
+                            "name": "Belum ditentukan"
+                        },
+                        "test_name": "ECG",
+                        "test_id": "443",
+                        "language_id": "1",
+                        "template_id": "12",
+                        "status_name": "BARU",
+                        "type": "electromedis",
+                        "langs": [
+                            {
+                                "id": "1",
+                                "code": "ID",
+                                "name": "Bahasa Indonesia",
+                                "chex": "N"
+                            }
+                        ],
+                        "status": "NEW",
+                        "language_name": "Bahasa Indonesia",
+                        "doctor_id": "5701",
+                        "doctor_fullname": "Prof.Dr.dr. MOHAMMAD YOGIARTO...",
+                        "details": [
+                            {
+                                "trx_id": "629",
+                                "template_detail_id": "221",
+                                "result_label": "Hasil",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "630",
+                                "template_detail_id": "222",
+                                "result_label": "Liver",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "631",
+                                "template_detail_id": "223",
+                                "result_label": "Gall Bladder",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "632",
+                                "template_detail_id": "224",
+                                "result_label": "Pankreas",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "633",
+                                "template_detail_id": "225",
+                                "result_label": "Lien",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "634",
+                                "template_detail_id": "226",
+                                "result_label": "Paraaorta",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "635",
+                                "template_detail_id": "227",
+                                "result_label": "Renal ",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "636",
+                                "template_detail_id": "228",
+                                "result_label": "Renal Dextra",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "637",
+                                "template_detail_id": "229",
+                                "result_label": "Renal Sinistra",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "638",
+                                "template_detail_id": "230",
+                                "result_label": "Vesica Urinaria",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "639",
+                                "template_detail_id": "231",
+                                "result_label": "Kantung Kemih",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "640",
+                                "template_detail_id": "232",
+                                "result_label": "Prostat",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "642",
+                                "template_detail_id": "234",
+                                "result_label": "Uterus",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "643",
+                                "template_detail_id": "235",
+                                "result_label": "Cavum Douglasi",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "644",
+                                "template_detail_id": "236",
+                                "result_label": "Adnexa",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "645",
+                                "template_detail_id": "237",
+                                "result_label": "Adnexa Kanan",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "646",
+                                "template_detail_id": "238",
+                                "result_label": "Adnexa Kiri",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "647",
+                                "template_detail_id": "239",
+                                "result_label": "Ovarium",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "648",
+                                "template_detail_id": "240",
+                                "result_label": "Gynaecologis",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "641",
+                                "template_detail_id": "233",
+                                "result_label": "Appendiks",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "649",
+                                "template_detail_id": "241",
+                                "result_label": "Catatan",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "650",
+                                "template_detail_id": "242",
+                                "result_label": "Kesan",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "651",
+                                "template_detail_id": "243",
+                                "result_label": "Saran",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            }
+                        ],
+                        "photos": []
+                    }
+                },
+                {
+                    id: 3,
+                    name: "Ny. RINAS MARKOLOPO",
+                    noreg: "055000033LA",
+                    orderdate: "01-08-2024 14:32",
+                    group: 'Pasien Mandiri',
+                    statusresult: 'Kirim Email',
+                    gender: "Laki-laki",
+                    age: "41 Tahun 4 Bulan 5 Hari",
+                    sender: "dr. Risosiki",
+                    test_name: "EKG",
+                    details:
+                    {
+                        "trx_id": "52",
+                        "orderid": "1353",
+                        "patientid": "101421",
+                        "sampletypeid": "162",
+                        "is_mcu": "N",
+                        "status_result": {
+                            "id": "X",
+                            "name": "Belum ditentukan"
+                        },
+                        "test_name": "ECG",
+                        "test_id": "443",
+                        "language_id": "1",
+                        "template_id": "12",
+                        "status_name": "VALIDASI 1",
+                        "type": "electromedis",
+                        "langs": [
+                            {
+                                "id": "1",
+                                "code": "ID",
+                                "name": "Bahasa Indonesia",
+                                "chex": "N"
+                            },
+                            {
+                                "id": "2",
+                                "code": "EN",
+                                "name": "Bahasa Inggris",
+                                "chex": "N"
+                            }
+                        ],
+                        "status": "VAL1",
+                        "language_name": "Bahasa Indonesia",
+                        "doctor_id": "5701",
+                        "doctor_fullname": "Prof.Dr.dr. MOHAMMAD YOGIARTO...",
+                        "details": [
+                            {
+                                "trx_id": "629",
+                                "template_detail_id": "221",
+                                "result_label": "Hasil",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "630",
+                                "template_detail_id": "222",
+                                "result_label": "Liver",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "631",
+                                "template_detail_id": "223",
+                                "result_label": "Gall Bladder",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "632",
+                                "template_detail_id": "224",
+                                "result_label": "Pankreas",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "633",
+                                "template_detail_id": "225",
+                                "result_label": "Lien",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "634",
+                                "template_detail_id": "226",
+                                "result_label": "Paraaorta",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "635",
+                                "template_detail_id": "227",
+                                "result_label": "Renal ",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "636",
+                                "template_detail_id": "228",
+                                "result_label": "Renal Dextra",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "637",
+                                "template_detail_id": "229",
+                                "result_label": "Renal Sinistra",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "638",
+                                "template_detail_id": "230",
+                                "result_label": "Vesica Urinaria",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "639",
+                                "template_detail_id": "231",
+                                "result_label": "Kantung Kemih",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "640",
+                                "template_detail_id": "232",
+                                "result_label": "Prostat",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "642",
+                                "template_detail_id": "234",
+                                "result_label": "Uterus",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "643",
+                                "template_detail_id": "235",
+                                "result_label": "Cavum Douglasi",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "644",
+                                "template_detail_id": "236",
+                                "result_label": "Adnexa",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "645",
+                                "template_detail_id": "237",
+                                "result_label": "Adnexa Kanan",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "646",
+                                "template_detail_id": "238",
+                                "result_label": "Adnexa Kiri",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "647",
+                                "template_detail_id": "239",
+                                "result_label": "Ovarium",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "648",
+                                "template_detail_id": "240",
+                                "result_label": "Gynaecologis",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "641",
+                                "template_detail_id": "233",
+                                "result_label": "Appendiks",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "649",
+                                "template_detail_id": "241",
+                                "result_label": "Catatan",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "650",
+                                "template_detail_id": "242",
+                                "result_label": "Kesan",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            },
+                            {
+                                "trx_id": "651",
+                                "template_detail_id": "243",
+                                "result_label": "Saran",
+                                "result_value": "Normal",
+                                "flag_print": "Y",
+                                "result_value_before": "Normal"
+                            }
+                        ],
+                        "photos": []
+                    }
+                },
+            ],
+            selected_patient: {},
+        };
+    },
+    mutations: {
+        setDate(state, data) {
+            state.date = data;
+        },
+        setPatients(state, data) {
+            state.patients = data
+        },
+        setSelectedPatient(state, data) {
+            state.selected_patient = data
+        },
+        setDetails(state, data) {
+            state.details = data
+        }
+    },
+    actions: {
+
+    }
+};
+export default store
\ No newline at end of file