github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/bv/src/pages/logiciel/App.vue (about)

     1  <template>
     2    <base-app title="Logiciel ACVE-Gestion">
     3      <b-container class="my-5 mb-4 w-50 mx-auto">
     4        <b-alert variant="danger" :show="wrongPassword">
     5          Le mot de passe proposé est <b>incorrect</b>.
     6        </b-alert>
     7  
     8        <b-form method="post" :action="action">
     9          <b-form-group label="Système d'exploitation">
    10            <b-form-select
    11              :options="options"
    12              name="platform"
    13              required
    14            ></b-form-select>
    15          </b-form-group>
    16  
    17          <b-form-group label="Mot de passe">
    18            <b-form-input type="password" name="password" required></b-form-input>
    19          </b-form-group>
    20          <b-row>
    21            <b-col class="text-right">
    22              <b-button variant="primary" type="submit">
    23                Télécharger le logiciel
    24              </b-button>
    25            </b-col>
    26          </b-row>
    27        </b-form>
    28      </b-container>
    29    </base-app>
    30  </template>
    31  
    32  <script lang="ts">
    33  import Vue from "vue";
    34  import Component from "vue-class-component";
    35  import BaseApp from "../../BaseApp.vue";
    36  import { Versions, OutLogiciel } from "@/shared/logic/types";
    37  import Axios from "axios";
    38  import { devMode } from "../../shared/logic/controller";
    39  import { decodeServerPayload } from "../../shared/logic/utils";
    40  
    41  @Component({
    42    components: { BaseApp }
    43  })
    44  export default class App extends Vue {
    45    data = decodeServerPayload<OutLogiciel>();
    46  
    47    get options() {
    48      if (this.data == null) return [];
    49      return [
    50        {
    51          text: `Windows (${this.data.versions.windows.version})`,
    52          value: "windows"
    53        },
    54        { text: `Mac (${this.data.versions.darwin.version})`, value: "darwin" },
    55        { text: `Linux (${this.data.versions.linux.version})`, value: "linux" }
    56      ];
    57    }
    58  
    59    get wrongPassword() {
    60      return this.data == null ? false : this.data.wrong_password;
    61    }
    62  
    63    get action() {
    64      if (devMode) {
    65        return "https://localhost:1323/logiciel";
    66      }
    67      return "";
    68    }
    69  }
    70  </script>
    71  
    72  <style></style>