acknowledge TOBT

// kode waktu klik button "Acknowledge"
acknowledge() {
      let data = {
        departure_id: this.id,
        role_id: this.$store.state.auth.user.id,
        role_name: this.role,
        tickmark: {
          icon: "mdi-check-all",
          color: "high-priority",
        },
      };

      this.$store
        .dispatch("UPDATE_TOBT_ACKNOWLEDGE", data)
        .then(() => {
          // alert("TOBT acknowledged.");
          let snackbar = {
            message: "TOBT Acknowledged",
            color: "green",
            timeout: 5000,
          };
          this.$store.commit("snackbar/SET_SNACK", snackbar);

          this.isShown = false;
          this.dialog = false;
          this.reason = "";
        })
        .catch((e) => {
          console.log(
            "catching error when updating Acknowledge - Blue Tickmark: ",
            e
          );
          if (e) {
            if (e.status == 500) {
              alert(
                `Acknowledge not updated with ${e.status} error server code. Please try again later.`
              );
            } else {
              alert(`Something went wrong. Please try again later.`);
            }
          } else {
            alert(`Something went wrong. Please try again later.`);
          }
        });
    }


// sambungan kode waktu nge-dispatch UPDATE_TOBT_ACKNOWLEDGE
  async UPDATE_TOBT_ACKNOWLEDGE({ commit, state }, payload) {
    let idx = state.departure.rows.findIndex(
      (data) => data.id == payload.departure_id
    );

    if (idx != -1) {
      let data;
      var { tickmark } = payload;

      let stringifyTOBT = JSON.stringify({
        tickmark: {
          icon: tickmark.icon || "mdi-check-all",
          blink: null,
          color: tickmark.color || "none-priority",
          id_sender: payload.role_id,
          sender_by: payload.role_name,
        },
      });

      data = {
        id: state.departure.rows[idx].id,
        airport_id: state.departure.rows[idx].airport_id,
        flight_number: state.departure.rows[idx].flight_number,
        call_sign: state.departure.rows[idx].call_sign,
        nature: state.departure.rows[idx].nature,
        acft: state.departure.rows[idx].acft,
        register: state.departure.rows[idx].register,
        stand: state.departure.rows[idx].stand,
        gate_name: state.departure.rows[idx].gate_name,
        gate_open: state.departure.rows[idx].gate_open,
        runway_actual: state.departure.rows[idx].runway_actual,
        runway_estimated: state.departure.rows[idx].runway_estimated,
        transit: state.departure.rows[idx].transit,
        destination: state.departure.rows[idx].destination,
        status: state.departure.rows[idx].status,
        code_share: state.departure.rows[idx].code_share,
        departure_meta: {
          tobt: stringifyTOBT,
        },
      };

      console.log("update ticksmark => acknowledged: ", data);

      if (payload.role_id == state.auth.user.id) {
        try {
          const ticksmark = await this.$axios.$put(
            `/departure/${payload.departure_id}`,
            data
          );

          commit("SET_TICKSMARK", ticksmark);
        } catch (error) {
          throw error.response;
        }
      }
    }
  },