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>