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

@@ -14,7 +14,7 @@
         </v-card-title>
 
         <v-card-text style="height: 500px;">
-          <v-radio-group v-model="selectedReport" column>
+          <!-- <v-radio-group v-model="selectedReport" column>
             <template v-for="item in reportList">
               <v-radio
                 :label="item.name"
@@ -24,7 +24,29 @@
                 class="mt-1"
               ></v-radio>
             </template>
-          </v-radio-group>
+          </v-radio-group> -->
+          <v-list>
+            <v-list-item
+              v-for="item in reportList"
+              :key="item.id"
+              @click="renderReport(item.id)"
+            >
+              <!-- <v-list-item-icon
+                v-if="rights.change"
+                @click.stop="editReport(item.id)"
+                ><v-icon color="grey lighten-1"
+                  >fa-edit</v-icon
+                ></v-list-item-icon
+              > -->
+
+              <v-list-item-title>{{ item.name }}</v-list-item-title>
+              <v-list-item-action>
+                <v-btn icon @click.stop="editReport(item.id)">
+                  <v-icon color="primary">fa-edit</v-icon>
+                </v-btn>
+              </v-list-item-action>
+            </v-list-item>
+          </v-list>
         </v-card-text>
 
         <!-- <v-divider></v-divider> v-bind:class="options.type" -->
@@ -32,7 +54,7 @@
         <v-card-actions>
           <v-btn
             v-if="rights.change"
-            color="primary darken-1"
+            color="primary"
             text
             @click.native="newReport"
             :data-cy="!!$ay.dev ? 'reportselector:ok' : false"
@@ -40,19 +62,12 @@
           >
           <v-spacer></v-spacer>
           <v-btn
-            color="primary darken-1"
+            color="primary"
             text
             @click.native="cancel"
             :data-cy="!!$ay.dev ? 'reportselector:cancel' : false"
             >{{ $ay.t("Cancel") }}</v-btn
           >
-          <v-btn
-            color="primary darken-1"
-            text
-            @click.native="ok"
-            :data-cy="!!$ay.dev ? 'reportselector:ok' : false"
-            >{{ $ay.t("OK") }}</v-btn
-          >
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -74,6 +89,12 @@ export default {
     selectedReport: null
   }),
   methods: {
+    editReport(reportid) {
+      console.log("EDIT", reportid);
+    },
+    renderReport(reportid) {
+      console.log("RENDER REPORT", reportid);
+    },
     async open(reportDataOptions) {
       let vm = this;
       if (reportDataOptions == null) {
@@ -107,6 +128,9 @@ export default {
       } else {
         this.reportList = res.data;
       }
+      for (let x = 20; x < 60; x++) {
+        this.reportList.push({ name: "REPORT NAME HERE", id: x });
+      }
 
       this.isVisible = true;
       return new Promise((resolve, reject) => {

ayanova/src/views/ay-report-edit.vue

@@ -131,7 +131,11 @@ import * as monaco from "monaco-editor";
 
 /*TODO:
 
+report selector
+  direct edit or render report from list
 
+Modify report editor to handle lack of data
+    
 template roundtrip save and open template from server
 
 decision: render here or at server in designer for preview of report?