Complete core mini program flows

pets-fe/pages/meetups/meetups.js

@@ -1,6 +1,6 @@
 const { secure, toast } = require("../../utils/api");
 Page({
-  data: { meetups: [], pets: [], selected: [], active: null, userId: "" },
+  data: { meetups: [], pets: [], selected: [], active: null, userId: "", joined: false, busy: false },
   onShow() {
     this.load();
   },
@@ -26,46 +26,83 @@ Page({
   create() {
     wx.navigateTo({ url: "/pages/meetup-edit/meetup-edit" });
   },
-  open(e) {
-    this.setData({
-      active: this.data.meetups[e.currentTarget.dataset.index],
-      selected: [],
-    });
+  async open(e) {
+    const summary = this.data.meetups[e.currentTarget.dataset.index];
+    try {
+      const active = await secure("/meetups/" + summary.id);
+      const participant = (active.people || []).find((person) => person.user_id === this.data.userId);
+      this.setData({
+        active: { ...active, date: new Date(active.starts_at).toLocaleString("zh-CN") },
+        joined: !!participant,
+        selected: participant ? participant.pet_ids : [],
+      });
+    } catch (error) {
+      toast(error);
+    }
   },
   close() {
-    this.setData({ active: null });
+    this.setData({ active: null, joined: false, selected: [] });
   },
   pick(e) {
     this.setData({ selected: e.detail.selected });
   },
   async join() {
+    if (this.data.busy) return;
     if (!this.data.selected.length) {
       wx.showToast({ title: "请选择同行的狗狗", icon: "none" });
       return;
     }
+    this.setData({ busy: true });
     try {
       await secure("/meetups/" + this.data.active.id + "/join", "POST", {
         pet_ids: this.data.selected,
       });
       wx.showToast({ title: "报名成功", icon: "success" });
       this.close();
-      this.load();
+      await this.load();
     } catch (e) {
       toast(e);
+    } finally {
+      this.setData({ busy: false });
+    }
+  },
+  async leave() {
+    if (this.data.busy) return;
+    const result = await wx.showModal({ title: "退出约遛", content: "确定不参加这场约遛了吗？" });
+    if (!result.confirm) return;
+    this.setData({ busy: true });
+    try {
+      await secure("/meetups/" + this.data.active.id + "/join", "DELETE");
+      this.close();
+      await this.load();
+    } catch (error) {
+      toast(error);
+    } finally {
+      this.setData({ busy: false });
+    }
+  },
+  location() {
+    const active = this.data.active;
+    if (active && active.latitude && active.longitude) {
+      wx.openLocation({ latitude: active.latitude, longitude: active.longitude, name: active.place_name, scale: 16 });
     }
   },
   async cancel() {
+    if (this.data.busy) return;
     const r = await wx.showModal({
       title: "取消约遛",
       content: "确定取消这场约遛吗？",
     });
     if (!r.confirm) return;
+    this.setData({ busy: true });
     try {
       await secure("/meetups/" + this.data.active.id + "/cancel", "POST");
       this.close();
-      this.load();
+      await this.load();
     } catch (e) {
       toast(e);
+    } finally {
+      this.setData({ busy: false });
     }
   },
 });