github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/directeurs/src/views/inscrits_complets.ts

import TooltipBtn from "@/components/TooltipBtn.vue";
import { C, DossierMessages, OptionsExportInscrit } from "@/logic/controller";
import { BaseInscrits, matchesBus } from "@/views/inscrits";
import Component from "vue-class-component";
import FichesSanitaires from "../components/inscrits/FichesSanitaires.vue";
import FormExport from "../components/inscrits/FormExport.vue";
import FormInscrit from "../components/inscrits/FormInscrit.vue";
import GroupeChip from "../components/inscrits/GroupeChip.vue";
import { Attribution } from "../components/inscrits/ListeGroupes";
import ListeGroupes from "../components/inscrits/ListeGroupes.vue";
import PanelContraintes from "../components/inscrits/PanelContraintes.vue";
import PanelInfosParticulieres from "../components/inscrits/PanelInfosParticulieres.vue";
import PanelMessages from "../components/inscrits/PanelMessages.vue";
import ToolbarSwitch from "../components/ToolbarSwitch.vue";
import { EditFields } from "../logic/formatter";
import {
  Bus,
  Date_,
  Groupe,
  Inscrit,
  OptionnalId,
  Responsable,
  ResumeMessage
} from "../logic/types";

@Component({
  components: {
    FormInscrit,
    ToolbarSwitch,
    FormExport,
    FichesSanitaires,
    ListeGroupes,
    PanelContraintes,
    TooltipBtn,
    PanelMessages,
    PanelInfosParticulieres,
    GroupeChip
  }
})
export default class Inscrits extends BaseInscrits {
  showExportDialog = false;
  showGroupesDialog = false;
  showEditDialog = false;
  showListeFicheSanitaire = false;
  showContraintesDialog = false;

  messages: ResumeMessage[] = [];
  showMessagesDialog = false;

  infosParticulieres: DossierMessages[] = [];
  showInfosParticulieresDialog = false;

  get camp() {
    return C.camp;
  }

  editedInscrit: Inscrit | null = null;

  showAttente = false;
  filterBus: Bus = Bus.BAucun;

  header = [
    {
      text: "",
      value: "has_info",
      sortable: false,
      width: "30px"
    },
    {
      text: "Réglement",
      value: "paiement_complet",
      sortable: false,
      align: "center"
    },
    { text: "Nom", value: "nom", align: "center", sortable: true },
    {
      text: "Prénom",
      value: "prenom",
      align: "center",
      sortable: true
    },
    {
      text: "Sexe",
      value: "sexe",
      sortable: true
    },
    {
      text: "Age",
      value: "age_debut_camp",
      sortable: true,
      align: "center",
      width: "10%"
    },
    {
      text: "Date de naissance",
      value: "date_naissance",
      sortable: true,
      align: "center",
      width: "120px",
      sort: (a: Date_, b: Date_) =>
        new Date(a).valueOf() - new Date(b).valueOf()
    },
    {
      text: "Groupe",
      value: "id_groupe",
      sortable: true,
      align: "center",
      sort: (a: OptionnalId, b: OptionnalId) => a.Int64 - b.Int64
    },
    {
      text: "Bus",
      value: "options.bus",
      sortable: true,
      align: "center",
      sort: (a: Bus, b: Bus) => a.localeCompare(b)
    }
  ];

  busItems = EditFields.bus;

  get groupes() {
    return C.groupes;
  }

  get items() {
    return C.inscrits.filter(
      item =>
        (!item.responsable.valide || item.responsable.inscription_valide) &&
        (this.showAttente ? true : !item.is_attente) &&
        (this.filterBus == ""
          ? true
          : matchesBus(this.filterBus, item.options.bus))
    );
  }

  get attributions(): Attribution[] {
    return C.inscrits.map(r => ({
      dateNaissance: r.date_naissance,
      idGroupe: r.id_groupe,
      isAttente: r.is_attente,
      isValidated: !r.responsable.valide || r.responsable.inscription_valide
    }));
  }

  created() {
    this.refresh(true);
  }

  async refresh(notifie: boolean) {
    await C.getGroupes(false);
    const ok = await C.getInscrits();
    if (!ok) return;
    if (notifie) {
      C.notifications.success = "Liste des inscrits chargée.";
    }
  }

  showMessages(item: Inscrit) {
    this.messages = item.responsable.messages || [];
    this.showMessagesDialog = true;
  }

  showInfosParticulieres() {
    this.infosParticulieres = C.infosParticulieres();
    this.showInfosParticulieresDialog = true;
  }

  getGroupe(item: Inscrit): Groupe | null {
    // sur une suppression, le dictionnaire des groupes
    // peut être temporairement incomplet
    if (item.id_groupe.Valid) {
      return C.groupes[item.id_groupe.Int64] || null;
    }
    return null;
  }

  colorPaiement(item: Inscrit) {
    switch (item.responsable.paiement_complet) {
      case 1:
        return "red";
      case 2:
        return "orange";
      case 3:
        return "green";
      default:
        return "";
    }
  }
  tooltipPaiement(item: Inscrit) {
    switch (item.responsable.paiement_complet) {
      case 1:
        return "Aucun paiement reçu. Méfiance !";
      case 2:
        return "Paiement en cours";
      case 3:
        return "Paiement complet";
      default:
        return "Aucune information n'est disponible";
    }
  }

  renderResponsableHtml(respo: Responsable) {
    if (!respo.valide) return "<h3>Sans responsable</h3>";
    return `${respo.prenom} ${respo.nom} <i>${respo.mail}</i> <br/>
			Tels: ${respo.tels} <br/>
			Adresse: ${respo.adresse} ${respo.code_postal} ${respo.ville}`;
  }

  async downloadListe(
    mode: "inscrits" | "finances",
    options: OptionsExportInscrit
  ) {
    this.showExportDialog = false;
    const name = await C.export(mode, options);
    if (name !== undefined) {
      C.notifications.success = "Liste téléchargée avec succès.";
    }
  }

  async saveRemoteChange(item: Inscrit) {
    this.showEditDialog = false;
    const ok = await C.updateInscrit({ id: item.id, modifications: item });
    if (ok) {
      C.notifications.success = "Le participant a bien été mis à jour.";
    }
  }
}