From b36b9fd1130ae76f52c89f06cb70780b3f18c1a0 Mon Sep 17 00:00:00 2001
From: Dimas Aditia Pratikto <23520051@std.stei.itb.ac.id>
Date: Sat, 27 Mar 2021 17:28:43 +0000
Subject: [PATCH] #92 Feature/modify admin create class

---
 backend/package.json                          |  2 +-
 frontend/src/App.scss                         | 10 ++++++
 .../CourseEnrollment/CreateEditClass.vue      | 32 ++++++++++---------
 3 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/backend/package.json b/backend/package.json
index 58bc2d78..dd63f333 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "test": "NODE_ENV=test && ./node_modules/mocha/bin/mocha src/test",
-    "start": "node src/index.js"
+    "start": "NODE_ENV=development && node src/index.js"
   },
   "author": "Group B",
   "license": "MIT",
diff --git a/frontend/src/App.scss b/frontend/src/App.scss
index 3af9143c..bf0b1a2e 100644
--- a/frontend/src/App.scss
+++ b/frontend/src/App.scss
@@ -401,4 +401,14 @@ tr:hover {
       }
     }
   }
+
+  input.vue__time-picker-input {
+    border: none !important;
+    height: 100% !important;
+    font-size: 16px !important;
+    background-color: #F1F5F8;
+    border-radius: 4px;
+    appearance: none;
+    outline: none;
+  }
 }
\ No newline at end of file
diff --git a/frontend/src/views/CourseEnrollment/CreateEditClass.vue b/frontend/src/views/CourseEnrollment/CreateEditClass.vue
index 2de552b2..e90bf8dd 100644
--- a/frontend/src/views/CourseEnrollment/CreateEditClass.vue
+++ b/frontend/src/views/CourseEnrollment/CreateEditClass.vue
@@ -179,7 +179,6 @@
                     src="@/assets/empty-class.png"
                   />
                   <!-- Not Empty Case -->
-                  <!-- Looping in here -->
                   <div
                     v-for="(singleClass, index) in classList"
                     :key="singleClass.id"
@@ -229,9 +228,23 @@
                       </div>
                     </div>
                     <!-- Set Schedule -->
-                    <!-- @TODO: Modify here -->
                     <div class="col-12 mt-2">
-                      <label>Jadwal Perkuliahan</label>
+                      <div class="row">
+                        <div class="col">
+                          <label>Jadwal Perkuliahan</label>
+                        </div>
+                        <div class="col-auto">
+                          <button
+                            type="button"
+                            class="btn p-0"
+                            @click="addNewSchedule(index)"
+                          >
+                            <p class="text-blue-six mb-0">
+                              + Tambah Jadwal
+                            </p>
+                          </button>
+                        </div>
+                      </div>
                       <div
                         class="row"
                         v-for="(schedule, childIndex) in singleClass.schedules"
@@ -290,17 +303,6 @@
                           ></vue-timepicker>
                         </div>
                       </div>
-                      <div class="col-12 d-flex justify-content-end">
-                        <button
-                          type="button"
-                          class="btn px-0 pt-2"
-                          @click="addNewSchedule(index)"
-                        >
-                          <p class="text-blue-six">
-                            + Tambah Jadwal
-                          </p>
-                        </button>
-                      </div>
                     </div>
                   </div>
                   <div class="row">
@@ -311,7 +313,7 @@
                         class="btn px-0 pt-2"
                         @click="addNewClass"
                       >
-                        <p class="text-blue-six">
+                        <p class="text-blue-six mb-0">
                           + Tambah Kelas
                         </p>
                       </button>
-- 
GitLab