e-project

Cập nhật UI 0.1.9

1. Đã làm

• Lazy loading
• Multiple popup
• Nếu user đã log in rồi thì vào lại trang log in tự vào dashboard

2. Chưa làm:

• Animating State with Watchers: https://vuejs.org/v2/guide/transitioning-state.html#Animating-State-with-Watchers

• Detect idle time

• Thiết kế lại guard router (index.js): Nhìn phức tap

• Multiple popup nhưng chưa có transition của ver0.1.9.4, với lại có bug âm counter

• AdminLTE -> JS: User view, Project, Inbox

• Loading giữa các trang: https://stackoverflow.com/questions/44886812/how-to-display-a-loading-animation-while-a-lazy-loaded-route-component-is-bein

• Refactoring

  • Dashboard
    • Table: API
      • Data cần hiển thị
  • Navbar notification: API

• Thay breadcrumb = v-breadcrumb?

• Vuetify statbox

  • Làm sao để icon flex-end?
  • Sửa màu

• Sidebar

  • Fix lòi scroll

• User list

  • Styling
    • Edit dialog show data đang edit => Gây khó chịu
    • header bị lệch do có icon sort

3. Bug

• Chưa handle được fail uri
• drawer bi loi mutate nen nhan chua muot

De serve project:

1. Clone ve
2. npm install de download node_modules
3. npm run serve

Chuc nang da thuc hien

• Dashboard: Xuat hien ngay khi serve project cung voi button login
• Login: Button login nam o tren Dashboard
• Forgot-password: Nam trong trang login
• Calendar: Trong sidebar cua Dashboard. Sau khi an vao button calendar, scroll len de xem trang Calendar

Cach modify

1. Views (thu muc: src/views/[ten view])

• Moi views duoc gop tu: [ten view].html; <script> main.js; <style> main.css
• File main.js import external scripts cua AdminLTE (dang bi bug)
• File main.css import external styles cua AdminLTE.

2. Router (thu muc: src/router/index.js)

3. Link github AdminLTE: https://github.com/ColorlibHQ/AdminLTE

---

Project start custom

npm start

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.