Giter Club home page Giter Club logo

cartoview_dashboard's Introduction

Dashboard Application for Cartoview

Create dashboard with map, chart, summary, identify. The dashboard components is using Geoserver WPS to query to request results. Installation

clone from github

git clone https://github.com/cartologic/cartoview_dashboard.git

then download and build the client javascript files

cd cartoview_dashboard/static/cartoview_dashboard
npm install
npm run dev

cartoview_dashboard's People

Contributors

ahmednoureldeen avatar ibrahimawadhamid avatar kamalseisy avatar khaledboka avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

cartoview_dashboard's Issues

rework abstract

in the resulting dashboard page, place the abstract in a popup that is listed next to the title (?)

Optional Map title

for a better user interface let the user choose whether to show the map title or not

delete map widgets are shown in map widget selection for other widgets

delete map widgets are shown in map widget selection for other widgets( charts, aggregation, identify and legend).

Test case:

  • add map widget, then remove it again.
  • add identify widget( or charts , aggregation , legend).
  • open widget config, delete map is available in map widgets dropdownlist.

Cartoview template

The app look and feel inside the Cartoview Template
{% extends "app_manager/app_install_base.html" %}

dashboard security

based on maps and layers make the dashboard visible as an instance to users

Layout Selector

Add a step that let the user to select at least among two layouts

add 1 more layouts

make the user select the layout from the config panel
then launching the interactive config app will launch the the selected layout
simply make this layout

first row: full width
second row: 2 col + 1 column
third row: 3 equal width column
fourth row: full width

Configuration dialog

Create the standard react configuration dialog
This app configuration being interactive I suggest
to add the standard steps for title and description
then launch the app configuration dialog from the wizzard

select maps

when you create a config dialog
allow to select the maps that will be available in the dashboard editor
only the maps and layers select in configuration dialog will be available for selection in the dashboard editor

Title Bar with info

  • at the app view: Add the title bar with " i " info button and the info modal

  • at the app configuration wizard stages new/edit: Add the title bar with " ? " About button and the About app modal

dashboard identify

i added more than one map to the dashboard i also added more than one identify for each map and there is no option to relate them to each others also they are not relevant

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.