Generate question bank domain model from JDL

src/main/webapp/app/entities/question/question-details.vue

@@ -0,0 +1,51 @@
+<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>&nbsp;<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>&nbsp;<span>{{ t$('entity.action.edit') }}</span>
+          </button>
+        </router-link>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./question-details.component.ts"></script>