/m5-basic-cruise

Primary LanguageJavaScript

How to run

  • Host the files with a static server
  • Open the index.html in dest /dest/index.html
  • Rebuild by npm start

Requirement

Implement Point

  • Write a model for the ui

  • Write a ajax method for json file

  • Write a component for the agent detail

    1. circle border
    2. black circle icon
    3. close button

  • Write a popup by add resources

    1. verify logic => the resource should in a collection which is defined before

  • Write the UI of agent container and sidebar

    1. Agents tab
    2. Summary logic by agent state
    3. History layout

  • Write the tab(dashboard/my cruise/agents/help)

  • Compatible with IE9+

  • Write the login page, user/psw from json file

  • Use css3 query media to responsive

  • Write a pro-cruise

    1. use es6, babel to convert
    2. webpack to package

To implement

  • popup

    1. add data to panel
    2. remove btn

  • switch tab to load data

  • switch category to filter data

  • makesure the ui in screen 1024, currently there is a issue

  • summary table logic

  • history logic

  • how to find the closest .class element

  • support 1024+

  • validate input value

  • summary should recalc while switch the category

  • deny icon

  • remove

  • validate input string on Add

To improve and Refactor

  • deny action => disable controls

  • save data in localstorage

  • avoid duplicate name on popup

  • add test

  • popup should has a mask

  • html5 semantic tags

  • the enter key should effect on popup page

  • use gulp to replace script files from dev page => dest page But why the second time copy index.html => dest/index.html can be success???

  • recalculate summary data by switch category

  • recalc history by agent id

  • cannot update data to json files

  • limit the min width

  • deny icon

  • the tab should remove the underline

  • limit the width of resource on popup