LoginMain.vue 1.02 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
17
    <form class="w-100" :action="shibbolethReturnUrl" method="post">
      <div class="row">
          <input class="btn btn-primary w-100" type="Submit" :value="$t('login_shibboleth')" />
          <input type="hidden" name="wa" value="wsignin1.0" />
      </div>
    </form>
18
19
20
21
22
23
24
25
26
27
  </div>
</template>

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

export default Vue.extend({
  name: 'LoginMain',
  props: {
    returnUrl: String,
28
    shibbolethReturnUrl: String,
29
30
  },
  methods: {
31
32
33
    clickGetORCiDForm() {
      this.$emit('clickGetORCiDForm');
    },
34
35
36
37
38
39
  },
});
</script>

<style scoped>
</style>