CorpusProcessCard.vue 2.34 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<template>
  <v-card outlined v-if="!!corpusProcess">
    <div v-if="corpusProcess.status == 'Finished'">
      <v-card-title>Le traitement de votre corpus est fini.</v-card-title>
      <v-card-text>
        <v-btn color="success" @click="downloadItem(corpusProcessFiles.conllu, 'corpus.conllu')">Télécharger Conllu</v-btn>
        <div 
          v-for="processOutput in corpusProcessFiles.processOutputs"
          :key="processOutput._id"
        >
          <br/>
          <v-btn color="success" @click="downloadItem(processOutput.content.data, `${processOutput.moduleName}_processOutput.txt`)">Télécharger {{ processOutput.content.title }}</v-btn>
        </div>
      </v-card-text>
      <div id="download"></div>
    </div>
    <div v-if="corpusProcess.status == 'Failed'">
      <p>Il y a eu une erreur lors du traitement de votre corpus.</p>
    </div>
    <div v-if="corpusProcess.status == 'Started'">
      <v-card-title>Votre corpus est en cours de traitement.</v-card-title>
      <v-card-text>
        <div v-if="corpusProcess.currentProcessingModule == 'Exporter'">
          Génération des fichiers ConLLu en cours.
        </div>
        <div v-else>
          Le corpus est actuellement traité par <b>{{ corpusProcess.currentProcessingModule}}</b>
        </div>
      </v-card-text>
    </div>
    <div v-if="corpusProcess.status == 'Not started yet'">
      CorpusProcess pas encore commencé
    </div>
    <div v-if="corpusProcess.status == 'Processing annotations'">
      CorpusProcess en cours d'annotations
    </div>
  </v-card>
</template>

<script>
export default {
  props: {
    corpusProcess: Object,
    corpusProcessFiles: Object
  },
  mounted() {
    console.log(this.corpusProcessFiles);
    // let fileURL = window.URL.createObjectURL(new Blob([this.corpusProcessFiles]));
    //let divSelection = document.getElementById('download');
    //firstLink.href = fileURL;
    //firstLink.setAttribute('download', 'test.txt');
    //firstLink.innerHTML = 'Lien de téléchargement';
    //divSelection.appendChild(firstLink);
  },
  methods: {
    downloadItem(item, fileName) {
      const blob = new Blob([item], { type: 'application/txt' })
      const link = document.createElement('a');
      link.href = URL.createObjectURL(blob);
      link.download = fileName;
      link.click();
      URL.revokeObjectURL(link.href);
    }
  }

}
</script>