LoginMain.vue 1.11 KB
Newer Older
1
2
3
4
<template>
  <div>
    <h5 class="card-title">{{ $t('login_headline') }}</h5>
    <div class="row">
5
      <button class="btn btn-primary w-100" name="getORCiDForm" @click.prevent="clickGetORCiDForm">
Benedikt Heinrichs's avatar
Benedikt Heinrichs committed
6
7
8
9
10
        <span>
          <img alt="ORCID logo" id="orcid-id-logo" src="https://orcid.org/sites/default/files/images/orcid_24x24.png" width="25" height="25" />
        </span>
        <span>  {{ $t('login_button_orcid') }}</span>
      </button>
11
    </div>
12
13
14
15
16
    <div class="row">
      <button class="btn btn-primary w-100" name="getLoginForm" @click.prevent="clickGetLoginForm">
        {{ $t('login_button_form') }}
      </button>
    </div>
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
    <div class="row">
      <button class="btn btn-secondary w-100" disabled>{{ $t('login_button_without_account') }}</button>
    </div>
  </div>
</template>

<script lang='ts'>
import Vue from 'vue';

export default Vue.extend({
  name: 'LoginMain',
  props: {
    returnUrl: String,
  },
  methods: {
    clickGetLoginForm() {
      this.$emit('clickGetLoginForm');
    },
35
36
37
    clickGetORCiDForm() {
      this.$emit('clickGetORCiDForm');
    },
38
39
40
41
42
43
  },
});
</script>

<style scoped>
</style>