# Planning

## Touch 2.0

Module is implemented in Angular Material (which already comes with Hammer.js)

## Stories

NOTE: Rough estimations - Round 1 (noted with `--`)

- Setup
  - Angular App (Basics) -- 1
  - Implement touch from hammer.js (already implemented improve or copy) -- 1
  - Decide and create theme for Touch 2.0 (Dark / Light) -- 1
  - Create all view components -- 0
  - Create all shared components -- 0

- Main View
  - (Left bar) Features -- 1
    - Items menu (Nested list) -- 1
  - (Right bar) Notifications -- 1
    - Call (Location + Info) -- 1
    - Info (Error, Info, Warning) -- 1
    - Location (Geo) -- 1
    - Filter (Top bar) -- 1
  - (Center) Quick actions -- 1
    - Action Box (Info) -- 0
  - (Botton) Navigation -- 1
    - Navigation menu (Slider) -- 2

- Views (Implement with slider or select to show feature)
  - Dashboard -- 0
  - Compact View -- 0
    - Multiple sublatyers (additional buttons in navigation bar) -- 1
  - Detailed View -- 0

- Filters -- 1
- Services -- 2

## Project structure

- App
  - Shared
  - Views
    - View1
      - RelatedToViewComponent
  - Services
  - Helpers
  - Filters
  - Models

## Q/A

- Question for client about navigation menu
- Question for client about theme for application
- Question for client for API / documentation
- Question for client, deadline date
- Question for developer about familiarity with hammer.js and angular

## Instruction for setting up project

run `yarn` for installing node modules
run `build` from package.json scripts
run `start:srv10`

Application should be running on port `4200`