Roadmap

[phamhongphuc]

Roadmap Overview

This roadmap is meant to give our team and users clarity over our priorities over the next six months. It is meant more like a set of guidelines than as a strict set of tasks we are bound to finish. We may adjust over this period depending on changing needs and feedback from our users.

At a high-level, we're going to be focusing on the following these goals

• Approachability and UX.
• Productivity through strong tooling.
• Infrastructure and engineering systems.
• Improve workflow process.

---

A list of everything to do

Workflow

Permission Mixin #338

• Create simple mixin (c66f6eb).
• Add mixin to b-nav-item-icon component (c66f6eb).
• Create b-collapse component & add mixin (7efff36).
  • Add custom model in b-collapse component (679340b).
  • Add auto permission property (d9dd05d).
• Apply mixin in layout.

User

• Update user notification layout.

Renting Room

• Don't set room id when booking a room.
  • Have to do this

Push Notification

• Create notification model in database.
• Create notification layout.

Timeline for room

• Create timeline layout for room (bookings).
  • Create simple layout.
  • Add context menu to each booking.
  • Show booking Status by color.
  • Update booking UI. Make it more beautiful.
  • Add a search bar by date range, type, room name.

DatePicker

• Choose a custom Datepicker make with Vue.
• Use and make a wrapped custom DatePicker (make it looks like a Bootstrap component).

---

Improve code

Back-end

• Use Enum in Realm

Code

Details

https://github.com/phamhongphuc/uit.hotel/blob/ff8bc13e29c012d1ecc500eaf9f4ffa4cef9fed5/uit.hotel/Models/HouseKeeping.cs#L14-L23

Front-end

• [Type]: Remove interface CustomWindow. Insteadm, declare onNuxtReady in interface Window (1f838e7).

Code

Details

https://github.com/phamhongphuc/uit.hotel/blob/935a6a87e34f4bddc49141c45ff02519395218fc/uit.hotel.client/plugins/localStorage.ts#L4-L6

• [Type]: Update Type in Apollo Helper (af84398)
• [Type]: Update Type in Store & Remove ViewStore (3f10345)
• Update graphQL config (d75acc9)

Mix

• Fix NonNullGraphType on List (didn't check all type yet)
  • Floor.rooms (1e3601f)
  • Room.Bookings (1e3601f)

---

UI

Update Notification toast style

This is the toast notification shown in the bottom left or the bottom right when use do some action.

• Add shadow.
• Use Component Toast (Bootstrap Vue).
  • See https://bootstrap-vue.js.org/docs/components/toast.
• Remove package vue-notification.

Bootstrap

• The table should show information if the table's data is empty.
• Should use another UI for toggleable button.

Image

Details

---

Bugs

Logic

• Update form @success event (2308bc9).
• Remove useless slot-scope data in popup (vuejs/eslint-plugin-vue can't catch this error as vue/no-unused-vars) (679340b).
  • Report this issue.

Spell

• Rename HiringRoom to RentingRoom (c3074ea).

ESLint

• Use packageDir setting in import/no-extraneous-dependencies instead of import/core-modules because they are not core modules(89a69f5, d1bab3e).