ayanova/src/views/customer-notify-subscription.vue

@@ -344,6 +344,59 @@
           </v-tabs>
         </v-form>
       </v-col>
+      <v-dialog
+        v-model="whoDialog"
+        scrollable
+        max-width="600px"
+        @keydown.esc="cancel"
+      >
+        <v-card elevation="24">
+          <v-card-title class="text-h5 lighten-2" primary-title>
+            <v-badge left class="mt-1">
+              <template v-slot:badge>
+                {{ whoList.length }}
+              </template>
+              <span> {{ $ay.t("WhoWillBeNotified") }} </span>
+            </v-badge>
+          </v-card-title>
+
+          <v-card-text>
+            <v-sheet class="mt-1 overflow-y-auto">
+              <div
+                v-if="whoList.length == 0"
+                class="ml-6 mt-6 text-h4 grey--text text--lighten-1"
+              >
+                {{ $ay.t("NoData") }}
+              </div>
+              <v-list>
+                <template v-for="(item, i) in whoList">
+                  <v-list-item :key="i" :to="'/cust-customers/' + item.id">
+                    <v-list-item-content>
+                      <v-list-item-title>
+                        <span
+                          v-if="item.emailAddress == ''"
+                          class="ml-4 accent--text font-weight-bold font-italic"
+                          >{{ item.name }}</span
+                        >
+                        <span v-else class="ml-4">{{ item.name }}</span>
+                        <span class="ml-4">{{
+                          item.emailAddress
+                        }}</span></v-list-item-title
+                      >
+                    </v-list-item-content>
+                  </v-list-item>
+                </template>
+              </v-list>
+            </v-sheet>
+          </v-card-text>
+
+          <v-card-actions>
+            <v-btn color="primary" text @click.native="whoDialog = false">{{
+              $ay.t("Close")
+            }}</v-btn>
+          </v-card-actions>
+        </v-card>
+      </v-dialog>
     </v-row>
     <v-overlay :value="!formState.ready || formState.loading">
       <v-progress-circular indeterminate :size="64" />
@@ -391,7 +444,9 @@ export default {
       },
       rights: window.$gz.role.defaultRightsObject(),
       ayaType: window.$gz.type.CustomerNotifySubscription,
-      tab: 0
+      tab: 0,
+      whoDialog: false,
+      whoList: []
     };
   },
   computed: {
@@ -746,8 +801,9 @@ export default {
             this.formState.serverError = res.error;
             window.$gz.form.setErrorBoxErrors(this);
           } else {
-            //todo: show in popup list here
+            console.log(JSON.stringify(res.data));
-            console.log(res.data);
+            this.whoList = res.data;
+            this.whoDialog = true;
           }
         }
       } catch (ex) {