commit

JenkinsfileDev

@@ -0,0 +1,68 @@
+/*
+  1. added 
+     client_max_body_size 0;
+     to avoid 413 error
+  
+  2. npm install error internet problem, fake update 1
+*/
+
+node {
+  def app
+  def registryAddress
+  def registryCredential
+  try {
+    // environment {
+      registryAddress = "https://registry.sidali.sixsenz.net"
+      registryCredential = 'DockerRegistry-ID'
+    // }
+	
+    stage('Checkout') {
+      checkout scm
+    }
+	
+    stage('Initialize'){
+      def dockerHome = tool 'myDocker'
+      env.PATH = "${dockerHome}/bin:${env.PATH}"
+    }
+	
+    stage('Environment') {
+      sh 'git --version'
+      echo "Branch: master"
+      sh 'docker -v'
+      sh 'printenv'
+    }
+	
+    stage('Test Build'){
+     sh 'docker build -t ptb-fe-dev:latest -f dockerfile .'
+    }
+	
+    stage('Build Deploy '){
+            // // now you are on slave labeled with 'label'
+            // def workspace = WORKSPACE
+            // // ${workspace} will now contain an absolute path to job workspace on slave
+
+            // workspace = env.WORKSPACE
+            // // ${workspace} will still contain an absolute path to job workspace on slave
+
+            // // When using a GString at least later Jenkins versions could only handle the env.WORKSPACE variant:
+            // echo "Current workspace is ${env.WORKSPACE}"
+
+            // // the current Jenkins instances will support the short syntax, too:
+            // echo "Current workspace is $WORKSPACE"
+        docker.withTool("myDocker"){
+            docker.withRegistry(registryAddress, registryCredential) {
+
+                def dockerImage = docker.build("ptb-fe-dev:${env.BUILD_ID}")
+
+                /* Push the container to the custom Registry */
+                dockerImage.push()
+                dockerImage.push('latest')
+            }
+        }
+
+     }
+  }
+  catch (err) {
+    throw err
+  }
+}

dockerfile

@@ -30,10 +30,11 @@ RUN npm install
 # # Copying source files
 COPY . /usr/src/app
 
-
+# Build App
+RUN npm run build
 
 # Building app
 EXPOSE 3000
 
 # Running the app
-CMD "npm" "run" "dev"
+CMD "npm" "start"

env.js

@@ -1,3 +1,3 @@
 // export const TOKEN=77aecfec-10ac-3b4f-ab59-3fbfbeed6324
-// export const API_URL = "http://118.98.227.82:50003";
-export const API_URL = "https://api.sidali.sixsenz.net";
+// export const API_URL = "http://localhost:5000";
+export const API_URL = "https://api.sidali.sixsenz.net";

keys-note.txt

@@ -0,0 +1,10 @@
+It's pretty simple when you think about it:
+
+Store - Is what holds all the data your application uses.
+Reducer - is what manipulates that data when it recieves an action.
+Action - is what tells reducer to manipulate the store data, it carries the name and (not required) some data.
+
+Reducer is usually in a format of a switch statement, 
+that switches between all possible Actions (Cases) and 
+then manipulates the Store data based on action. 
+When a reducer data changes within the redux, the properties in your components are changed and then the re-render ocurrs.

master-asli.json

@@ -0,0 +1,400 @@
+[
+    {
+        "idPelanggaran": 0,
+        "Pelanggaran":"Tidak Ada",
+        "Sangsi":"Tanpa Sangsi",
+        "KeteranganSangsi":"-",
+        "LevelSangsi":0,
+        "LabelSangsi":"Tidak ada",
+        "checked":false,
+        "TMTBulan":0
+    },
+    {
+        "idPelanggaran": 1,
+        "Pelanggaran":"Pemimpin perguruan tinggi tidak melindungi dan memfasilitasi pelaksanaan kebebasan akademik,kebebasan mimbar akademik, dan otonomi keilmuan di perguruan tinggi",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"-",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 2,
+        "Pelanggaran":"Perguruan tinggi tidak memuat mata kuliah agama,Pancasila, kewarganegaraan, dan bahasa Indonesia dalam kurikulumnya",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"-",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 3,
+        "Pelanggaran":"Perguruan tinggi tidak menggunakan bahasa Indonesia sebagai bahasa pengantar utama",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"-",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 4,
+        "Pelanggaran":"Perguruan tinggi tidak menyebarluaskan hasil penelitian dengan cara diseminarkan, dipublikasikan, dan/atau dipatenkan, kecuali hasil penelitian yang bersifat rahasia, mengganggu, dan/atau membahayakan kepentingan umum",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 5,
+        "Pelanggaran":"PTN tidak menerima calon Mahasiswa yang telah memenuhi persyaratan akademik dan lolos seleksi penerimaan Mahasiswa secara nasional",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 6,
+        "Pelanggaran":"PTN tidak mencari dan menjaring calon Mahasiswa yang memiliki potensi akademik tinggi, tetapi kurang mampu secara ekonomi dan calon Mahasiswa dari daerah terdepan, terluar, dan tertinggal untuk diterima paling sedikit 20% (dua puluh persen) dari seluruh Mahasiswa baru yang diterima dan tersebar pada semua Program Studi",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 7,
+        "Pelanggaran":"Perguruan tinggi tidak memenuhi hak Mahasiswa yang kurang mampu secara ekonomi untuk dapat menyelesaikan studinya sesuai dengan peraturan akademik",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 8,
+        "Pelanggaran":"Perguruan tinggi memberi gelar yang tidak menggunakan bahasa Indonesia",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 9,
+        "Pelanggaran":"Pemimpin perguruan tinggi tidak melindungi dan memfasilitasi pengelolaan di bidang non akademik",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 10,
+        "Pelanggaran":"Perguruan tinggi tidak mengumumkan ringkasan laporan tahunan kepada masyarakat",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 11,
+        "Pelanggaran":"Perguruan tinggi memiliki Dosen tetap kurang dari 5 (lima) orang untuk setiap Program Studi",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 12,
+        "Pelanggaran":"Perguruan tinggi tidak memenuh  nisbah Dosen dan Mahasiswa sesuai dengan ketentuan peraturan perundang-undangan",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 13,
+        "Pelanggaran":"Perguruan tinggi tidak melakukan pelaporan secara berkala ke pangkalan data Pendidikan Tinggi",
+        "Sangsi":"Peringatan Tertulis",
+        "KeteranganSangsi":"",
+        "LevelSangsi":1,
+        "LabelSangsi":"Ringan",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 14,
+        "Pelanggaran":"Program sarjana memiliki Dosen yang tidak berkualifikasi akademik minimum lulusan program magister atau sederajat",
+        "Sangsi":"Penghentian sementara bantuan biaya pendidikan dari pemerintahan pusat",
+        "KeteranganSangsi":"Berupa penundaan pemberian bantuan keuangan, hibah, dan/atau bentuk bantuan lain bagi perguruan tinggi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 15,
+        "Pelanggaran":"Program magister memiliki Dosen yang tidak berkualifikasi akademik lulusan program doktor atau sederajat",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penghentian sementara penerimaan Mahasiswa baru",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 16,
+        "Pelanggaran":"Program doktor memiliki Dosen yang tidak berkualifikasi akademik lulusan program doktor atau sederajat",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan proses usul pembukaan Program Studi baru",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+         "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 17,
+        "Pelanggaran":"Program diploma memiliki Dosen yang tidak berkualifikasi akademik minimum lulusan program magister atau sederajat",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 18,
+        "Pelanggaran":"Program magister terapan memiliki Dosen yang tidak berkualifikasi akademik lulusan program doktor atau sederajat",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 19,
+        "Pelanggaran":"Program doktor terapan memiliki Dosen yang tidak berkualifikasi akademik lulusan program doktor atau sederajat",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 20,
+        "Pelanggaran":"Program profesi memiliki Dosen yang tidak berkualifikasi akademik minimum lulusan profesi dan/atau lulusan program magister atau sederajat dengan pengalaman kerja paling singkat 2 (dua) tahun",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 21,
+        "Pelanggaran":"Program spesialis memiliki Dosen yang tidak berkualifikasi akademik minimum lulusan program spesialis dan/atau lulusan program doktor atau sederajat dengan pengalaman kerja paling singkat 2 (dua) tahun",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 22,
+        "Pelanggaran":"Perguruan tinggi tidak mencabut gelar akademik, gelar vokasi, atau gelar profesi apabila karya ilmiah yang digunakan untuk memperoleh gelar akademik, gelar vokasi, atau gelar profesi terbukti merupakan hasil plagiat",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 23,
+        "Pelanggaran":"Perguruan tinggi tidak menyediakan, memfasilitasi, memiliki Sumber Belajar sesuai dengan Program Studi yang dikembangkan",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 24,
+        "Pelanggaran":"Perguruan tinggi tidak memiliki statuta",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 25,
+        "Pelanggaran":"Perguruan tinggi tidak memiliki panduan/prosedur peralihan dan perolehan satuan kredit semester serta rekognisi pembelajaran lampau",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 26,
+        "Pelanggaran":"Perguruan tinggi melaporkan data yang tidak valid ke PDDIKTI",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 27,
+        "Pelanggaran":"Perguruan tinggi yang menyelenggarakan kegiatan akademik yang tidak sesuai dengan seluruh Standar Nasional Pendidikan Tinggi",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 28,
+        "Pelanggaran":"Badan Penyelenggara tidak memberikan gaji pokok serta tunjangan kepada Dosen dan tenaga kependidikan sesuai dengan ketentuan peraturan perundang-undangan",
+        "Sangsi":"Penghentian sementara kegiatan penyelenggaraan pendidikan",
+        "KeteranganSangsi":"Penundaan pelaksanaan akreditasi",
+        "LevelSangsi":2,
+        "LabelSangsi":"Sedang",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 29,
+        "Pelanggaran":"Perguruan tinggi dan/atau Program Studi yang tidak terakreditasi mengeluarkan gelar akademik, gelar vokasi, dan/atau gelar profesi",
+        "Sangsi":"Penghentian pembinaan",
+        "KeteranganSangsi":"Penghentian bantuan keuangan, hibah, dan/atau bentuk bantuan lain yang diperuntukkan bagi perguruan tinggi",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 30,
+        "Pelanggaran":"Perguruan tinggi dan/atau Program Studi memberikan ijazah, gelar akademik, gelar vokasi, dan/atau gelar profesi kepada orang yang tidak berhak",
+        "Sangsi":"Penghentian pembinaan",
+        "KeteranganSangsi":"Penghentian layanan Pemerintah Pusat bagi perguruan tinggi",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 31,
+        "Pelanggaran":"Perguruan tinggi tidak mengusulkan akreditasi ulang Program Studi sebagaimana ditentukan dalam peraturan perundang-undangan",
+        "Sangsi":"Penghentian pembinaan",
+        "KeteranganSangsi":"Penghentian penerimaan Mahasiswa baru",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 32,
+        "Pelanggaran":"Perguruan tinggi lembaga negara lain yang menyelenggarakan pendidikan di wilayah Negara Kesatuan Republik Indonesia yang tidak sesuai dengan ketentuan peraturan perundang-undangan",
+        "Sangsi":"Penghentian pembinaan",
+        "KeteranganSangsi":"Larangan melakukan wisuda",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 33,
+        "Pelanggaran":"Perguruan tinggi melakukan penerimaan Mahasiswa baru dengan tujuan komersial",
+        "Sangsi":"Penghentian pembinaan",
+        "KeteranganSangsi":"Penghentian proses usul pembukaan Program Studi baru",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 34,
+        "Pelanggaran":"Pengelolaan perguruan tinggi tidak berprinsip nirlaba",
+        "Sangsi":"Penghentian pembinaan",
+        "KeteranganSangsi":"Penarikan Dosen Pegawai Negeri Sipil yang dipekerjakan",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 35,
+        "Pelanggaran":"Perguruan tinggi dan/atau Badan Penyelenggara melakukan perubahan nama perguruan tinggi, nama dan/atau bentuk Badan Penyelenggara, dan/atau lokasi Kampus Utama PTS tanpa izin dari Menteri",
+        "Sangsi":"Pencabutan izin Program Studi",
+        "KeteranganSangsi":"",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 36,
+        "Pelanggaran":"Perguruan tinggi menyelenggarakan Program Studi tanpa izin dari Menteri",
+        "Sangsi":"Pembubaran PTN atau pencabutan izin PTS",
+        "KeteranganSangsi":"",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 37,
+        "Pelanggaran":"Perguruan tinggi menyelenggarakan PJJ tanpa izin dari Menteri",
+        "Sangsi":"Pembubaran PTN atau pencabutan izin PTS",
+        "KeteranganSangsi":"",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 38,
+        "Pelanggaran":"Perguruan tinggi dan/atau Program Studi tidak lagi memenuhi syarat pendirian perguruan tinggi dan/atau pembukaan Program Studi",
+        "Sangsi":"Pembubaran PTN atau pencabutan izin PTS",
+        "KeteranganSangsi":"",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    },
+    {
+        "idPelanggaran": 39,
+        "Pelanggaran":"Terjadi sengketa",
+        "Sangsi":"Pembubaran PTN atau pencabutan izin PTS",
+        "KeteranganSangsi":"",
+        "LevelSangsi":3,
+        "LabelSangsi":"Berat",
+        "checked":false,
+        "TMTBulan":6
+    }
+]

package.json

@@ -6,7 +6,7 @@
 	"license": "https://wrapbootstrap.com/help/licenses",
 	"private": true,
 	"scripts": {
-		"dev": "next",
+		"dev": "(if exist .next rd /s /q .next 2>nul) && next",
 		"dev-server": "node server.js",
 		"build": "next build",
 		"start": "next start",

pages/app/PT-ID.json

@@ -1,57 +0,0 @@
-[
-    {
-        "id": "0BCE4DB7-B207-445D-8D03-0C54B7688252",
-        "kode": "031031",
-        "kode_satker": null,
-        "nama": "Universitas Satyagama",
-        "nama_singkat": "USG",
-        "sk_pendirian": "0742/O/1990",
-        "tgl_sk_pendirian": "1990-12-22",
-        "sk_operasional": null,
-        "tgl_sk_operasional": null,
-        "status": "A",
-        "alamat": {
-            "jalan": "Jalan Kamal Raya No 2-A Cengkareng",
-            "rt": null,
-            "rw": null,
-            "dusun": null,
-            "kelurahan": "-",
-            "kode_pos": "11730",
-            "kab_kota": {
-                "id": "016200",
-                "nama": "Kota Jakarta Barat"
-            }
-        },
-        "propinsi": {
-            "id": "010000",
-            "nama": "Prov. D.K.I. Jakarta"
-        },
-        "telepon": "(021) 5452377-78",
-        "faksimile": "(021) 54391325",
-        "website": "www.satyagama.ac.id",
-        "email": "info@satyagama.ac.id",
-        "status_milik": {
-            "id": "3",
-            "nama": "Yayasan"
-        },
-        "pembina": {
-            "id": "728989DD-251E-4516-BE2C-BA17A93A5C51",
-            "nama": "LLDIKTI III"
-        },
-        "bentuk_pendidikan": {
-            "id": "23",
-            "nama": "Universitas"
-        },
-        "last_update": "2021-12-08",
-        "negara": {
-            "id": "ID",
-            "nama": "Indonesia"
-        },
-        "pimpinan": {
-            "id": "D3D20B3D-0FBE-4706-8A70-67C4C09C8FBE",
-            "nama": "DEWI SULISTYANI",
-            "tmt_sk_pengangkatan": "2021-03-17",
-            "tst_sk_pengangkatan": "2025-03-17"
-        }
-    }
-]

pages/app/_middleware.js

@@ -1,8 +0,0 @@
-import { NextResponse, NextRequest } from "next/server";
-
-export async function middleware(req, ev) {
-	if (!req.session.user) {
-		return NextResponse.redirect("/login");
-	}
-	return NextResponse.next();
-}

pages/app/calendar.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import dynamic from 'next/dynamic';
-
-// https://github.com/fullcalendar/fullcalendar-react/issues/17
-const DynamicCalendar = dynamic(() => import('../../components/Extras/calendar.view.js'), {
-    ssr: false
-});
-
-export default () => <DynamicCalendar />;

pages/app/faq.js

@@ -1,411 +0,0 @@
-import React, { Component } from 'react';
-import ContentWrapper from '@/components/Layout/ContentWrapper';
-import { Row, Col, Card, CardHeader, CardBody, CardTitle, Collapse } from 'reactstrap';
-
-class Faq extends Component {
-
-    state = {
-        oneAtATime: true,
-        accordionState: [
-            false, false, false, false, false, false,
-            false, false, false, false, false, false,
-            false, false, false, false, false, false
-        ]
-    }
-
-    /* id is the index in the accordionState array */
-    toggleAccordion = id => {
-        let accordionState = this.state.accordionState.map((val,i) => {
-            return id === i ? !val : (this.state.oneAtATime ? false : val)
-        })
-        this.setState({
-            accordionState
-        })
-    }
-
-    render() {
-        return (
-            <ContentWrapper>
-                <div className="container container-md">
-                    <Row className="mb-3">
-                        <Col lg="8">
-                            <div className="h1 text-bold">FAQs</div>
-                            <p className="text-muted">Praesent id mauris urna, et tristique lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
-                        </Col>
-                        <Col lg="4">
-                            <Card>
-                                <CardBody className="text-center">
-                                    <p className="mb-3">Sed semper diam vitae purus tristique at scelerisque massa ultricies.</p>
-                                    <button className="btn btn-info" type="button">Contact support</button>
-                                </CardBody>
-                            </Card>
-                        </Col>
-                    </Row>
-                    <h4 className="my-3 py-4 text-dark">Some presale Questions</h4>
-                    <div>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(0)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[0]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(1)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[1]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(2)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[2]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(3)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[3]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(4)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[4]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                    </div>
-                    <h4 className="my-3 py-4 text-dark">Buyer Questions</h4>
-                    <div>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(5)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[5]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(6)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[6]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(7)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[7]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(8)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[8]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                    </div>
-                    <h4 className="my-3 py-4 text-dark">Seller Questions</h4>
-                    <div>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(9)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[9]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(10)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[10]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(11)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[11]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                        <Card className="b0 mb-2">
-                            <CardHeader onClick={() => this.toggleAccordion(12)}>
-                                <CardTitle tag="h4">
-                                    <a className="text-inherit">
-                                        <small>
-                                            <em className="fa fa-plus text-primary mr-2"></em>
-                                        </small>
-                                        <span>How can I change the color?</span>
-                                    </a>
-                                </CardTitle>
-                            </CardHeader>
-                            <Collapse isOpen={this.state.accordionState[12]}>
-                                <CardBody>
-                                    <p>Donec congue sagittis mi sit amet tincidunt. Quisque sollicitudin massa vel erat tincidunt blandit. Curabitur quis leo nulla. Phasellus faucibus placerat luctus. Integer fermentum molestie massa at congue. Quisque quis quam dictum diam volutpat adipiscing.</p>
-                                    <p>Proin ut urna enim.</p>
-                                    <div className="text-right">
-                                        <small className="text-muted mr-2">Was this information useful?</small>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-up text-muted"></em>
-                                        </button>
-                                        <button className="btn btn-secondary btn-xs" type="button">
-                                            <em className="fa fa-thumbs-down text-muted"></em>
-                                        </button>
-                                    </div>
-                                </CardBody>
-                            </Collapse>
-                        </Card>
-                    </div>
-                </div>
-            </ContentWrapper>
-            );
-    }
-
-}
-
-export default Faq;

pages/app/projectdetails.js

@@ -1,425 +0,0 @@
-import React, { Component } from 'react';
-import ContentWrapper from '@/components/Layout/ContentWrapper';
-import { Row, Col, Progress } from 'reactstrap';
-
-import Sparkline from '@/components/Common/Sparklines';
-import Scrollable from '@/components/Common/Scrollable'
-
-class ProjectDetails extends Component {
-
-    render() {
-        return (
-            <ContentWrapper>
-                <div className="content-heading">
-                    <div>Project #1 Management
-                        <small>In lacinia tellus vitae nisl consectetur pellentesque.</small>
-                    </div>
-                </div>
-                <Row>
-                    <Col xl="8">
-                        {/* Main card */}
-                        <div className="card b">
-                            <div className="card-header">
-                                <div className="float-right mt-2">
-                                    <div className="badge badge-info">started</div>
-                                </div>
-                                <h4 className="my-2">
-                                    <span>Project #1</span>
-                                </h4>
-                            </div>
-                            <div className="card-body bb bt">
-                                <a className="inline" href="">
-                                    <img className="rounded-circle thumb48" src="/static/img/user/03.jpg" alt="project member"/>
-                                </a>
-                                <a className="inline" href="">
-                                    <img className="rounded-circle thumb24" src="/static/img/user/02.jpg" alt="project member"/>
-                                </a>
-                                <a className="inline" href="">
-                                    <img className="rounded-circle thumb24" src="/static/img/user/04.jpg" alt="project member"/>
-                                </a>
-                                <a className="inline" href="">
-                                    <img className="rounded-circle thumb24" src="/static/img/user/05.jpg" alt="project member"/>
-                                </a>
-                                <a className="inline" href="">
-                                    <img className="rounded-circle thumb24" src="/static/img/user/06.jpg" alt="project member"/>
-                                </a>
-                                <a className="inline" href="">
-                                    <img className="rounded-circle thumb24" src="/static/img/user/07.jpg" alt="project member"/>
-                                </a>
-                                <a className="inline" href="">
-                                    <img className="rounded-circle thumb24" src="/static/img/user/08.jpg" alt="project member"/>
-                                </a>
-                                <a className="inline" href="">
-                                    <img className="rounded-circle thumb24" src="/static/img/user/09.jpg" alt="project member"/>
-                                </a>
-                                <div className="float-right mt-2">
-                                    <button className="btn btn-secondary" type="button">Add Member</button>
-                                </div>
-                            </div>
-                            <div className="card-body">
-                                <h4>Description</h4>
-                                <p>Nam eget risus tellus. Vestibulum pretium mollis ligula, at ultrices quam egestas et. Sed mattis tincidunt ligula, ac porttitor lectus porttitor condimentum. Ut et ligula ante, nec mollis lacus. Aliquam erat volutpat. Aliquam auctor diam ut urna lacinia faucibus. Proin est sapien, convallis non hendrerit nec, laoreet ut ipsum. Aenean vehicula, nulla vel pharetra accumsan, elit risus pretium arcu, nec ultrices urna ligula vel nunc. Cras porttitor orci eget nibh pharetra mollis.</p>
-                                <p>Maecenas at porta purus. Ut eu aliquam orci. Praesent in libero at neque gravida venenatis auctor nec arcu.</p>
-                                <p className="text-right">
-                                    <button className="btn btn-secondary" type="button">View all documents</button>
-                                </p>
-                            </div>
-                            <div className="card-body">
-                                <p>
-                                    <small className="float-left">Activity over time</small>
-                                    <Sparkline tag="span" options={{
-                                            type:"line",
-                                            height:"100",
-                                            width:"100%",
-                                            lineWidth:"3",
-                                            lineColor:"#23b7e5",
-                                            chartRangeMin:"0",
-                                            spotColor:"#888",
-                                            minSpotColor:"#23b7e5",
-                                            maxSpotColor:"#23b7e5",
-                                            fillColor:"#e5f2fa",
-                                            highlightLineColor:"#fff",
-                                            spotRadius:"5",
-                                            resize:true
-                                        }}
-                                        values={[2,4,5,6,10,7,8,5,7,7,11,8,6,9,11,9,13,14,12,16]}
-                                        className="sparkline text-center"/>
-                                </p>
-                            </div>
-                            <div className="card-body">
-                                <Row className="text-center">
-                                    <Col xs="4">
-                                        <Sparkline options={{
-                                                type:"pie",
-                                                height:"60",
-                                                sliceColors:['#edf1f2', '#23b7e5']
-                                            }}
-                                            values={[20,80]}
-                                            className="sparkline"/>
-                                        <p className="mt-3">Issues</p>
-                                    </Col>
-                                    <Col xs="4">
-                                        <Sparkline options={{
-                                                type:"pie",
-                                                height:"60",
-                                                sliceColors:['#edf1f2', '#27c24c']
-                                            }}
-                                            values={[60,40]}
-                                            className="sparkline"/>
-                                        <p className="mt-3">Commits</p>
-                                    </Col>
-                                    <Col xs="4">
-                                        <Sparkline options={{
-                                                type:"pie",
-                                                height:"60",
-                                                sliceColors:['#edf1f2', '#ff902b']
-                                            }}
-                                            values={[90,10]}
-                                            className="sparkline"/>
-                                        <p className="mt-3">Files</p>
-                                    </Col>
-                                </Row>
-                            </div>
-                        </div>
-                        {/* End Main card */}
-                        {/* Team messages */}
-                        <div className="card card-default">
-                            <div className="card-header">
-                                <div className="px-2 float-right badge badge-danger">5</div>
-                                <div className="px-2 mr-2 float-right badge badge-success">12</div>
-                                <div className="card-title">Team messages</div>
-                            </div>
-                            {/* START list group */}
-                            <Scrollable height="180px" className="list-group">
-                                {/* START list group item */}
-                                <div className="list-group-item list-group-item-action">
-                                    <div className="media">
-                                        <img className="align-self-start mx-2 circle thumb32" src="/static/img/user/02.jpg" alt="Avatar"/>
-                                        <div className="media-body text-truncate">
-                                            <p className="mb-1">
-                                                <strong className="text-primary">
-                                                    <span className="circle bg-success circle-lg text-left"></span>
-                                                    <span>Catherine Ellis</span>
-                                                </strong>
-                                            </p>
-                                            <p className="mb-1 text-sm">Cras sit amet nibh libero, in gravida nulla. Nulla...</p>
-                                        </div>
-                                        <div className="ml-auto">
-                                            <small className="text-muted ml-2">2h</small>
-                                        </div>
-                                    </div>
-                                </div>
-                                {/* END list group item */}
-                                {/* START list group item */}
-                                <div className="list-group-item list-group-item-action">
-                                    <div className="media">
-                                        <img className="align-self-start mx-2 circle thumb32" src="/static/img/user/03.jpg" alt="Avatar"/>
-                                        <div className="media-body text-truncate">
-                                            <p className="mb-1">
-                                                <strong className="text-primary">
-                                                    <span className="circle bg-success circle-lg text-left"></span>
-                                                    <span>Jessica Silva</span>
-                                                </strong>
-                                            </p>
-                                            <p className="mb-1 text-sm">Cras sit amet nibh libero, in gravida nulla. Nulla...</p>
-                                        </div>
-                                        <div className="ml-auto">
-                                            <small className="text-muted ml-2">3h</small>
-                                        </div>
-                                    </div>
-                                </div>
-                                {/* END list group item */}
-                                {/* START list group item */}
-                                <div className="list-group-item list-group-item-action">
-                                    <div className="media">
-                                        <img className="align-self-start mx-2 circle thumb32" src="/static/img/user/09.jpg" alt="Avatar"/>
-                                        <div className="media-body text-truncate">
-                                            <p className="mb-1">
-                                                <strong className="text-primary">
-                                                    <span className="circle bg-danger circle-lg text-left"></span>
-                                                    <span>Jessie Wells</span>
-                                                </strong>
-                                            </p>
-                                            <p className="mb-1 text-sm">Cras sit amet nibh libero, in gravida nulla. Nulla...</p>
-                                        </div>
-                                        <div className="ml-auto">
-                                            <small className="text-muted ml-2">4h</small>
-                                        </div>
-                                    </div>
-                                </div>
-                                {/* END list group item */}
-                                {/* START list group item */}
-                                <div className="list-group-item list-group-item-action">
-                                    <div className="media">
-                                        <img className="align-self-start mx-2 circle thumb32" src="/static/img/user/12.jpg" alt="Avatar"/>
-                                        <div className="media-body text-truncate">
-                                            <p className="mb-1">
-                                                <strong className="text-primary">
-                                                    <span className="circle bg-danger circle-lg text-left"></span>
-                                                    <span>Rosa Burke</span>
-                                                </strong>
-                                            </p>
-                                            <p className="mb-1 text-sm">Cras sit amet nibh libero, in gravida nulla. Nulla...</p>
-                                        </div>
-                                        <div className="ml-auto">
-                                            <small className="text-muted ml-2">1d</small>
-                                        </div>
-                                    </div>
-                                </div>
-                                {/* END list group item */}
-                                {/* START list group item */}
-                                <div className="list-group-item list-group-item-action">
-                                    <div className="media">
-                                        <img className="align-self-start mx-2 circle thumb32" src="/static/img/user/10.jpg" alt="Avatar"/>
-                                        <div className="media-body text-truncate">
-                                            <p className="mb-1">
-                                                <strong className="text-primary">
-                                                    <span className="circle bg-danger circle-lg text-left"></span>
-                                                    <span>Michelle Lane</span>
-                                                </strong>
-                                            </p>
-                                            <p className="mb-1 text-sm">Mauris eleifend, libero nec cursus lacinia...</p>
-                                        </div>
-                                        <div className="ml-auto">
-                                            <small className="text-muted ml-2">2d</small>
-                                        </div>
-                                    </div>
-                                </div>
-                                {/* END list group item */}
-                            </Scrollable>
-                            {/* END list group */}
-                            {/* START card footer */}
-                            <div className="card-footer">
-                                <div className="input-group">
-                                    <input className="form-control form-control-sm" type="text" placeholder="Search message .."/>
-                                    <span className="input-group-btn">
-                                        <button className="btn btn-secondary btn-sm" type="submit">
-                                            <i className="fa fa-search"></i>
-                                        </button>
-                                    </span>
-                                </div>
-                            </div>
-                            {/* END card-footer */}
-                        </div>
-                        {/* End Team messages */}
-                    </Col>
-                    <Col xl="4">
-                        {/* Aside card */}
-                        <div className="card b">
-                            <div className="card-body bb">
-                                <div className="clearfix">
-                                    <div className="float-left">
-                                        <button className="btn btn-secondary btn-oval" type="button">
-                                            <em className="fa fa-play fa-fw text-muted"></em>
-                                            <span>Start</span>
-                                        </button>
-                                        <button className="btn btn-secondary btn-oval" type="button">
-                                            <em className="fa fa-pause fa-fw text-muted"></em>
-                                            <span>Pause</span>
-                                        </button>
-                                    </div>
-                                    <div className="float-right">
-                                        <button className="btn btn-danger btn-oval" type="button">Cancel</button>
-                                    </div>
-                                </div>
-                            </div>
-                            <div className="card-body bb">
-                                <div className="d-flex align-items-center">
-                                    <div className="w-100">
-                                        <Progress className="progress-xs m-0" color="info" value="48"/>
-                                    </div>
-                                    <div className="wd-xxs text-right">
-                                        <div className="text-bold text-muted">48%</div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div className="card-body">
-                                <ul className="list-inline my-2">
-                                    <li className="list-inline-item">
-                                        <div className="badge p-1 bg-warning">priority</div>
-                                    </li>
-                                    <li className="list-inline-item">
-                                        <div className="badge p-1 bg-gray">angularjs</div>
-                                    </li>
-                                    <li className="list-inline-item">
-                                        <div className="badge p-1 bg-gray">jquery</div>
-                                    </li>
-                                    <li className="list-inline-item">
-                                        <div className="badge p-1 bg-gray">gulp</div>
-                                    </li>
-                                    <li className="list-inline-item">
-                                        <div className="badge p-1 bg-gray">git</div>
-                                    </li>
-                                    <li className="list-inline-item">
-                                        <div className="badge p-1 bg-gray">ios</div>
-                                    </li>
-                                </ul>
-                            </div>
-                            <table className="table">
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>02/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Estimated Hours</strong>
-                                        </td>
-                                        <td>122hs</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Time Consumed</strong>
-                                        </td>
-                                        <td>62hs</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Commits</strong>
-                                        </td>
-                                        <td>140</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Issues</strong>
-                                        </td>
-                                        <td>39</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Files</strong>
-                                        </td>
-                                        <td>87</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <p>Tara Sanders</p>
-                                            <p>Alan Smith</p>
-                                            <p>Priscilla Peters</p>
-                                            <p>Madison Willis</p>
-                                            <p>Lesa Marshall</p>
-                                            <p>Kylie Freeman</p>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Recent files</strong>
-                                        </td>
-                                        <td>
-                                            <Scrollable height="120px" className="list-group">
-                                                <table className="table table-bordered bg-transparent">
-                                                    <tbody>
-                                                        <tr>
-                                                            <td>
-                                                                <em className="fa-lg far fa-file-code"></em>
-                                                            </td>
-                                                            <td>
-                                                                <a className="text-muted" href="">database.controller.js</a>
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>
-                                                                <em className="fa-lg far fa-file-image"></em>
-                                                            </td>
-                                                            <td>
-                                                                <a className="text-muted" href="">baground-lg.png</a>
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>
-                                                                <em className="fa-lg far fa-file-code"></em>
-                                                            </td>
-                                                            <td>
-                                                                <a className="text-muted" href="">picture.controller.js</a>
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>
-                                                                <em className="fa-lg far fa-file-word"></em>
-                                                            </td>
-                                                            <td>
-                                                                <a className="text-muted" href="">applicat-diagrams.docx</a>
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>
-                                                                <em className="fa-lg far fa-file-code"></em>
-                                                            </td>
-                                                            <td>
-                                                                <a className="text-muted" href="">database.controller.js</a>
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td>
-                                                                <em className="fa-lg far fa-file-code"></em>
-                                                            </td>
-                                                            <td>
-                                                                <a className="text-muted" href="">database.controller.js</a>
-                                                            </td>
-                                                        </tr>
-                                                    </tbody>
-                                                </table>
-                                            </Scrollable>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <p className="text-right">
-                                <a className="btn btn-link" href="">Open repository</a>
-                            </p>
-                        </div>
-                        {/* end Aside card */}
-                    </Col>
-                </Row>
-            </ContentWrapper>
-            );
-    }
-
-}
-
-export default ProjectDetails;

pages/app/projects.js

@@ -1,892 +0,0 @@
-import React, { Component } from 'react';
-import ContentWrapper from '@/components/Layout/ContentWrapper';
-import { Progress, Row, Col, Card, CardHeader, CardBody, CardFooter, Table } from 'reactstrap';
-
-import Sparkline from '@/components/Common/Sparklines';
-
-class Projects extends Component {
-
-    render() {
-        return (
-            <ContentWrapper>
-                <div className="content-heading">Projects
-                    <div className="ml-auto">
-                        <button className="btn btn-secondary btn-sm" type="button">Create project</button>
-                    </div>
-                </div>
-                <Row>
-                    <Col xl="4" lg="6">
-                        <Card className="b">
-                            <CardHeader>
-                                <div className="float-right">
-                                    <div className="badge badge-info">started</div>
-                                </div>
-                                <h4 className="m-0">Project #1</h4>
-                                <small className="text-muted">Sed amet lectus id.</small>
-                            </CardHeader>
-                            <CardBody>
-                                <div className="d-flex align-items-center">
-                                    <div className="w-100" data-title="Health">
-                                        <Progress className="progress-xs m-0" value="22" color="warning"/>
-                                    </div>
-                                    <div className="wd-xxs text-right">
-                                        <div className="text-bold text-muted">22%</div>
-                                    </div>
-                                </div>
-                            </CardBody>
-                            <Table>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>01/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/02.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/04.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/05.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/06.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <strong>+5</strong>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Leader</strong>
-                                        </td>
-                                        <td>
-                                            <a href="" title="Team leader">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/03.jpg" alt="project member"/>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Metrics</strong>
-                                        </td>
-                                        <td>
-                                             <Sparkline values={[20,80]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#23b7e5"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[60,40]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#27c24c"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[90,10]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#ff902b"]
-                                                }}
-                                                className="sparkline inline"/>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            <CardFooter className="text-center">
-                                <button className="btn btn-secondary" type="button">Manage project</button>
-                            </CardFooter>
-                        </Card>
-                    </Col>
-                    <Col xl="4" lg="6">
-                        <Card className="b">
-                            <CardHeader>
-                                <div className="float-right">
-                                    <div className="badge badge-info">started</div>
-                                </div>
-                                <h4 className="m-0">Project #2</h4>
-                                <small className="text-muted">Sed amet lectus id.</small>
-                            </CardHeader>
-                            <CardBody>
-                                <div className="d-flex align-items-center">
-                                    <div className="w-100" data-title="Health">
-                                        <Progress className="progress-xs m-0" value="80" color="success"/>
-                                    </div>
-                                    <div className="wd-xxs text-right">
-                                        <div className="text-bold text-muted">80%</div>
-                                    </div>
-                                </div>
-                            </CardBody>
-                            <Table>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>02/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/02.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/04.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/05.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/06.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <strong>+6</strong>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Leader</strong>
-                                        </td>
-                                        <td>
-                                            <a href="" title="Team leader">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/03.jpg" alt="project member"/>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Metrics</strong>
-                                        </td>
-                                        <td>
-                                             <Sparkline values={[20,80]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#23b7e5"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[60,40]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#27c24c"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[90,10]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#ff902b"]
-                                                }}
-                                                className="sparkline inline"/>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            <CardFooter className="text-center">
-                                <button className="btn btn-secondary" type="button">Manage project</button>
-                            </CardFooter>
-                        </Card>
-                    </Col>
-                    <Col xl="4" lg="6">
-                        <Card className="b">
-                            <CardHeader>
-                                <div className="float-right">
-                                    <div className="badge badge-info">started</div>
-                                </div>
-                                <h4 className="m-0">Project #3</h4>
-                                <small className="text-muted">Sed amet lectus id.</small>
-                            </CardHeader>
-                            <CardBody>
-                                <div className="d-flex align-items-center">
-                                    <div className="w-100" data-title="Health">
-                                        <Progress className="progress-xs m-0" value="50" color="info"/>
-                                    </div>
-                                    <div className="wd-xxs text-right">
-                                        <div className="text-bold text-muted">50%</div>
-                                    </div>
-                                </div>
-                            </CardBody>
-                            <Table>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>03/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/02.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/04.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/05.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/06.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <strong>+7</strong>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Leader</strong>
-                                        </td>
-                                        <td>
-                                            <a href="" title="Team leader">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/03.jpg" alt="project member"/>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Metrics</strong>
-                                        </td>
-                                        <td>
-                                             <Sparkline values={[20,80]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#23b7e5"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[60,40]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#27c24c"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[90,10]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#ff902b"]
-                                                }}
-                                                className="sparkline inline"/>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            <CardFooter className="text-center">
-                                <button className="btn btn-secondary" type="button">Manage project</button>
-                            </CardFooter>
-                        </Card>
-                    </Col>
-                    <Col xl="4" lg="6">
-                        <Card className="b">
-                            <CardHeader>
-                                <div className="float-right">
-                                    <div className="badge badge-warning">paused</div>
-                                </div>
-                                <h4 className="m-0">Project #4</h4>
-                                <small className="text-muted">Sed amet lectus id.</small>
-                            </CardHeader>
-                            <CardBody>
-                                <div className="d-flex align-items-center">
-                                    <div className="w-100" data-title="Health">
-                                        <Progress className="progress-xs m-0" value="22" color="warning"/>
-                                    </div>
-                                    <div className="wd-xxs text-right">
-                                        <div className="text-bold text-muted">22%</div>
-                                    </div>
-                                </div>
-                            </CardBody>
-                            <Table>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>04/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/02.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/04.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/05.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/06.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <strong>+8</strong>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Leader</strong>
-                                        </td>
-                                        <td>
-                                            <a href="" title="Team leader">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/03.jpg" alt="project member"/>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Metrics</strong>
-                                        </td>
-                                        <td>
-                                             <Sparkline values={[20,80]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#23b7e5"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[60,40]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#27c24c"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[90,10]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#ff902b"]
-                                                }}
-                                                className="sparkline inline"/>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            <CardFooter className="text-center">
-                                <button className="btn btn-secondary" type="button">Manage project</button>
-                            </CardFooter>
-                        </Card>
-                    </Col>
-                    <Col xl="4" lg="6">
-                        <Card className="b">
-                            <CardHeader>
-                                <div className="float-right">
-                                    <div className="badge bg-gray">pending</div>
-                                </div>
-                                <h4 className="m-0">Project #5</h4>
-                                <small className="text-muted">Sed amet lectus id.</small>
-                            </CardHeader>
-                            <CardBody>
-                                <p className="m-0 text-center">This project does not register progress.</p>
-                            </CardBody>
-                            <Table>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>05/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/02.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/04.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/05.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/06.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <strong>+9</strong>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Leader</strong>
-                                        </td>
-                                        <td>
-                                            <a href="" title="Team leader">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/03.jpg" alt="project member"/>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Metrics</strong>
-                                        </td>
-                                        <td>
-                                             <Sparkline values={[20,80]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#23b7e5"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[60,40]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#27c24c"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[90,10]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#ff902b"]
-                                                }}
-                                                className="sparkline inline"/>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            <CardFooter className="text-center">
-                                <button className="btn btn-secondary" type="button">Manage project</button>
-                            </CardFooter>
-                        </Card>
-                    </Col>
-                    <Col xl="4" lg="6">
-                        <Card className="b">
-                            <CardHeader>
-                                <div className="float-right">
-                                    <div className="badge badge-success">completed</div>
-                                </div>
-                                <h4 className="m-0">Project #6</h4>
-                                <small className="text-muted">Sed amet lectus id.</small>
-                            </CardHeader>
-                            <CardBody>
-                                <div className="d-flex align-items-center">
-                                    <div className="w-100" data-title="Health">
-                                        <Progress className="progress-xs m-0" value="100" color="success"/>
-                                    </div>
-                                    <div className="wd-xxs text-right">
-                                        <div className="text-bold text-muted">100%</div>
-                                    </div>
-                                </div>
-                            </CardBody>
-                            <Table>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>06/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/02.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/04.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/05.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/06.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <strong>+10</strong>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Leader</strong>
-                                        </td>
-                                        <td>
-                                            <a href="" title="Team leader">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/03.jpg" alt="project member"/>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Metrics</strong>
-                                        </td>
-                                        <td>
-                                             <Sparkline values={[20,80]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#23b7e5"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[60,40]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#27c24c"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[90,10]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#ff902b"]
-                                                }}
-                                                className="sparkline inline"/>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            <CardFooter className="text-center">
-                                <button className="btn btn-secondary" type="button">Manage project</button>
-                            </CardFooter>
-                        </Card>
-                    </Col>
-                    <Col xl="4" lg="6">
-                        <Card className="b">
-                            <CardHeader>
-                                <div className="float-right">
-                                    <div className="badge bg-gray-dark">canceled</div>
-                                </div>
-                                <h4 className="m-0">Project #7</h4>
-                                <small className="text-muted">Sed amet lectus id.</small>
-                            </CardHeader>
-                            <CardBody>
-                                <div className="d-flex align-items-center">
-                                    <div className="w-100" data-title="Health">
-                                        <Progress className="progress-xs m-0" value="30" color="warning"/>
-                                    </div>
-                                    <div className="wd-xxs text-right">
-                                        <div className="text-bold text-muted">30%</div>
-                                    </div>
-                                </div>
-                            </CardBody>
-                            <Table>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>04/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/02.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/04.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/05.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/06.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <strong>+8</strong>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Leader</strong>
-                                        </td>
-                                        <td>
-                                            <a href="" title="Team leader">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/03.jpg" alt="project member"/>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Metrics</strong>
-                                        </td>
-                                        <td>
-                                             <Sparkline values={[20,80]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#23b7e5"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[60,40]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#27c24c"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[90,10]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#ff902b"]
-                                                }}
-                                                className="sparkline inline"/>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            <CardFooter className="text-center">
-                                <button className="btn btn-secondary" type="button">Manage project</button>
-                            </CardFooter>
-                        </Card>
-                    </Col>
-                    <Col xl="4" lg="6">
-                        <Card className="b">
-                            <CardHeader>
-                                <div className="float-right">
-                                    <div className="badge badge-info">started</div>
-                                </div>
-                                <h4 className="m-0">Project #8</h4>
-                                <small className="text-muted">Sed amet lectus id.</small>
-                            </CardHeader>
-                            <CardBody>
-                                <div className="d-flex align-items-center">
-                                    <div className="w-100" data-title="Health">
-                                        <Progress className="progress-xs m-0" value="10" color="danger"/>
-                                    </div>
-                                    <div className="wd-xxs text-right">
-                                        <div className="text-bold text-muted">10%</div>
-                                    </div>
-                                </div>
-                            </CardBody>
-                            <Table>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>05/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/02.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/04.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/05.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/06.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <strong>+9</strong>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Leader</strong>
-                                        </td>
-                                        <td>
-                                            <a href="" title="Team leader">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/03.jpg" alt="project member"/>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Metrics</strong>
-                                        </td>
-                                        <td>
-                                             <Sparkline values={[20,80]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#23b7e5"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[60,40]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#27c24c"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[90,10]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#ff902b"]
-                                                }}
-                                                className="sparkline inline"/>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            <CardFooter className="text-center">
-                                <button className="btn btn-secondary" type="button">Manage project</button>
-                            </CardFooter>
-                        </Card>
-                    </Col>
-                    <Col xl="4" lg="6">
-                        <Card className="b">
-                            <CardHeader>
-                                <div className="float-right">
-                                    <div className="badge badge-success">completed</div>
-                                </div>
-                                <h4 className="m-0">Project #9</h4>
-                                <small className="text-muted">Sed amet lectus id.</small>
-                            </CardHeader>
-                            <CardBody>
-                                <div className="d-flex align-items-center">
-                                    <div className="w-100" data-title="Health">
-                                        <Progress className="progress-xs m-0" value="100" color="success"/>
-                                    </div>
-                                    <div className="wd-xxs text-right">
-                                        <div className="text-bold text-muted">100%</div>
-                                    </div>
-                                </div>
-                            </CardBody>
-                            <Table>
-                                <tbody>
-                                    <tr>
-                                        <td>
-                                            <strong>Start date</strong>
-                                        </td>
-                                        <td>06/01/2016</td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Members</strong>
-                                        </td>
-                                        <td>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/02.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/04.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/05.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/06.jpg" alt="project member"/>
-                                            </a>
-                                            <a className="inline" href="">
-                                                <strong>+10</strong>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Leader</strong>
-                                        </td>
-                                        <td>
-                                            <a href="" title="Team leader">
-                                                <img className="rounded-circle thumb24 mr-1" src="/static/img/user/03.jpg" alt="project member"/>
-                                            </a>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            <strong>Metrics</strong>
-                                        </td>
-                                        <td>
-                                             <Sparkline values={[20,80]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#23b7e5"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[60,40]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#27c24c"]
-                                                }}
-                                                className="sparkline inline mr-2"/>
-                                             <Sparkline values={[90,10]}
-
-                                                options={{
-                                                    type:"pie",
-                                                    height:"24",
-                                                    sliceColors:["#edf1f2", "#ff902b"]
-                                                }}
-                                                className="sparkline inline"/>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            <CardFooter className="text-center">
-                                <button className="btn btn-secondary" type="button">Manage project</button>
-                            </CardFooter>
-                        </Card>
-                    </Col>
-                </Row>
-            </ContentWrapper>
-            );
-    }
-}
-
-export default Projects;
-
-

pages/app/sanksi/detail.js

@@ -8,6 +8,7 @@ import Header from "@/components/Main/Header";
 import Link from "next/link";
 import { getPelaporan } from "@/actions/pelaporan";
 import { createSanksi } from "@/actions/sanksi";
+import Loader from "@/components/Common/Loader";
 
 const stepNavitemStyle = {
 	backgroundColor: "#fcfcfc",
@@ -16,15 +17,23 @@ const stepNavitemStyle = {
 class Detail extends Component {
 	constructor(props) {
 		super(props);
+		this.state = {
+			pelaporan: {},
+		};
 	}
 
 	static getInitialProps = async ({ query }) => {
+		return { query };
+	};
+
+	componentDidMount = async () => {
+		const { query } = this.props;
 		const pelaporan = await getPelaporan({ ptId: query.ptId, number: query.number });
-		return { query, pelaporan };
+		this.setState({ pelaporan });
 	};
 
 	render() {
-		const { pelaporan } = this.props;
+		const { pelaporan } = this.state;
 		return (
 			<ContentWrapper unwrap>
 				{/* <Header /> */}
@@ -37,15 +46,19 @@ class Detail extends Component {
 							</Link>
 						</div>
 					</div>
-					<Card className="card-default">
-						<CardBody>
-							<Row>
-								<Col>
-									<DetailSanksi data={pelaporan.data[0]} />
-								</Col>
-							</Row>
-						</CardBody>
-					</Card>
+					{pelaporan?.data ? (
+						<Card className="card-default">
+							<CardBody>
+								<Row>
+									<Col>
+										<DetailSanksi data={pelaporan.data[0]} />
+									</Col>
+								</Row>
+							</CardBody>
+						</Card>
+					) : (
+						<Loader />
+					)}
 				</div>
 			</ContentWrapper>
 		);

pages/app/timeline.dikti.bak

@@ -1,186 +0,0 @@
-                <div className="p-3">
-                    <Row>
-                        <Col xl="9">
-                            <ul className="timeline">
-                                <li className="timeline-separator" data-datetime="Today"></li>
-                                <li className="timeline-inverted">
-                                    <div className="timeline-badge info">
-                                        <em className="far fa-file"></em>
-                                    </div>
-                                    <div className="timeline-card">
-                                        <div className="popover right">
-                                            <div className="arrow"></div>
-                                            <div className="popover-body">
-                                                <div className="d-flex align-items-center mb-3">
-                                                    <img className="mr-3 rounded-circle thumb48" src="/static/img/user/admin.png" alt="Avatar"/>
-                                                    <p className="m-0">
-                                                        {/* <a className="text-muted" href=""> */}
-                                                            <strong>Admin</strong>
-                                                        {/* </a> */}
-                                                        <br/>Upload Bukti Perbaikan 
-                                                        {/* <em className="fa fa-paperclip"></em> */}
-                                                        <Dropdown isOpen={this.state.dropdownOpenUpload} toggle={this.toggleDDUpload}>
-                                                            {/* <em className="fa fa-graduation-cap fa-fw mr-3"></em>Status */}
-                                                                {/* <p className="m-0"><br/> Upload Bukti Perbaikan </p> */}
-                                                                <DropdownToggle caret color="link">
-                                                                    <em className="fa fa-paperclip"></em>
-                                                                </DropdownToggle>
-                                                                <DropdownMenu className="animated fadeInUpShort">
-                                                                    <DropdownItem>
-                                                                        <em className="fa fa-lock mr-2"></em>Upload
-                                                                    </DropdownItem>
-                                                                </DropdownMenu>
-                                                            </Dropdown>
-                                                        </p> 
-                                                        {/* <li> */}
-
-
-                                                        {/* </li> */}
-                                                </div>
-                                                {/* <a href="">
-                                                    <img className="img-fluid img-thumbnail" src="/static/img/mockup.png" alt="Img"/>
-                                                </a> */}
-                                                <p className="text-muted my-2">3 Logs</p>
-                                                <div className="media bb p-2">
-                                                    <img className="mr-2 rounded-circle thumb32" src="/static/img/user/user.png" alt="Avatar"/>
-                                                    <div className="media-body">
-                                                        <p className="m-0">
-                                                            <a href="">
-                                                                <strong>Universitas Username</strong>
-                                                            </a>
-                                                        </p>
-                                                        <div className="text-sm text-muted">Uploaded Document File BBB.pdf</div>
-                                                    </div>
-                                                    <small className="ml-auto text-muted">12m ago</small>
-                                                </div>
-                                                <div className="media bb p-2">
-                                                    <img className="mr-2 rounded-circle thumb32" src="/static/img/user/user.png" alt="Avatar"/>
-                                                    <div className="media-body">
-                                                        <p className="m-0">
-                                                            <a href="">
-                                                                <strong>Universitas Username</strong>
-                                                            </a>
-                                                        </p>
-                                                        <div className="text-sm text-muted">Uploaded Document File CCC.pdf</div>
-                                                    </div>
-                                                    <small className="ml-auto text-muted">30m ago</small>
-                                                </div>
-                                                <div className="media bb p-2">
-                                                    <img className="mr-2 rounded-circle thumb32" src="/static/img/user/user.png" alt="Avatar"/>
-                                                    <div className="media-body">
-                                                        <p className="m-0">
-                                                            <a href="">
-                                                                <strong>Universitas Username</strong>
-                                                            </a>
-                                                        </p>
-                                                        <div className="text-sm text-muted">Uploaded Document File AAA.pdf</div>
-                                                    </div>
-                                                    <small className="ml-auto text-muted">30m ago</small>
-                                                </div>
-                                                {/* <form className="mt-2" method="post" action="#">
-                                                    <textarea className="form-control no-resize" placeholder="Comment..." rows="1"></textarea>
-                                                </form> */}
-                                            </div>
-                                        </div>
-                                    </div>
-                                </li>
-                                <li>
-                                    <div className="timeline-badge danger">
-                                        <em className="fas fa-ticket-alt"></em>
-                                    </div>
-                                    <div className="timeline-card">
-                                        <div className="popover left">
-                                            <div className="arrow"></div>
-                                            <div className="popover-body">
-                                                <div className="d-flex align-items-center mb-3">
-                                                    <img className="mr-3 rounded-circle thumb48" src="/static/img/user/admin.png" alt="Avatar"/>
-                                                    <p className="m-0">
-                                                        {/* <a className="text-muted" href=""> */}
-                                                            <strong>Admin</strong>
-                                                        {/* </a> */}
-                                                        <br/>opened project
-                                                        <a className="ml-2" href="">#548795</a>
-                                                    </p>
-                                                </div>
-                                                <p>
-                                                    <em>&mdash; Project description sample</em>
-                                                </p>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </li>
-                                <li className="timeline-end">
-                                    <a className="timeline-badge">
-                                        <em className="fa fa-plus"></em>
-                                    </a>
-                                </li>
-                            </ul>
-                        </Col>
-                        <Col xl="3">
-                            <div className="card card-default">
-                                <div className="card-body">
-                                    <div className="text-center">
-                                        <h3 className="mt-0">{this.props.data.nama}</h3>
-                                        <p>{this.props.data.sk_pendirian}</p>
-                                    </div>
-                                    <hr/>
-                                    <ul className="list-unstyled px-4">
-                                        <li>
-                                            <em className="fa fa-globe fa-fw mr-3"></em>{this.props.data.website}
-                                        </li>
-                                        <li>
-                                            <em className="fa fa-graduation-cap fa-fw mr-3"></em>Status Pelanggaran : Tidak Ada
-                                        </li>
-                                        {/* <li>
-                                            <Dropdown isOpen={this.state.dropdownOpen} toggle={this.toggleDD}>
-                                            <em className="fa fa-graduation-cap fa-fw mr-3"></em>Status
-                                            
-                                                <DropdownToggle caret color="link">
-                                                </DropdownToggle>
-                                                <DropdownMenu className="animated fadeInUpShort">
-                                                    <DropdownItem>
-                                                        <em className="fa fa-lock mr-2"></em>Status Sample 1
-                                                    </DropdownItem>
-                                                    <DropdownItem>
-                                                        <em className="fa fa-lock-open mr-2"></em>Status Sample 2
-                                                    </DropdownItem>
-                                                    <DropdownItem>
-                                                        <em className="fa fa-low-vision mr-2"></em>Status Sample 3
-                                                    </DropdownItem>
-                                                </DropdownMenu>
-                                            </Dropdown>
-                                        </li> */}
-                                        {/* <li>
-                                            <em className="fa fa-graduation-cap fa-fw mr-3"></em>
-                                            <div class="dropdown">
-                                                <button type="button" aria-haspopup="true" aria-expanded="false" class="btn btn-secondary">Status
-                                                </button>
-                                                <div tabindex="-1" role="menu" aria-hidden="true" class="animated bounceInDown dropdown-menu"><button type="button" tabindex="0" class="dropdown-item">Action</button><button type="button" tabindex="0" class="dropdown-item">Another action</button><button type="button" tabindex="0" class="dropdown-item active">Active Item</button><div tabindex="-1" class="dropdown-divider"></div><button type="button" tabindex="0" class="dropdown-item">Separated link</button></div>
-                                            </div>
-                                        </li> */}
-                                       {/* <li> */}
-                                        {/* <em className="fa fa-graduation-cap fa-fw mr-3"></em> */}
-                                                {/* <Dropdown isOpen={this.state.dropdownOpen} toggle={this.toggleDD}>
-                                                <DropdownToggle caret color="link">
-                                                    <em className="fa fa-paperclip">Status</em>
-                                                </DropdownToggle>
-                                                <DropdownMenu className="animated fadeInUpShort">
-                                                    <DropdownItem>
-                                                        <em className="fa fa-download mr-2"></em>Download
-                                                    </DropdownItem>
-                                                    <DropdownItem>
-                                                        <em className="fa fa-share mr-2"></em>Send to
-                                                    </DropdownItem>
-                                                    <DropdownItem>
-                                                        <em className="fa fa-times mr-2"></em>Delete
-                                                    </DropdownItem>
-                                                </DropdownMenu>
-                                            </Dropdown> */}
-                                        {/* </li> */}
-                                    </ul>
-                                </div>
-                            </div>
-                            
-                        </Col>
-                    </Row>
-                </div>

pages/app/timeline.js

@@ -1,194 +0,0 @@
-import React, { Component } from 'react';
-import ContentWrapper from '@/components/Layout/ContentWrapper';
-import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
-
-class Timeline extends Component {
-
-    state = {
-        dropdownOpen: false,
-        timelineAlt: false
-    }
-
-    toggleDD = () => this.setState({
-        dropdownOpen: !this.state.dropdownOpen
-    })
-
-    toggleTimeline = e => {
-        this.setState({
-            timelineAlt: e.target.checked
-        })
-    }
-
-    render() {
-        return (
-            <ContentWrapper>
-                <div className="content-heading">
-                    Timeline
-                    <div className="ml-auto">
-                        <div className="d-flex align-items-center">
-                            <small className="mr-2">Alternative</small>
-                            <label className="switch m-0">
-                                <input type="checkbox" defaultChecked={this.state.timelineAlt} onChange={this.toggleTimeline} />
-                                <span></span>
-                            </label>
-                        </div>
-                    </div>
-                </div>
-                {/* START timeline */}
-                <ul className={this.state.timelineAlt ? "timeline-alt" : "timeline"}>
-                    <li className="timeline-separator" data-datetime="Now"></li>
-                    {/* START timeline item */}
-                    <li>
-                        <div className="timeline-badge primary">
-                            <em className="fa fa-users"></em>
-                        </div>
-                        <div className="timeline-card">
-                            <div className="popover left">
-                                <h4 className="popover-header">Client Meeting</h4>
-                                <div className="arrow"></div>
-                                <div className="popover-body">
-                                    <p>Av 123 St - Floor 2
-                                        <br/>
-                                        <small>Pellentesque ut diam velit, eget porttitor risus. Nullam posuere euismod volutpat.</small>
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                    {/* END timeline item */}
-                    {/* START timeline item */}
-                    <li className="timeline-inverted">
-                        <div className="timeline-badge warning">
-                            <em className="fa fa-phone"></em>
-                        </div>
-                        <div className="timeline-card">
-                            <div className="popover right">
-                                <h4 className="popover-header">Call</h4>
-                                <div className="arrow"></div>
-                                <div className="popover-body">
-                                    <p>Michael
-                                        <a href="tel:+011654524578">(+011) 6545 24578 ext. 132</a>
-                                        <br/>
-                                        <small>Pellentesque ut diam velit, eget porttitor risus. Nullam posuere euismod volutpat.</small>
-                                    </p>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                    {/* END timeline item */}
-                    {/* START timeline separator */}
-                    <li className="timeline-separator" data-datetime="Yesterday"></li>
-                    {/* END timeline separator */}
-                    {/* START timeline item */}
-                    <li>
-                        <div className="timeline-badge danger">
-                            <em className="fas fa-video"></em>
-                        </div>
-                        <div className="timeline-card">
-                            <div className="popover left">
-                                <h4 className="popover-header">Conference</h4>
-                                <div className="arrow"></div>
-                                <div className="popover-body">
-                                    <p>Join development group</p>
-                                    <small>
-                                        <a href="skype:echo123?call">
-                                            <em className="fa fa-phone mr-2"></em>Call the Skype Echo</a>
-                                    </small>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                    {/* END timeline item */}
-                    {/* START timeline item */}
-                    <li className="timeline-inverted">
-                        <div className="timeline-card">
-                            <div className="popover right">
-                                <h4 className="popover-header">Appointment</h4>
-                                <div className="arrow"></div>
-                                <div className="popover-body">
-                                    <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam.</p>
-                                    <Dropdown isOpen={this.state.dropdownOpen} toggle={this.toggleDD}>
-                                        <DropdownToggle caret color="link">
-                                            <em className="fa fa-paperclip"></em>
-                                        </DropdownToggle>
-                                        <DropdownMenu className="animated fadeInUpShort">
-                                            <DropdownItem>
-                                                <em className="fa fa-download mr-2"></em>Download
-                                            </DropdownItem>
-                                            <DropdownItem>
-                                                <em className="fa fa-share mr-2"></em>Send to
-                                            </DropdownItem>
-                                            <DropdownItem>
-                                                <em className="fa fa-times mr-2"></em>Delete
-                                            </DropdownItem>
-                                        </DropdownMenu>
-                                    </Dropdown>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                    {/* END timeline item */}
-                    {/* START timeline item */}
-                    <li>
-                        <div className="timeline-badge info">
-                            <em className="fa fa-plane"></em>
-                        </div>
-                        <div className="timeline-card">
-                            <div className="popover left">
-                                <h4 className="popover-header">Fly</h4>
-                                <div className="arrow"></div>
-                                <div className="popover-body">
-                                    <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                    {/* END timeline item */}
-                    {/* START timeline item */}
-                    <li>
-                        <div className="timeline-card">
-                            <div className="popover left">
-                                <h4 className="popover-header">Appointment</h4>
-                                <div className="arrow"></div>
-                                <div className="popover-body">
-                                    <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                    {/* END timeline item */}
-                    {/* START timeline separator */}
-                    <li className="timeline-separator" data-datetime="2014-05-21"></li>
-                    {/* END timeline separator */}
-                    {/* START timeline item */}
-                    <li className="timeline-inverted">
-                        <div className="timeline-badge success">
-                            <em className="fa fa-music"></em>
-                        </div>
-                        <div className="timeline-card">
-                            <div className="popover right">
-                                <h4 className="popover-header">Relax</h4>
-                                <div className="arrow"></div>
-                                <div className="popover-body">
-                                    <p>Listen some music</p>
-                                </div>
-                            </div>
-                        </div>
-                    </li>
-                    {/* END timeline item */}
-                    {/* START timeline item */}
-                    <li className="timeline-end">
-                        <a className="timeline-badge" href="#more">
-                            <em className="fa fa-plus"></em>
-                        </a>
-                    </li>
-                    {/* END timeline item */}
-                </ul>
-                {/* END timeline */}
-            </ContentWrapper>
-            );
-    }
-
-}
-
-export default Timeline;

pages/app/userlist.js

@@ -1,450 +0,0 @@
-import React, { Component } from 'react';
-import ContentWrapper from '@/components/Layout/ContentWrapper';
-import { Row, Col, Card, CardHeader, CardFooter, Table, Pagination, PaginationItem, PaginationLink } from 'reactstrap';
-
-import Sparkline from '@/components/Common/Sparklines.js';
-
-class TableExtended extends Component {
-
-    state = {
-        listA: [{checked: false}, {checked: false}, {checked: false}],
-        listB: [{checked: false}, {checked: false}, {checked: false}]
-    }
-
-    // handle global when click on header checkbox
-    handleCheckList(listName, checkStat) {
-        this.setState({
-            [listName]: this.state[listName].map(item => ({...item, checked: checkStat}))
-        });
-    }
-    handleCheckListA = e => this.handleCheckList('listA', e.target.checked)
-    handleCheckListB = e => this.handleCheckList('listB', e.target.checked)
-
-    // handle particular changes on each checkbox
-    handleChange = (listName, index) => {
-        this.setState({
-            [listName]: this.state[listName].map((item, i) => (index !== i ? item : {...item, checked: !this.state[listName][index].checked} ) )
-        });
-    }
-
-    render() {
-        return (
-            <ContentWrapper>
-                <div className="content-heading">
-                    <div>Tables
-                        <small>A showcase of different components inside tables</small>
-                    </div>
-                </div>
-                {/* START card */}
-                <Card className="card-default">
-                    <CardHeader>Demo Table #1</CardHeader>
-                    {/* START table-responsive */}
-                    <Table bordered hover responsive>
-                        <thead>
-                            <tr>
-                                <th>UID</th>
-                                <th>Picture</th>
-                                <th>Username</th>
-                                <th>First Name</th>
-                                <th>Last Name</th>
-                                <th>Email</th>
-                                <th>Profile</th>
-                                <th>Last Login</th>
-                                <th data-check-all>
-                                    <div className="checkbox c-checkbox">
-                                        <label>
-                                            <input type="checkbox" onChange={this.handleCheckListA}/>
-                                            <span className="fa fa-check"></span>
-                                        </label>
-                                    </div>
-                                </th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <td>1</td>
-                                <td>
-                                    <div className="media">
-                                        <img className="img-fluid circle" src="/static/img/user/01.jpg" alt="Avater"/>
-                                    </div>
-                                </td>
-                                <td>@twitter</td>
-                                <td>Larry</td>
-                                <td>the Bird</td>
-                                <td>mail@example.com</td>
-                                <td className="text-center">
-                                    <div className="radial-bar radial-bar-25 radial-bar-xs" data-label="25%"></div>
-                                </td>
-                                <td>1 week</td>
-                                <td>
-                                    <div className="checkbox c-checkbox">
-                                        <label>
-                                            <input type="checkbox" checked={this.state.listA[0].checked} onChange={e => this.handleChange('listA', 0)}/>
-                                            <span className="fa fa-check"></span>
-                                        </label>
-                                    </div>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>2</td>
-                                <td>
-                                    <div className="media">
-                                        <img className="img-fluid circle" src="/static/img/user/02.jpg" alt="Avater"/>
-                                    </div>
-                                </td>
-                                <td>@mdo</td>
-                                <td>Mark</td>
-                                <td>Otto</td>
-                                <td>mail@example.com</td>
-                                <td className="text-center">
-                                    <div className="radial-bar radial-bar-50 radial-bar-xs" data-label="50%"></div>
-                                </td>
-                                <td>25 minutes</td>
-                                <td>
-                                    <div className="checkbox c-checkbox">
-                                        <label>
-                                            <input type="checkbox" checked={this.state.listA[1].checked} onChange={e => this.handleChange('listA', 1)}/>
-                                            <span className="fa fa-check"></span>
-                                        </label>
-                                    </div>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>3</td>
-                                <td>
-                                    <div className="media">
-                                        <img className="img-fluid circle" src="/static/img/user/03.jpg" alt="Avater"/>
-                                    </div>
-                                </td>
-                                <td>@fat</td>
-                                <td>Jacob</td>
-                                <td>Thornton</td>
-                                <td>mail@example.com</td>
-                                <td className="text-center">
-                                    <div className="radial-bar radial-bar-80 radial-bar-xs" data-label="80%"></div>
-                                </td>
-                                <td>10 hours</td>
-                                <td>
-                                    <div className="checkbox c-checkbox">
-                                        <label>
-                                            <input type="checkbox" checked={this.state.listA[2].checked} onChange={e => this.handleChange('listA', 2)}/>
-                                            <span className="fa fa-check"></span>
-                                        </label>
-                                    </div>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </Table>
-                    {/* END table-responsive */}
-                    <CardFooter>
-                        <div className="d-flex">
-                            <div>
-                                <div className="input-group">
-                                    <input className="form-control" type="text" placeholder="Search"/>
-                                    <div className="input-group-append">
-                                        <button className="btn btn-secondary" type="Search">Button</button>
-                                    </div>
-                                </div>
-                            </div>
-                            <div className="ml-auto">
-                                <div className="input-group float-right">
-                                    <select className="custom-select" id="inputGroupSelect04">
-                                        <option value="0">Bulk action</option>
-                                        <option value="1">Delete</option>
-                                        <option value="2">Clone</option>
-                                        <option value="3">Export</option>
-                                    </select>
-                                    <div className="input-group-append">
-                                        <button className="btn btn-secondary" type="button">Apply</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </CardFooter>
-                </Card>
-                {/* START card */}
-                <Card className="card-default">
-                    <CardHeader>Demo Table #2</CardHeader>
-                    {/* START table-responsive */}
-                    <Table striped bordered hover responsive>
-                        <thead>
-                            <tr>
-                                <th data-check-all>
-                                    <div className="checkbox c-checkbox">
-                                        <label>
-                                            <input type="checkbox" onChange={this.handleCheckListB}/>
-                                            <span className="fa fa-check"></span>
-                                        </label>
-                                    </div>
-                                </th>
-                                <th>Description</th>
-                                <th>Active</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <td>
-                                    <div className="checkbox c-checkbox">
-                                        <label>
-                                            <input type="checkbox" checked={this.state.listB[0].checked} onChange={e => this.handleChange('listB', 0)}/>
-                                            <span className="fa fa-check"></span>
-                                        </label>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div className="media">
-                                        <a className="float-left" href="">
-                                            <img className="img-fluid circle" src="/static/img/user/01.jpg" alt="Avatar"/>
-                                        </a>
-                                        <div className="media-body">
-                                            <div className="float-right badge badge-info">admin</div>
-                                            <h4>Holly Wallace</h4>
-                                            <p>Username: holly123</p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</div>
-                                    </div>
-                                </td>
-                                <td className="text-center">
-                                    <label className="switch">
-                                        <input type="checkbox"/>
-                                        <span></span>
-                                    </label>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <div className="checkbox c-checkbox">
-                                        <label>
-                                            <input type="checkbox" checked={this.state.listB[1].checked} onChange={e => this.handleChange('listB', 1)}/>
-                                            <span className="fa fa-check"></span>
-                                        </label>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div className="media">
-                                        <a className="float-left" href="">
-                                            <img className="img-fluid circle" src="/static/img/user/03.jpg" alt="Avatar"/>
-                                        </a>
-                                        <div className="media-body">
-                                            <div className="float-right badge badge-info">writer</div>
-                                            <h4>Alexis Foster</h4>
-                                            <p>Username: ali89</p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</div>
-                                    </div>
-                                </td>
-                                <td className="text-center">
-                                    <label className="switch">
-                                        <input type="checkbox" defaultChecked/>
-                                        <span></span>
-                                    </label>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td>
-                                    <div className="checkbox c-checkbox">
-                                        <label>
-                                            <input type="checkbox" checked={this.state.listB[2].checked} onChange={e => this.handleChange('listB', 2)}/>
-                                            <span className="fa fa-check"></span>
-                                        </label>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div className="media">
-                                        <a className="float-left" href="">
-                                            <img className="img-fluid circle" src="/static/img/user/05.jpg" alt="Avatar"/>
-                                        </a>
-                                        <div className="media-body">
-                                            <div className="float-right badge badge-info">editor</div>
-                                            <h4>Mario Miles</h4>
-                                            <p>Username: mariomiles</p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</div>
-                                    </div>
-                                </td>
-                                <td className="text-center">
-                                    <label className="switch">
-                                        <input type="checkbox" defaultChecked/>
-                                        <span></span>
-                                    </label>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </Table>
-                    {/* END table-responsive */}
-                    <CardFooter>
-                        <div className="d-flex align-items-center">
-                            <div>
-                                <div className="input-group">
-                                    <select className="custom-select" id="inputGroupSelect04">
-                                        <option value="0">Bulk action</option>
-                                        <option value="1">Delete</option>
-                                        <option value="2">Clone</option>
-                                        <option value="3">Export</option>
-                                    </select>
-                                    <div className="input-group-append">
-                                        <button className="btn btn-secondary" type="button">Apply</button>
-                                    </div>
-                                </div>
-                            </div>
-                            <div className="ml-auto">
-                                <Pagination className="pagination-sm">
-                                    <PaginationItem>
-                                      <PaginationLink previous href="" />
-                                    </PaginationItem>
-                                    <PaginationItem>
-                                      <PaginationLink href="">
-                                        1
-                                      </PaginationLink>
-                                    </PaginationItem>
-                                    <PaginationItem>
-                                      <PaginationLink href="">
-                                        2
-                                      </PaginationLink>
-                                    </PaginationItem>
-                                    <PaginationItem>
-                                      <PaginationLink href="">
-                                        3
-                                      </PaginationLink>
-                                    </PaginationItem>
-                                    <PaginationItem>
-                                      <PaginationLink next href="" />
-                                    </PaginationItem>
-                                </Pagination>
-                            </div>
-                        </div>
-                    </CardFooter>
-                </Card>
-                {/* END card */}
-                {/* START row */}
-                <Row>
-                    <Col xl="6">
-                        {/* START card */}
-                        <Card className="card-default">
-                            <CardHeader>Demo Tabl</CardHeader>
-                            {/* START table-responsive */}
-                            <Table striped bordered hover responsive>
-                                <thead>
-                                    <tr>
-                                        <th>Task name</th>
-                                        <th>Progress</th>
-                                        <th>Deadline</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>Nunc luctus, quam non condimentum ornare</td>
-                                        <td>
-                                            <div className="progress progress-xs">
-                                                <div className="progress-bar progress-bar-striped bg-success" role="progressbar" style={{width: '80%'}}>
-                                                    <span className="sr-only">80% Complete</span>
-                                                </div>
-                                            </div>
-                                        </td>
-                                        <td>05/05/2014</td>
-                                    </tr>
-                                    <tr>
-                                        <td>Integer in convallis felis.</td>
-                                        <td>
-                                            <div className="progress progress-xs">
-                                                <div className="progress-bar progress-bar-striped bg-danger" role="progressbar" style={{width: '20%'}}>
-                                                    <span className="sr-only">20% Complete</span>
-                                                </div>
-                                            </div>
-                                        </td>
-                                        <td>15/05/2014</td>
-                                    </tr>
-                                    <tr>
-                                        <td>Nullam sit amet magna vestibulum libero dapibus iaculis.</td>
-                                        <td>
-                                            <div className="progress progress-xs">
-                                                <div className="progress-bar progress-bar-striped bg-info" role="progressbar" style={{width: '50%'}}>
-                                                    <span className="sr-only">50% Complete</span>
-                                                </div>
-                                            </div>
-                                        </td>
-                                        <td>05/10/2014</td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            {/* END table-responsive */}
-                        </Card>
-                        {/* END card */}
-                    </Col>
-                    <Col xl="6">
-                        {/* START card */}
-                        <Card className="card-default">
-                            <CardHeader>Demo Table #4</CardHeader>
-                            {/* START table-responsive */}
-                            <Table striped bordered hover responsive>
-                                <thead>
-                                    <tr>
-                                        <th>Project</th>
-                                        <th>Activity</th>
-                                        <th>Completion</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>Bootstrap 5.x</td>
-                                        <td>
-                                            <Sparkline options={{
-                                                barColor:"#5d9cec",
-                                                height:20,
-                                                barWidth:5,
-                                                barSpacing:2,
-                                                resize:true
-                                                }}
-                                                values={[1,4,4,7,5,9,10]}
-
-                                            />
-                                        </td>
-                                        <td>
-                                            <div className="badge badge-danger">Canceled</div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>Web Engine</td>
-                                        <td>
-                                            <Sparkline options={{
-                                                barColor:"#7266ba",
-                                                height:20,
-                                                barWidth:5,
-                                                barSpacing:2,
-                                                resize:true
-                                                }}
-                                                values={[1,4,4,10,5,9,2]}
-
-                                            />
-                                        </td>
-                                        <td>
-                                            <div className="badge badge-success">Complete</div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>Nullam sit amet</td>
-                                        <td>
-                                            <Sparkline options={{
-                                                barColor:"#23b7e5",
-                                                height:20,
-                                                barWidth:5,
-                                                barSpacing:2,
-                                                resize:true
-                                                }}
-                                                values={[1,4,4,7,5,9,4]}
-
-                                            />
-                                        </td>
-                                        <td>
-                                            <div className="badge badge-warning">Delayed</div>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </Table>
-                            {/* END table-responsive */}
-                        </Card>
-                        {/* END card */}
-                    </Col>
-                </Row>
-                {/* END row */}
-            </ContentWrapper>
-            );
-    }
-
-}
-
-export default TableExtended;

pages/login.js

@@ -1,16 +0,0 @@
-import React, { Component } from "react";
-import Login from "@/components/Main/Login";
-import BasePage from "@/components/Layout/BasePage";
-
-class LoginPage extends Component {
-	render() {
-		return (
-			<div className="block-center mt-4 wd-xl">
-				<Login />
-			</div>
-		);
-	}
-}
-
-LoginPage.Layout = BasePage;
-export default LoginPage;

pages/pages/error500.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import BasePage from '@/components/Layout/BasePage';
-import Link from 'next/link';
-
-const Error500 = props => (
-    <div className="abs-center wd-xl">
-        <div className="text-center mb-4">
-            <div className="mb-3">
-                <em className="fa fa-wrench fa-5x text-muted" />
-            </div>
-            <div className="text-lg mb-3">500</div>
-            <p className="lead m-0">Oh! Something went wrong :(</p>
-            <p>Don't worry, we're now checking this.</p>
-            <p>In the meantime, please try one of those links below or come back in a moment</p>
-        </div>
-        <ul className="list-inline text-center text-sm mb-4">
-            <li className="list-inline-item">
-                <Link href="/dashboard/dashboardv1">
-                    <a className="text-muted">Go to App</a>
-                </Link>
-            </li>
-            <li className="text-muted list-inline-item">|</li>
-            <li className="list-inline-item">
-                <Link href="/pages/login" as="/login">
-                    <a className="text-muted">Login</a>
-                </Link>
-            </li>
-            <li className="text-muted list-inline-item">|</li>
-            <li className="list-inline-item">
-                <Link href="/pages/register" as="/register">
-                    <a className="text-muted">Register</a>
-                </Link>
-            </li>
-        </ul>
-        <div className="p-3 text-center">
-            <span className="mr-2">&copy;</span>
-            <span>2020</span>
-            <span className="mx-2">-</span>
-            <span>Angle</span>
-            <br />
-            <span>Bootstrap Admin Template</span>
-        </div>
-    </div>
-);
-
-Error500.Layout = BasePage;
-
-export default Error500;

pages/pages/lock.js

@@ -1,57 +0,0 @@
-import React, { Component } from 'react';
-import BasePage from '@/components/Layout/BasePage';
-import Link from 'next/link';
-
-class Lock extends Component {
-
-    render() {
-        return (
-            <div className="abs-center wd-xl">
-                <div className="d-flex justify-content-center">
-                    <div className="p-2">
-                        <img className="img-fluid img-thumbnail rounded-circle" src="/static/img/user/02.jpg" alt="Avatar" width="60" height="60"/>
-                    </div>
-                </div>
-                <div className="card b0">
-                    <div className="card-body">
-                        <p className="text-center">Please login to unlock your screen.</p>
-                        <form>
-                            <div className="form-group">
-                                <div className="input-group with-focus">
-                                    <input className="form-control border-right-0" id="exampleInputEmail1" type="email" placeholder="Enter email" autoComplete="off" required/>
-                                    <div className="input-group-append">
-                                        <span className="input-group-text text-muted bg-transparent border-left-0">
-                                            <em className="fa fa-lock"></em>
-                                        </span>
-                                    </div>
-                                </div>
-                            </div>
-                            <div className="d-flex">
-                                <div className="mt-1">
-                                    <Link href="/pages/recover" as="/recover">
-                                        <small className="text-muted">Forgot your password?</small>
-                                    </Link>
-                                </div>
-                                <div className="ml-auto">
-                                    <Link href="/dashboard/dashboardv1"><button className="btn btn-sm btn-primary">Unlock</button></Link>
-                                </div>
-                            </div>
-                        </form>
-                    </div>
-                </div>
-                <div className="p-3 text-center">
-                    <span className="mr-2">&copy;</span>
-                    <span>2020</span>
-                    <span className="mx-2">-</span>
-                    <span>Angle</span>
-                    <br/>
-                    <span>Bootstrap Admin Template</span>
-                </div>
-            </div>
-        );
-    }
-}
-
-Lock.Layout = BasePage
-
-export default Lock;

pages/pages/maintenance.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import BasePage from '@/components/Layout/BasePage';
-
-const Maintenance = props => (
-    <div className="abs-center">
-        <div className="text-center my-3">
-            <h1 className="mb-3">
-                <sup>
-                    <em className="fa fa-cog fa-2x text-muted fa-spin text-info"></em>
-                </sup>
-                <em className="fa fa-cog fa-5x text-muted fa-spin text-purple"></em>
-                <em className="fa fa-cog fa-lg text-muted fa-spin text-success"></em>
-            </h1>
-            <div className="text-bold text-lg mb-3">SITE IS UNDER MAINTENANCE</div>
-            <p className="lead m-0">We'll back online shortly!</p>
-        </div>
-    </div>
-)
-
-Maintenance.Layout = BasePage
-
-export default Maintenance;

pages/pages/notfound.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import BasePage from '@/components/Layout/BasePage';
-import Link from 'next/link';
-
-const NotFound = props => (
-    <div className="abs-center wd-xl">
-        <div className="text-center mb-4">
-            <div className="text-lg mb-3">404</div>
-            <p className="lead m-0">We couldn't find this page.</p>
-            <p>The page you are looking for does not exists.</p>
-        </div>
-        <div className="input-group mb-4">
-            <input className="form-control" type="text" placeholder="Try with a search" />
-            <span className="input-group-btn">
-                <button className="btn btn-secondary" type="button">
-                    <em className="fa fa-search" />
-                </button>
-            </span>
-        </div>
-        <ul className="list-inline text-center text-sm mb-4">
-            <li className="list-inline-item">
-                <Link href="/dashboard/dashboardv1">
-                    <a className="text-muted">Go to App</a>
-                </Link>
-            </li>
-            <li className="text-muted list-inline-item">|</li>
-            <li className="list-inline-item">
-                <Link href="/pages/login" as="/login">
-                    <a className="text-muted">Login</a>
-                </Link>
-            </li>
-            <li className="text-muted list-inline-item">|</li>
-            <li className="list-inline-item">
-                <Link href="/pages/register" as="/register">
-                    <a className="text-muted">Register</a>
-                </Link>
-            </li>
-        </ul>
-        <div className="p-3 text-center">
-            <span className="mr-2">&copy;</span>
-            <span>2020</span>
-            <span className="mx-2">-</span>
-            <span>Angle</span>
-            <br />
-            <span>Bootstrap Admin Template</span>
-        </div>
-    </div>
-);
-
-NotFound.Layout = BasePage;
-
-export default NotFound;

pages/pages/recover.js

@@ -1,51 +0,0 @@
-import React, { Component } from 'react';
-import BasePage from '@/components/Layout/BasePage';
-
-class Recover extends Component {
-
-    render() {
-        return (
-            <div className="block-center mt-4 wd-xl">
-                {/* START card */}
-                <div className="card card-flat">
-                    <div className="card-header text-center bg-dark">
-                        <a href="">
-                            <img className="block-center rounded" src="/static/img/logo.png" alt="Logo"/>
-                        </a>
-                    </div>
-                    <div className="card-body">
-                        <p className="text-center py-2">PASSWORD RESET</p>
-                        <form>
-                            <p className="text-center">Fill with your mail to receive instructions on how to reset your password.</p>
-                            <div className="form-group">
-                                <label className="text-muted" htmlFor="resetInputEmail1">Email address</label>
-                                <div className="input-group with-focus">
-                                    <input className="form-control border-right-0" id="resetInputEmail1" type="email" placeholder="Enter email" autoComplete="off"/>
-                                    <div className="input-group-append">
-                                        <span className="input-group-text text-muted bg-transparent border-left-0">
-                                            <em className="fa fa-envelope"></em>
-                                        </span>
-                                    </div>
-                                </div>
-                            </div>
-                            <button className="btn btn-danger btn-block" type="button">Reset</button>
-                        </form>
-                    </div>
-                </div>
-                {/* END card */}
-                <div className="p-3 text-center">
-                    <span className="mr-2">&copy;</span>
-                    <span>2020</span>
-                    <span className="mx-2">-</span>
-                    <span>Angle</span>
-                    <br/>
-                    <span>Bootstrap Admin Template</span>
-                </div>
-            </div>
-        );
-    }
-}
-
-Recover.Layout = BasePage;
-
-export default Recover;

pages/pages/register.js

@@ -1,175 +0,0 @@
-import React, { Component } from 'react';
-import BasePage from '@/components/Layout/BasePage';
-import Link from 'next/link';
-import { Input, CustomInput } from 'reactstrap';
-
-import FormValidator from '@/components/Forms/Validator.js';
-
-class Register extends Component {
-
-    state = {
-        formRegister: {
-            email: '',
-            password: '',
-            password2: '',
-            terms: false
-        }
-    }
-
-     /**
-      * Validate input using onChange event
-      * @param  {String} formName The name of the form in the state object
-      * @return {Function} a function used for the event
-      */
-    validateOnChange = event => {
-        const input = event.target;
-        const form = input.form
-        const value = input.type === 'checkbox' ? input.checked : input.value;
-
-        const result = FormValidator.validate(input);
-
-        this.setState({
-            [form.name]: {
-                ...this.state[form.name],
-                [input.name]: value,
-                errors: {
-                    ...this.state[form.name].errors,
-                    [input.name]: result
-                }
-            }
-        });
-
-    }
-
-    onSubmit = e => {
-        const form = e.target;
-        const inputs = [...form.elements].filter(i => ['INPUT', 'SELECT'].includes(i.nodeName))
-
-        const { errors, hasError } = FormValidator.bulkValidate(inputs)
-
-        this.setState({
-            [form.name]: {
-                ...this.state[form.name],
-                errors
-            }
-        });
-
-        console.log(hasError ? 'Form has errors. Check!' : 'Form Submitted!')
-
-        e.preventDefault()
-    }
-
-    /* Simplify error check */
-    hasError = (formName, inputName, method) => {
-        return  this.state[formName] &&
-                this.state[formName].errors &&
-                this.state[formName].errors[inputName] &&
-                this.state[formName].errors[inputName][method]
-    }
-
-    render() {
-        return (
-            <div className="block-center mt-4 wd-xl">
-                {/* START card */}
-                <div className="card card-flat">
-                    <div className="card-header text-center bg-dark">
-                        <a href="">
-                            <img className="block-center" src="/static/img/logo.png" alt="Logo"/>
-                        </a>
-                    </div>
-                    <div className="card-body">
-                        <p className="text-center py-2">SIGNUP TO GET INSTANT ACCESS.</p>
-                        <form className="mb-3" name="formRegister" onSubmit={this.onSubmit}>
-                            <div className="form-group">
-                                <label className="text-muted" htmlFor="signupInputEmail1">Email address</label>
-                                <div className="input-group with-focus">
-                                    <Input type="email"
-                                        name="email"
-                                        className="border-right-0"
-                                        placeholder="Enter email"
-                                        invalid={this.hasError('formRegister','email','required')||this.hasError('formRegister','email','email')}
-                                        onChange={this.validateOnChange}
-                                        data-validate='["required", "email"]'
-                                        value={this.state.formRegister.email}/>
-                                    <div className="input-group-append">
-                                        <span className="input-group-text text-muted bg-transparent border-left-0">
-                                            <em className="fa fa-envelope"></em>
-                                        </span>
-                                    </div>
-                                    { this.hasError('formRegister','email','required') && <span className="invalid-feedback">Field is required</span> }
-                                    { this.hasError('formRegister','email','email') && <span className="invalid-feedback">Field must be valid email</span> }
-                                </div>
-                            </div>
-                            <div className="form-group">
-                                <label className="text-muted" htmlFor="signupInputPassword1">Password</label>
-                                <div className="input-group with-focus">
-                                    <Input type="text"
-                                        id="id-password"
-                                        name="password"
-                                        className="border-right-0"
-                                        placeholder="Password"
-                                        invalid={this.hasError('formRegister','password','required')}
-                                        onChange={this.validateOnChange}
-                                        data-validate='["required"]'
-                                        value={this.state.formRegister.password}
-                                    />
-                                    <div className="input-group-append">
-                                        <span className="input-group-text text-muted bg-transparent border-left-0">
-                                            <em className="fa fa-lock"></em>
-                                        </span>
-                                    </div>
-                                    <span className="invalid-feedback">Field is required</span>
-                                </div>
-                            </div>
-                            <div className="form-group">
-                                <label className="text-muted" htmlFor="signupInputRePassword1">Retype Password</label>
-                                <div className="input-group with-focus">
-                                    <Input type="text" name="password2"
-                                        className="border-right-0"
-                                        placeholder="Retype assword"
-                                        invalid={this.hasError('formRegister','password2','equalto')}
-                                        onChange={this.validateOnChange}
-                                        data-validate='["equalto"]'
-                                        value={this.state.formRegister.password2}
-                                        data-param="id-password"
-                                    />
-                                    <div className="input-group-append">
-                                        <span className="input-group-text text-muted bg-transparent border-left-0">
-                                            <em className="fa fa-lock"></em>
-                                        </span>
-                                    </div>
-                                    <span className="invalid-feedback">Field must be equal to previous</span>
-                                </div>
-                            </div>
-                            <CustomInput type="checkbox" id="terms"
-                                name="terms"
-                                label="I agree with the terms"
-                                invalid={this.hasError('formRegister','terms','required')}
-                                onChange={this.validateOnChange}
-                                data-validate='["required"]'
-                                checked={this.state.formRegister.terms}>
-                                    <span className="invalid-feedback">Field is required</span>
-                                </CustomInput>
-                            <button className="btn btn-block btn-primary mt-3" type="submit">Create account</button>
-                        </form>
-                        <p className="pt-3 text-center">Have an account?</p>
-                        <Link href="/pages/login" as="/login"><button type="button" className="btn btn-block btn-secondary">Signup</button></Link>
-                    </div>
-                </div>
-                {/* END card */}
-                <div className="p-3 text-center">
-                    <span className="mr-2">&copy;</span>
-                    <span>2020</span>
-                    <span className="mx-2">-</span>
-                    <span>Angle</span>
-                    <br/>
-                    <span>Bootstrap Admin Template</span>
-                </div>
-            </div>
-        );
-    }
-}
-
-Register.Layout = BasePage
-
-export default Register;

pages/singleview.js

@@ -1,58 +0,0 @@
-import React from 'react';
-import { Trans } from '@/components/Common/Translate';
-import ContentWrapper from '@/components/Layout/ContentWrapper';
-import { Row, Col, Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
-
-class SingleView extends React.Component {
-
-    state = {
-      dropdownOpen: false
-    }
-
-    changeLanguage = lng => {
-        this.props.changeLanguage(lng);
-    }
-
-    toggle = () => {
-        this.setState({
-            dropdownOpen: !this.state.dropdownOpen
-        });
-    }
-
-    render() {
-        return (
-            <ContentWrapper>
-                <div className="content-heading">
-                   <div>Single View
-                      <small><Trans i18nKey='dashboard.WELCOME'></Trans></small>
-                   </div>
-                    { /* START Language list */ }
-                    <div className="ml-auto">
-                        <Dropdown isOpen={this.state.dropdownOpen} toggle={this.toggle}>
-                            <DropdownToggle>
-                                English
-                            </DropdownToggle>
-                            <DropdownMenu className="dropdown-menu-right-forced animated fadeInUpShort">
-                                <DropdownItem onClick={() => this.changeLanguage('en')}>English</DropdownItem>
-                                <DropdownItem onClick={() => this.changeLanguage('es')}>Spanish</DropdownItem>
-                            </DropdownMenu>
-                        </Dropdown>
-                    </div>
-                    { /* END Language list */ }
-                </div>
-                <Row>
-                    <Col xs={12} className="text-center">
-                        <h2 className="text-thin">Single view content</h2>
-                        <p>
-                            This project is an application skeleton. You can use it to quickly bootstrap your ReactJS webapp projects and dev environment for these projects.
-                            <br/>
-                            The seed app doesn't do much and has most of the feature removed so you can add theme as per your needs just following the demo app examples.
-                        </p>
-                    </Col>
-                </Row>
-            </ContentWrapper>
-        );
-    }
-}
-
-export default SingleView;

pelanggaran-object-post.json

@@ -0,0 +1,27 @@
+[
+    {
+        "noSangsi": "",
+        "pelanggaran": [
+            {
+                "idPelanggaran": 37,
+                "Pelanggaran": "Perguruan tinggi menyelenggarakan PJJ tanpa izin dari Menteri",
+                "Sangsi": "Pembubaran PTN atau pencabutan izin PTS",
+                "KeteranganSangsi": "",
+                "LevelSangsi": 3,
+                "LabelSangsi": "Berat",
+                "checked": true,
+                "TMTBulan": 6
+            },
+            {
+                "idPelanggaran": 38,
+                "Pelanggaran": "Perguruan tinggi dan/atau Program Studi tidak lagi memenuhi syarat pendirian perguruan tinggi dan/atau pembukaan Program Studi",
+                "Sangsi": "Pembubaran PTN atau pencabutan izin PTS",
+                "KeteranganSangsi": "",
+                "LevelSangsi": 3,
+                "LabelSangsi": "Berat",
+                "checked": true,
+                "TMTBulan": 6
+            }
+        ]
+    }
+]