Korean Food adalah aplikasi berbasis web untuk mempromosikan makanan dan minuman yang dijual. Cara memakai aplikasi ini adalah:
- Clone repository Toko pada link github ini: https://github.com/arinifir/Toko
- Kemudian import database di folder database dengan nama db_toko.sql
- Dan buka web dengan link http://localhost/Toko/
adalah halaman awal dari web tersebut. Di halaman ini, kita bisa melihat menu-menu yang ada berdasarkan jenisnya yaitu makanan, minuman, atau lainnya. Klik lihat pada salah satu menu. Jika klik minuman maka menu yang ditampilkan adalah menu jenis minuman
adalah halaman yang menampilkan jadwal restoran. Kapan buka dan kapan tutup. Jika status “Open” maka akan ditampilkan jam buka dan jam tutup nya. Sedangkan jika status “Closed” makan akan ditampilkan status tersebut.
Jika mempunyai akun sebagai admin klik ikon di kanan atas lalu klik login, maka akan diarahkan ke halaman Login untuk Admin. Jika kita menekan tombol Login tanpa mengisi inputan, maka akan muncul alert perigatan. Dan jika username atau password yang kita masukkan tidak valid, akan muncul alert. Coba login masukkan username “rinrin” dan password “arini” yang sudah terdaftar di database.
Setelah berhasil login, akan muncul tampilan halaman admin yang berisi fitur dashboard, data admin, data menu, dan info buka.
Buka halaman data admin, di sini kita bisa melihat, menambahkan, mengubah, dan menghapus data admin. Klik “+ Tambah Data” dan akan muncul modal tambah data, masukkan data yang akan ditambah. Klik ikon Edit Data yang berwarna biru, akan muncul modal untuk mengubah data, masukkan data yang akan diubah. Klik ikon Hapus Data yang berwarna merah, akan muncul alert confirm untuk menghapus data, klik ok jika ingin menghapus data.
Buka halaman data menu, di sini kita bisa melihat, menambahkan, mengubah, dan menghapus data menu. Fitur ini memiliki alur yang sama dengan admin hanya aja ada fitur untuk crud gambar.
Buka halaman info buka, di sini kita bisa melihat, menambahkan, mengubah, dan menghapus data info buka. Pada data info ini sedikit berbeda dengan yang lainnya. Karena kolom hari adalah kolom unik, jadi jika kita menambahkan hari yang sama, halaman data info akan di refresh. Halaman ini juga memiliki fitur untuk mengubah status nya saja Open atau Closed. Caranya klik button status maka akan muncul alert confirm. Jika menekan OK status otomatis berubah.
Jika ingin keluar dari halaman admin klik ikon di kanan atas lali klik logout, maka anda akan diarahkan ke halaman awal. Jika sudah klik logout maka kita tidak akan bisa lagi ke halaman sebelumnya setelah menekan tombol Back. Dan jika menekan tombol Back setelah Logout maka otomatis akan diarahkan ke halaman login admin lagi.
ElaAdmin is a responsive Bootstrap 4 Admin Template. It provides you with a collection of ready to use code snippets and utilities, custom pages, loads of charts, dashboard variations, a collection of applications and some useful widgets. Preview of this awesome admin template available here: https://colorlib.com/polygon/elaadmin/index.html
Demo Site: Here
- amCharts
- barRating
- Bootstrap
- C3 - A D3-based reusable chart library
- Chart.js
- Chartist.js
- Chosen
- DataMaps
- dataTables
- Datepicker for Bootstrap
- Dropzone.js
- ECharts
- Flot Charts
- Fontawesome
- FullCalendar
- gauge.js
- gmaps
- Granim
- Highcharts JS
- Ion.RangeSlider
- jQuery asScrollbar
- jQuery Knob
- jQuery Line Progressbar
- jQuery Validation Plugin
- jquery-circle-progress - jQuery Plugin to draw animated circular progress bars
- jquery.sparkline
- jQuery
- JQVMap - jQuery Vector Map Library
- JQVMap
- jRate - SVG based star Rating jQuery plugin
- jsgrid - Lightweight Grid jQuery Plugin
- JustGage - animated gauges using RaphaelJS
- Load Google Maps API
- metismenu - A simple jQuery menu plugin
- moment.js
- morris.js
- Nestable jQuery Plugin
- Owl Carousel
- Pace - website preloader
- Peity
- Peity
- Popper.js
- Raphaël - Cross-browser vector graphics
- Rickshaw
- Sass
- Select2
- simpleWeather
- Sticky-kit
- Sweetalert2
- toastr
- wysihtml5
Initial Release
- Bootstrap admin dashboards
- Angular dashboards
- Free Admin Dashboards
- Website Templates
- WordPress Themes
ElaAdmin is licensed under The MIT License (MIT). Which means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the final products. But you always need to state that Colorlib is the original author of this template.