52 lines
1.9 KiB
Vue
52 lines
1.9 KiB
Vue
<template>
|
|
<div class="d-flex justify-content-center">
|
|
<div class="col-8">
|
|
<div v-if="question">
|
|
<h2 class="jh-entity-heading" data-cy="questionDetailsHeading">
|
|
<span>{{ t$('questionBankApp.question.detail.title') }}</span> {{ question.id }}
|
|
</h2>
|
|
<dl class="row-md jh-entity-details">
|
|
<dt>
|
|
<span>{{ t$('questionBankApp.question.prompt') }}</span>
|
|
</dt>
|
|
<dd>
|
|
<span>{{ question.prompt }}</span>
|
|
</dd>
|
|
<dt>
|
|
<span>{{ t$('questionBankApp.question.explanation') }}</span>
|
|
</dt>
|
|
<dd>
|
|
<span>{{ question.explanation }}</span>
|
|
</dd>
|
|
<dt>
|
|
<span>{{ t$('questionBankApp.question.active') }}</span>
|
|
</dt>
|
|
<dd>
|
|
<span>{{ question.active }}</span>
|
|
</dd>
|
|
<dt>
|
|
<span>{{ t$('questionBankApp.question.subject') }}</span>
|
|
</dt>
|
|
<dd>
|
|
<div v-if="question.subject">
|
|
<router-link :to="{ name: 'SubjectView', params: { subjectId: question.subject.id } }">{{
|
|
question.subject.name
|
|
}}</router-link>
|
|
</div>
|
|
</dd>
|
|
</dl>
|
|
<button type="submit" @click.prevent="previousState()" class="btn btn-info" data-cy="entityDetailsBackButton">
|
|
<font-awesome-icon icon="arrow-left"></font-awesome-icon> <span>{{ t$('entity.action.back') }}</span>
|
|
</button>
|
|
<router-link v-if="question.id" :to="{ name: 'QuestionEdit', params: { questionId: question.id } }" custom v-slot="{ navigate }">
|
|
<button @click="navigate" class="btn btn-primary">
|
|
<font-awesome-icon icon="pencil-alt"></font-awesome-icon> <span>{{ t$('entity.action.edit') }}</span>
|
|
</button>
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" src="./question-details.component.ts"></script>
|