Add confirmation dialog to Subject save

src/main/webapp/app/entities/subject/subject-update.component.ts

@@ -70,7 +70,14 @@ export default defineComponent({
   created(): void {},
   methods: {
     save(): void {
+      const message = this.subject.id ? '이 과목의 수정 내용을 저장하시겠습니까?' : '새 과목을 등록하시겠습니까?';
+
+      if (!window.confirm(message)) {
+        return;
+      }
+
       this.isSaving = true;
+
       if (this.subject.id) {
         this.subjectService()
           .update(this.subject)

src/main/webapp/app/entities/subject/subject.component.ts

@@ -13,7 +13,7 @@ export default defineComponent({
     const subjectService = inject('subjectService', () => new SubjectService());
     const alertService = inject('alertService', () => useAlertService(), true);
 
-    const itemsPerPage = ref(20);
+    const itemsPerPage = ref(10);
     const queryCount: Ref<number> = ref(null);
     const page: Ref<number> = ref(1);
     const propOrder = ref('id');

src/main/webapp/app/entities/subject/subject.vue

@@ -52,7 +52,7 @@
             <td>
               <router-link :to="{ name: 'SubjectView', params: { subjectId: subject.id } }">{{ subject.id }}</router-link>
             </td>
-            <td>{{ subject.name }}</td>
+            <td>📘{{ subject.name }}</td>
             <td>{{ subject.description }}</td>
             <td>{{ subject.active }}</td>
             <td class="text-end">
@@ -106,7 +106,11 @@
         <jhi-item-count :page="page" :total="queryCount" :items-per-page="itemsPerPage"></jhi-item-count>
       </div>
       <div class="d-flex justify-content-center">
-        <b-pagination size="md" :total-rows="totalItems" v-model="page" :per-page="itemsPerPage"></b-pagination>
+        <p>전체 과목 수: {{ totalItems }}개</p>
+      </div>
+
+      <div class="d-flex justify-content-center">
+        <b-pagination :total-rows="totalItems" v-model="page" :per-page="itemsPerPage"></b-pagination>
       </div>
     </div>
   </div>