tylereich / boundaries Goto Github PK

Partitioned UI. Sections for:

• Image
  • Dimension ratio
  • Format
• Map
  • Style
    • Feature
    • Element
    • Color
    • Visibility
• Lines and Polygons
  • Color
  • Weight (lines only)

Example: 'Connect' is disabled manually, user creates line, 'Connect' enables after click

Tolerance should be pixel-based, not coordinate-based

For interactions, allow 'snapping'. Editor interface used to create boundaries.

Jasmine seems to be the best testing suite.

Initial investigations show it's not related to keypress directive

Will require a custom Autocomplete suggestions function; leverage Google Autocomplete API.

Use the Google Drive Realtime API to manage an array of overlays. One overlay per drawingSet. Allow user to 'snap' the current drawing to these overlays.

Use of check box input for input; function for maintaining state

Current implementation is broken and does not trigger a $digest cycle

Map:

• Feature
• Element
• Color
• Visibility

Lines:

• Thickness
• 3 Colors

Allows the user to close a session without losing their data

Save drawing only. Saving the actual paths would be too expensive

Minified format? Perhaps drawing could compressed using a special algorithm

Use GMap.LatLngBounds.extend(coordinate) method, looping through every point available (including those from directionsRenderers)

Allow every setting (Image, Map, Colors) to be changed and batch applied to JSON saved data. Generate both updated JSON and new image to reflect changes

Progress bar would be necessary.

Allow a names to be set directly from the web interface

For example:
[text: Base name][number: iteration]
Every time a map is saved via the Google Drive button, the iteration number increases; automatic.

Allow settings to sync across users via Google Drive

Use CSS @media all to detect when too small

On width tolerance:

• Move toolbar to top
• Group buttons to save space (search, colors, modes, functions, image)
• Activating a button fills the toolbar with the button (left) its contents (to right)
• Search box hides toolbar
• Image hides map

This basically means no DOM manipulation in JavaScript