LoginMain.vue 1014 Bytes
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
<template>
  <div>
    <h5 class="card-title">{{ $t('login_headline') }}</h5>
    <div class="row">
      <!--<button class="btn btn-primary w-100" name="getLoginForm" @click.prevent="clickGetLoginForm">{{ $t('login_button_with_account') }}</button>-->
      <button class="btn btn-primary w-100" name="getLoginForm" @click.prevent="clickGetLoginForm">
          <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>
    </div>
    <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');
    },
  },
});
</script>

<style scoped>
</style>