ayanova/src/components/report-selector-control.vue

@@ -3,7 +3,7 @@
     <!-- :max-width="options.width" -->
     <v-dialog
       scrollable
-      max-width="400px"
+      max-width="600px"
       v-model="isVisible"
       @keydown.esc="cancel"
       :data-cy="!!$ay.dev ? 'reportselector' : false"
@@ -13,35 +13,18 @@
           <span> {{ $ay.t("Report") }} </span>
         </v-card-title>
 
-        <v-card-text>
-          <v-card-text style="height: 300px;">
-            <v-radio-group v-model="selectedTeportId" column>
-              <v-radio label="Bahamas, The" value="bahamas"></v-radio>
-              <v-radio label="Bahrain" value="bahrain"></v-radio>
-              <v-radio label="Bangladesh" value="bangladesh"></v-radio>
-              <v-radio label="Barbados" value="barbados"></v-radio>
-              <v-radio label="Belarus" value="belarus"></v-radio>
-              <v-radio label="Belgium" value="belgium"></v-radio>
-              <v-radio label="Belize" value="belize"></v-radio>
-              <v-radio label="Benin" value="benin"></v-radio>
-              <v-radio label="Bhutan" value="bhutan"></v-radio>
-              <v-radio label="Bolivia" value="bolivia"></v-radio>
-              <v-radio label="Bosnia and Herzegovina" value="bosnia"></v-radio>
-              <v-radio label="Botswana" value="botswana"></v-radio>
-              <v-radio label="Brazil" value="brazil"></v-radio>
-              <v-radio label="Brunei" value="brunei"></v-radio>
-              <v-radio label="Bulgaria" value="bulgaria"></v-radio>
-              <v-radio label="Burkina Faso" value="burkina"></v-radio>
-              <v-radio label="Burma" value="burma"></v-radio>
-              <v-radio label="Burundi" value="burundi"></v-radio>
-            </v-radio-group>
-          </v-card-text>
-          <!-- <v-select
-            :items="reportList"
-            v-model="selectedTeportId"
-            item-text="name"
-            item-value="id"
-          ></v-select> -->
+        <v-card-text style="height: 500px;">
+          <v-radio-group v-model="selectedReport" column>
+            <template v-for="item in reportList">
+              <v-radio
+                :label="item.name"
+                :value="item"
+                :key="item.id"
+                color="accent"
+                class="mt-1"
+              ></v-radio>
+            </template>
+          </v-radio-group>
         </v-card-text>
 
         <!-- <v-divider></v-divider> v-bind:class="options.type" -->
@@ -78,7 +61,7 @@ export default {
       zIndex: 200
     },
     reportList: [],
-    selectedReportId: null
+    selectedReport: null
   }),
   props: {
     ayaType: {
@@ -107,7 +90,7 @@ export default {
       });
     },
     ok() {
-      this.resolve(this.selectedReportId);
+      this.resolve(this.selectedReport);
       this.isVisible = false;
     },
     cancel() {