CirlceCI: Docker build for release branches.

🎉  Add: data source to run queries on top of query results

.bowerrc

@@ -1,3 +0,0 @@
-{
-    "directory": "rd_ui/app/bower_components"
-}

.codeclimate.yml

@@ -0,0 +1,22 @@
+engines:
+  pep8:
+    enabled: true
+  eslint:
+    enabled: true
+    channel: "eslint-3"
+    config:
+      config: client/.eslintrc.js
+    checks:
+      import/no-unresolved:
+        enabled: false
+ratings:
+  paths:
+  - "redash/**/*.py"
+  - "client/**/*.js"
+exclude_paths:
+- tests/**/*.py
+- migrations/**/*.py
+- old_migrations/**/*.py
+- setup/**/*
+- bin/**/*
+

.dockerignore

@@ -1,4 +1,4 @@
-rd_ui/.tmp/
-rd_ui/node_modules/
+client/.tmp/
+node_modules/
+.tmp/
 .git/
-.vagrant/

.editorconfig

@@ -0,0 +1,14 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.py]
+indent_style = space
+indent_size = 4
+
+[*.{js,css,html}]
+indent_style = space
+indent_size = 2

.env.example

@@ -1,5 +0,0 @@
-REDASH_STATIC_ASSETS_PATH="../rd_ui/app/"
-REDASH_LOG_LEVEL="INFO"
-REDASH_REDIS_URL=redis://localhost:6379/1
-REDASH_DATABASE_URL="postgresql://redash"
-REDASH_COOKIE_SECRET=veryverysecret

.gitignore

@@ -2,28 +2,19 @@
 .idea
 *.pyc
 .coverage
-rd_ui/dist
+client/dist
 .DS_Store
 celerybeat-schedule*
 .#*
 \#*#
 *~
 _build
-
-# Vagrant related
-.vagrant
-Berksfile.lock
-redash/dump.rdb
+.vscode
 .env
-.ruby-version
-venv
 
 dump.rdb
 
-# Docker related
-docker-compose.yml
-
 node_modules
 .tmp
 .sass-cache
-rd_ui/app/bower_components
+npm-debug.log

.landscape.yaml

@@ -1,2 +0,0 @@
-ignore-paths:
-    - migrations

CHANGELOG.md

@@ -0,0 +1,569 @@
+# Change Log
+
+## v3.0.0 - UNRELEASED
+
+### Added
+
+- Query Result data source (run queries on query results).
+- Athena: option to load schema from Glue catalog. @myouju
+- Allow running any command inside the container via the Docker entrypoint script. @jezdez
+- Make invitation token max age configurable. @hhamalai
+- Redshift: add support for the new ACM root CA.
+- Redshift: support for Spectrum (external) tables. @atharvai
+- MongoDB: option to set allowDiskUse in queries.
+- Option to disable SQLAlchemy connection pool.
+- Option to set a time limit on adhoc queries.
+- Option to disable sending an invite to a new user.
+- Azure SQL Data Warehouse query runner. @kitsuyui
+- Prometheus query runner. @yershalom
+- Option to set the Flask-Limiter storage engine.
+- Option to set UnicodeWriter's error handling method. @fan-t-endo
+- PostgreSQL: SSL configuration option. @TylerBrock
+- Counter visualization: additional formatting options. @deecay
+- Query based drop down parameter. @rohithmenon
+- MySQL: multiple queries support & connection timeout.
+- Ability to select all in multi-filter. @Posnet
+- LDAP (Active Directory) support. @amarjayr
+
+### Changed
+
+- Copy parameters when forking a query. @kyoshidajp
+- Prevent using Query API Key with refresh API (previously it was just failing).
+- Reduce boilerplate in frontend code.
+- Set auto focus in first input items. @kyoshidajp
+- Update gunicorn to latest version.
+- Make log format configurable. 
+- Sort series by name. 
+- Allow setting test file with Docker test run. @meinac
+- Use outdated queries count stored already in Redis.
+- Show links based on permissions the user have. 
+- Cassandra: update driver version. @yershalom
+- Docker-Compose: update configuration to always restart services. @muddydixon
+- Modernize Python 2 code to get ready for Python 3. @cclauss
+- Cohort visualization: make it friendlier to use by better handle gaps in data, so it's easier to generate the data needed.
+- Use a different markdown library. @alexmuller
+- Salesforce: improve error messages we receive from the API. @akiray03
+- Custom JS code visualization improvements. @deecay
+- DQL: Update version to 0.5.24. @aterreno
+- Cassandra: get_schema support for both C* 2.x and 3.x, support for SortedSet type serialization. (@mfouilleul)
+- Replace deprecated ng-annotate with babel plugin. @44px
+- Update Python dependencies to recent versions. @alison985
+- Bootstrap script: create /opt/redash directory only if it doesn't exist. @isomura
+- Bootstrap script: make use of REDASH_BASE_PATH variable in setup script. @sylvain
+
+### Fixed
+
+- Require full data source access to fork a query.
+- API key of one query could be used to get results of another one.
+- Delete group id from user object when deleting the group. @kyoshidajp
+- Sorting of X axis wasn't working for Box plot type visualizations. @deecay
+- Exporting query results as excel was failing when one of the columns had array data. @kyoshidajp
+- Show query editor's Archive/Publish Query drop-down only on saved queries. @cyriac
+- Move misplaced configuration in docker-compose.production.yml. @yutannihilation
+- MySQL: support UTF8 schema.
+- TreasureData queries were failing when returning 0 rows.
+- Use series color for Boxplot. @deecay
+- Revoke permission should respect to given grantee and access type. @meinac
+- Fixed eslint "Cannot read property 'length' of undefined" error. @kravets-levko
+- Don't crash query editor when there are unclosed curly brackets. 
+- Error value in charts wasn't displayed if it was 0.
+- Prevent line breaks in EditInPlace description when using Firefox. @alexmuller
+- Queries#all_queries was sometimes returning wrong number of queries.
+- record_event fails for API events.
+- Cancel button on tasks admin page was broken.
+- Remove deprecated cx_Oracle types. @queeno
+- Textbox widgets were updating their value even when editor was cancelled. @alison985
+- Collaborators couldn't edit visualizations or schedule.
+- Use series color for error bar. @deecay
+- Upgrade script was using the wrong restart command on new AMIs.
+
+## v2.0.1 - 2017-10-22
+
+This is a patch release, that adds support for Redshift ACM certificates (see #2044 for details).
+
+
+## v2.0.0 - 2017-08-08
+
+### Added
+
+- [Cassandra] Support for UUID serializing and setting protocol version. @mfouilleul
+- [BigQuery] Add maximumBillingTier to BigQuery configuration. @dotneet
+- Add the propertyOrder field to specify order of data source settings. @rmakulov
+- Add Plotly based Boxplot visualization. @deecay
+- [Presto] Add: query cancellation support. @fbertsch
+- [MongoDB] add $oids JSON extension.
+- [PostgreSQL] support for loading materialized views in schema.
+- [MySQL] Add option to hide SSL settings.
+- [MySQL] support for RDS MySQL and SSL.
+- [Google Analytics] support for mcf queries & better errors.
+- Add: static enum parameter type. @rockwotj
+- Add: option to hide pivot table controls. @deecay
+- Retry reload of query results if it had an error.
+- [Data Sources] Add: MemSQL query runner. @alexanderlz
+- "Dumb" recents option (see #1779 for details)
+- Athena: direct query runner using the instead of JDBC proxy. @laughingman7743
+- Optionally support parameters in embeds. @ziahamza
+- Sorting ability in alerts view.
+- Option to change default encoding of CSV writer. @yamamanx
+- Ability to set dashboard level filters from UI.
+- CLI command to open IPython shell.
+- Add link to query page from admin view. @miketheman
+- Add the option to write logs to STDOUT instead of STDERR. @eyalzek
+- Add limit parameter to tasks API. @alexpekurovsky
+- Add SQLAlchemy pool settings.
+- Support for category type y axis.
+- Add 12 & 24 hours refresh rate option to dashboards.
+
+### Changed
+
+- Upgrade Google API client library for all Google data sources. @ahamino
+- [JIRA JQL] change default max results limit from 50 to 1000. @jvanegmond
+- Upgrade to newer Plotly version. @deecay
+- [Athena] Configuration flag to disable query annotations for Athena. @suemoc
+- Ignore extra columns in CSV output. @alexanderlz
+- [TreasureData] improve error handling and upgrade client.
+- [InfluxDB] simpler test connection query (show databases requires admin).
+- [MSSQL] Mark integers as decimals as well, as sometimes decimal columns being returned
+  with integer column type.
+- [Google Spreadsheets] add timeout to requests.
+- Sort dashboards list by name. @deecay
+- Include Celery task name in statsd metrics.
+- Don't include paused datasource's queries in outdated queries count.
+- Cohort: handle the case where the value/total might be strings.
+- Query results: better type guessing on the client side.
+- Counter: support negative indexes to iterate from the end of the results.
+- Data sources and destinations configuration: change order of name and type (type first now).
+- Show API Key in a modal dialog instead of alert.
+- Sentry: upgrade client version.
+- Sentry: don't install logging hook.
+- Split refresh schemas into separate tasks and add a timeout.
+- Execute scheduled queries with parameters using their default value.
+- Keep track of last query execution (including failed ones) for scheduling purposes.
+- Same view for input on search result page as in header. @44px
+- Metrics: report endpoints without dots for metrics.
+- Redirect to / when org not found.
+- Improve parameters label placement. @44px
+- Auto-publish queries when they are named (with option to disable; #1830).
+- Show friendly error message in case of duplicate data source name.
+- Don't allow saving dashboard with empty name.
+- Enable strict checking for Angular DI.
+- Disable Angular debug info (should improve performance).
+- Update to Webpack 2. @44px
+- Remove /forgot endpoint if REDASH_PASSWORD_LOGIN_ENABLED is false. @amarjayr
+- Docker: make Gunicorn worker count configurable. @unixwitch
+- Snowflake support is no longer enabled by default.
+- Enable memory optimization for Excel exporter.
+
+### Fixed
+
+- Fix: set default values in options to enable 'default: True' for checkbox. @rmakulov
+- Support MULTI_ORG again.
+- [Google Spreadsheets] handle distant future dates.
+- [SQLite] better handle utf-8 error messages.
+- Fix: don't remove locks for queries with task status of PENDING.
+- Only split columns with __/:: that end with filter/MultiFilter.
+- Alert notifications fail (sometime) with a SQLAlchemy error.
+- Safeguard against empty query results when checking alert status. @danielerapati
+- Delete data source doesn't work when query results referenced by queries.
+- Fix redirect to /setup on the last setup step. @44px
+- Cassandra: use port setting in connection options. @yershalom
+- Metrics: table name wasn't found for count queries.
+- BigQuery wasn't loading due to bad import.
+- DynamicForm component was inserting empty values.
+- Clear null values from data source options dictionary.
+- /api/session API call wasn't working when multi tenancy enabled
+- If column had no type it would use previous column's type.
+- Alert destination details were not updating.
+- When setting rearm on a new alert, it wasn't persisted.
+- Salesforce: sandbox parameter should be optional. @msnider
+- Alert page wasn't properly linked from alerts list. @alison985
+- PostgreSQL passwords with spaces were not supported. (#1056)
+- PivotTable wasn't updating after first save.
+
+
+## v1.0.3 - 2017-04-18
+
+### Fixed
+
+- Fix: sort by column no longer working.
+
+## v1.0.2 - 2017-04-18
+
+### Fixed
+
+- Fix: favicon wasn't showing up.
+- Fix: support for unicode in dashboard tags. @deecay
+- Fix: page freezes when rendering large result set.
+- Fix: chart embeds were not rendering in PhantomJS.
+
+## v1.0.1 - 2017-04-02
+
+### Added
+
+- Add: bubble charts support.
+- Add "Refresh Schema" button to the datasource @44px
+- [Data Sources] Add: ATSD query runner @rmakulov
+- [Data Sources] Add: SalesForce query runner @msnider
+- Add: scheduled query backoff in case of errors @washort
+- Add: use results row count as the value for the counter visualization. @deecay
+
+### Changed
+
+- Moved CSV/Excel query results generation code to models. @akiray03
+- Add support for filtered data in Pivot table visualization @deecay
+- Friendlier labels for archived state of dashboard/query
+
+### Fixed
+
+- Fix: optimize queries to avoid N+1 queries.
+- Fix: percent stacking math was wrong. @spasovski
+- Fix: set query filter to match value from URL query string. @benmargo
+- [Clickhouse] Fix: detection of various data types. @denisov-vlad
+- Fix: user can't edit their own alert.
+- Fix: angular minification issue in textbox editor and schema browser.
+- Fixes to better support IE11 (add polyfill for Object.assign and show vertical scrollbar). @deecay
+- Fix: datetime parameters were not using a date picker.
+- Fix: Impala schema wasn't loading.
+- Fix: query embed dialog close button wasn't working @r0fls
+- Fix: make errors from Presto runner JSON-serializable @washort
+- Fix: race condition in query task status reporting @washort
+- Fix: remove $$hashKey from Pivot table
+- Fix: map visualization had severe performance issue.
+- Fix: pemrission dialog wasn't rendering.
+- Fix: word cloud visualization didn't show column names.
+- Fix: wrong timestamps in admin tasks page.
+- Fix: page header wasn't updating on dashboards page @MichaelJAndy
+- Fix: keyboard shortcuts didn't work in parameter inputs
+
+### Other
+
+- Change default job expiry times to: job lock expire after 12 hours (previously: 6 hours) and Celery task result object expire after 4 hours (previously: 1 hour). @shimpeko
+
+## v1.0.0-rc.2 - 2017-02-22
+
+### Changed
+
+- [#1563](https://github.com/getredash/redash/pull/1563) Send events to webhook as JSON with a schema.
+- [#1601] [Presto] friendlier error messages. (@aslotnick)
+- Move the query runner unavailable log message to be DEBUG level instead of WARNING, as it was mainly confusing people.
+- Remove "Send to Cloud" button from Plotly based visualizations.
+- Change Plotly's default hover mode to "Compare".
+- [#1612] Change: Improvements to the dashboards list page.
+
+### Fixed
+
+- [#1564] Fix: map visualization column picker wasn't populated. (@janusd)
+- [#1597] [SQL Server] Fix: schema wasn't loading on case sensitive servers. (@deecay)
+- Fix: dashbonard owner couldn't edit his dashboard.
+- Fix: toggle_publish event wasn't logged properly.
+- Fix: events with API keys were not logged.
+- Fix: share dashboard dialog was broken after code minification.
+- Fix: public dashboard endpoint was broken.
+- Fix: public dashboard page was broken after code minification.
+- Fix: visualization embed page was broken after code minification.
+- Fix: schema browser has dark background.
+- Fix: Google button missing on invite page.
+- Fix: global parameters don't render on dashboards with text boxes.
+- Fix: sunburst / Sankey visualizations have bad data.
+- Fix: extra whitespace created by the filters component.
+- Fix: query results cleanup task was trying to delete query objects.
+- Fix: alert subscriptions were not triggered.
+- [DynamoDB] Fix: count(*) queries were broken. (@kopanitsa)
+- Fix: Redash is using too many database connections.
+- Fix: download links were not working in dashboards.
+- Fix: the first selection in multi filters was broken in dashboards.
+
+### Other
+
+- [#1555] Change sourcemaps to generate a sourcemap per module. (@44px)
+- [#1570] Fix Docker Compose configuration for nginx. (@btmc)
+- [#1582] Update Dockerfile to build frontend assets and update the folder ownership.
+- Dockerfile: change the uid of the redash user to match host user uid.
+- Update npm-shrinkwrap.json file to use http proctocol instead of git. (@deecay)
+
+## v1.0.0-rc.1 - 2017-01-31
+
+This version has two big changes behind the scenes:
+
+* Refactor the frontend to use latest (at the time) Angular version (1.5) along with better frontend pipeline based on
+  WebPack.
+* Refactor the backend code to use SQLAlchemy and Alembic, for easier migrations/upgrades.
+
+Along with that we have many fixes, additions, new data sources (Google Analytics, ClickHouse, Amazon Athena, Snowflake)
+and fixes to the existing ones (mainly ElasticSearch and Cassandra).
+
+When upgrading make sure to upgrade from version 0.12.0 and update your .env file:
+
+1. If you have local PostreSQL database, you will need to update the URL from `postgresql://redash` to `postgresql:///redash`.
+2. Remove the `REDASH_STATIC_ASSETS_PATH` definition.
+
+Make sure to make these changes before running upgrade as otherwise it will fail.
+
+We're releasing a new upgrade script -- see [here](https://redash.io/help-onpremise/maintenance/how-to-upgrade-redash.html) for details.
+
+### Added
+
+- [#1546](https://github.com/getredash/redash/pull/1546) Add: API docstrings (@washort)
+- [#1504](https://github.com/getredash/redash/pull/1504) Add: global parameters for dashboards (Tyler Rockwood)
+- [#1508](https://github.com/getredash/redash/pull/1508) [Jira JQL] Add: support custom JIRA fields and enhance value mapping (@sseifert)
+- [#1530](https://github.com/getredash/redash/pull/1530) Add: Docker based developer workflow (Arik Fraimovich)
+- [#1515](https://github.com/getredash/redash/pull/1515) [Python] Add: get_source_schema method (Vladislav Denisov)
+- [#1512](https://github.com/getredash/redash/pull/1512) [Python] Add: define more safe_builtins (Vladislav Denisov)
+- [#1513](https://github.com/getredash/redash/pull/1513) Add: get_by_id & get_by_name methods for Query and DataSource classes (Vladislav Denisov)
+- [#1482](https://github.com/getredash/redash/pull/1482) [Cassandra] Add: schema browser support & explicit protocol version (@yershalom)
+- [#1488](https://github.com/getredash/redash/pull/1488) [Data Sources] Add: Snowflake query runner (@arikfr)
+- [#1479](https://github.com/getredash/redash/pull/1479) [ElasticSearch] Add: enable schema browser (@adamlwgriffiths)
+- [#1475](https://github.com/getredash/redash/pull/1475) [Cassnadra] Added set_keyspace for easier query cassandra (@yershalom)
+- [#1468](https://github.com/getredash/redash/pull/1468) [Datasources] Add: Amazon Athena query runner (@arikfr)
+- [#1433](https://github.com/getredash/redash/pull/1433) [Charts] Add: errors bands in graphs (@luke14free)
+- [#1405](https://github.com/getredash/redash/pull/1405) [Datasources] Add: simple Google Analytics query runner (@denisov-vlad)
+- [#1409](https://github.com/getredash/redash/pull/1409) [Datasources] Add: Add query runner for Yandex ClickHouse (@denisov-vlad)
+- [#1373](https://github.com/getredash/redash/pull/1373) Add: rate limit the login page (@AntoineAugusti)
+
+### Changed
+
+- [#1549](https://github.com/getredash/redash/pull/1549) Change: disable version counter for queries: (Arik Fraimovich)
+- [#1548](https://github.com/getredash/redash/pull/1548) Change: improve UI in small resolution: (Arik Fraimovich)
+- [#1547](https://github.com/getredash/redash/pull/1547) Change: Improve drafts UX (Arik Fraimovich)
+- [#1540](https://github.com/getredash/redash/pull/1540) [MySQL] Change: faster retrieval of schema (Yaning Zhu)
+- [#1517](https://github.com/getredash/redash/pull/1517) [ClickHouse] Change: convert UInt64 columns to integer type (Vladislav Denisov)
+- [#1528](https://github.com/getredash/redash/pull/1528) [Vertica] Change: set longer read_timeout (lab79)
+- [#1522](https://github.com/getredash/redash/pull/1522) Change: move package.json/webpack.config to root directory (Arik Fraimovich)
+- [#1514](https://github.com/getredash/redash/pull/1514) [Athena] Change: enable query annotations (Gaurav Awadhwal)
+- [#1525](https://github.com/getredash/redash/pull/1525) Change: update amazon linux bootstrap.sh (Karri Niemelä)
+- [#1509](https://github.com/getredash/redash/pull/1509) [Presto/Athena] Change: remove special rule around public schema (@GAwadhwalAtlassian)
+- [#1485](https://github.com/getredash/redash/pull/1485) Close #1453: more minimal notification of draft status for query/dashboard (@arikfr)
+- [#1474](https://github.com/getredash/redash/pull/1474) [Cassandra] Change: test connection query (@yershalom)
+- [#1464](https://github.com/getredash/redash/pull/1464) [Clickhouse] Change: use UTF-8 encoding for POST data (@jaykelin)
+- [#1417](https://github.com/getredash/redash/pull/1417) Change: Replace Peewee with SQLAlchemy/Alembic (@arikfr, @washort)
+- [#1458](https://github.com/getredash/redash/pull/1458) Change: switch from flask_script to click, add CLI unit tests and upgrade Flask version (@washort)
+- [#1438](https://github.com/getredash/redash/pull/1438) [ElasticSearch] Change: use simplejson for better error descriptions (@adamlwgriffiths)
+- [#1435](https://github.com/getredash/redash/pull/1435) Whitelisting more builtin primitives (@mattrobenolt)
+- [#1376](https://github.com/getredash/redash/pull/1376) Change: upgrade the frontend stack (@arikfr, @luke14free)
+- [#1429](https://github.com/getredash/redash/pull/1429) Add missing error check from #1402 (@adamlwgriffiths)
+- [#1256](https://github.com/getredash/redash/pull/1256) Change: when forking a query, copy all visualizations (@ninneko)
+- [#1421](https://github.com/getredash/redash/pull/1421) Change: [BigQuery] only specify useLegacySQL is it's True (@arikfr)
+- [#1353](https://github.com/getredash/redash/pull/1353) Change: make draft status for queries and dashboards toggleable (@washort)
+- [#1419](https://github.com/getredash/redash/pull/1419) Change: use redash.utils.json_dumps instead of json.dumps in Python query runner (@ehfeng)
+- [#1402](https://github.com/getredash/redash/pull/1402) Change: correctly propagate ElasticSearch errors to the UI (@adamlwgriffiths)
+- [#1371](https://github.com/getredash/redash/pull/1371) Change: display user's password reset link to the admin when mail server disabled (@vitorbaptista)
+
+### Fixed
+
+- [#1551](https://github.com/getredash/redash/pull/1551) Fix: flask-admin - exclude created_at/updated_at so models can be saved (Arik Fraimovich)
+- [#1545](https://github.com/getredash/redash/pull/1545) [ElasticSearch] Fix: query fails when properties key is missing (hgs847825)
+- [#1526](https://github.com/getredash/redash/pull/1526) [ElasticSearch] Fix for #1521 (Adam Griffiths)
+- [#1521](https://github.com/getredash/redash/pull/1521) [ElasticSearch] Fix: wrong variable name. (Arik Fraimovich)
+- [#1497](https://github.com/getredash/redash/pull/1497) Fix #16: when updating dashboard name refresh dashboards dropdown (@arikfr)
+- [#1491](https://github.com/getredash/redash/pull/1491) Fix: DynamoDB test connection was broken (@arikfr)
+- [#1487](https://github.com/getredash/redash/pull/1487) Fix #1432: delete visualization sends full visualization body instead… (@arikfr)
+- [#1484](https://github.com/getredash/redash/pull/1484) Fix #1457: sort was using the string value (@arikfr)
+- [#1478](https://github.com/getredash/redash/pull/1478) [ElasticSearch] Fix: connection test was always succesfful (@adamlwgriffiths)
+- [#1440](https://github.com/getredash/redash/pull/1440) Fix: API errors for dashboards with invalid layout data (@whummer)
+- [#1427](https://github.com/getredash/redash/pull/1427) [Cassandra] Fix: remove reference to non existing Error class (@arikfr)
+- [#1423](https://github.com/getredash/redash/pull/1423) [Cassandra] Fix: cassandra.cluster.Error wasn't imported (@arikfr)
+- Fix #1001: queries with a column named "length" were not rendered.
+- Fix #578: dashboard list not scrollable.
+- Fix #137: add direction indicators when sorting query results.
+
+## v0.12.0 - 2016-11-20
+
+### Added
+
+- 61fe16e #1374: Add: allow '*' in REDASH_CORS_ACCESS_CONTROL_ALLOW_ORIGIN (Allen Short)
+- 2f09043 #1113: Add: share modify/access permissions for queries and dashboard (whummer)
+- 3db0eea #1341: Add: support for specifying SAML nameid-format (zoetrope)
+- b0ecd0e #1343: Add: support for local SAML metadata file (zoetrope)
+- 0235d37 #1335: Add: allow changing alert email subject. (Arik Fraimovich)
+- 2135dfd #1333: Add: control over y axis min/max values (Arik Fraimovich)
+- 49e788a #1328: Add: support for snapshot generation service (Arik Fraimovich)
+- 229ca6c #1323: Add: collect runtime metrics for Celery tasks (Arik Fraimovich)
+- 931a1f3 #1315: Add: support for loading BigQuery schema (Arik Fraimovich)
+- 39b4f9a #1314: Add: support MongoDB SSL connections (Arik Fraimovich)
+- ca1ca9b #1312: Add: additional configuration for Celery jobs (Arik Fraimovich)
+- fc00e61 #1310: Add: support for date/time with seconds parameters (Arik Fraimovich)
+- d72a198 #1307: Add: API to force refresh data source schema (Arik Fraimovich)
+- beb89ec #1305: Add: UI to edit dashboard text box widget (Kazuhito Hokamura)
+- 808fdd4 #1298: Add: JIRA (JQL) query runner (Arik Fraimovich)
+- ff9e844 #1280: Add: configuration flag to disable scheduled queries (Hirotaka Suzuki)
+- ef4699a #1269: Add: Google Drive federated tables support in BigQuery query runner (Kurt Gooden)
+- 2eeb947 #1236: Add: query runner for Cassandra and ScyllaDB (syerushalmy)
+- 10b398e #1249: Add: override slack webhook parameters (mystelynx)
+- 2b5e340 #1252: Add: Schema loading support for Presto query runner (using information_schema) (Rohan Dhupelia)
+- 2aaf5dd #1250: Add: query snippets feature (Arik Fraimovich)
+- 8d8af73 #1226: Add: Sankey visualization (Arik Fraimovich)
+- a02edda #1222: Add: additional results format for sunburst visualization (Arik Fraimovich)
+- 0e70188 #1213: Add: new sunburst sequence visualization (Arik Fraimovich)
+- 9a6d2d7 #1204: Add: show views in schema browser for Vertica data sources (Matthew Carter)
+- 600afa5 #1138: Add: ability to register user defined function (UDF) resources for BigQuery DataSource/Query (fabito)
+- b410410 #1166: Add: "every 14 days" refresh option (Arik Fraimovich)
+- 906365f #967: Add: extend ElasticSearch query_runner to support aggregations (lloydw)
+
+### Changed
+
+- 2de4aa2 #1395: Change: switch to requests in URL query runner (Arik Fraimovich)
+- db1a941 #1392: Change: Update documentation links to point at the new location. (Arik Fraimovich)
+- 002f794 #1368: Change: added ability to disable auto update in admin views (Arik Fraimovich)
+- aa5d14e #1366: Change: improve error message for exception in the Python query runner (deecay)
+- 880627c #1355: Change: pass the user object to the run_query method (Arik Fraimovich)
+- 23c605b #1342: SAML: specify entity id (zoetrope)
+- 015b1dc #1334: Change: allow specifying recipient address when sending email test message (Arik Fraimovich)
+- 39aaa2f #1292: Change: improvements to map visualization (Arik Fraimovich)
+- b22191b #1332: Change: upgrade Python packages (Arik Fraimovich)
+- 23ba98b #1331: Celery: Upgrade Celery to more recent version. (Arik Fraimovich)
+- 3283116 #1330: Change: upgrade Requests to latest version. (Arik Fraimovich)
+- 39091e0 #1324: Change: add more logging and information for refresh schemas task (Arik Fraimovich)
+- 462faea #1316: Change: remove deprecated settings (Arik Fraimovich)
+- 73e1837 #1313: Change: more flexible column width calculation (Arik Fraimovich)
+- e8eb840 #1279: Change: update bootstrap.sh to support Ubuntu 16.04 (IllusiveMilkman)
+- 8cf0252 #1262: Change: upgrade Plot.ly version and switch to smaller build (Arik Fraimovich)
+- 0b79fb8 #1306: Change: paginate queries page & add explicit urls. (Arik Fraimovich)
+- 41f99f5 #1299: Change: send Content-Type header (application/json) in query results responses (Tsuyoshi Tatsukawa)
+- dfb1a20 #1297: Change: update Slack configuration titles. (Arik Fraimovich)
+- 8c1056c #1294: Change: don't annotate BigQuery queries (Arik Fraimovich)
+- a3cf92e #1289: Change: use key_as_string when available (ElasticSearch query runner) (Arik Fraimovich)
+- e155191 #1285: Change: do not display Oracle tablespace name in schema browser (Matthew Carter)
+- 6cbc39c #1282: Change: deduplicate Google Spreadsheet columns (Arik Fraimovich)
+- 4caf2e3 #1277: Set specific version of cryptography lib (Arik Fraimovich)
+- d22f0d4 #1216: Change: bootstrap.sh - use non interactive dist-upgrade (Atsushi Sasaki)
+- 19530f4 #1245: Change: switch from CodeMirror to Ace editor (Arik Fraimovich)
+- dfb92db #1234: Change: MongoDB query runner set DB name as mandatory (Arik Fraimovich)
+- b750843 #1230: Change: annotate Presto queries with metadata (Noriaki Katayama)
+- 5b20fe2 #1217: Change: install libffi-dev for Cryptography (Ubuntu setup script) (Atsushi Sasaki)
+- a9fac34 #1206: Change: update pymssql version to 2.1.3 (kitsuyui)
+- 5d43cbe #1198: Change: add support for Standard SQL in BigQuery query runner (mystelynx)
+- 84d0c22 #1193: Change: modify the argument order of moment.add function call (Kenya Yamaguchi)
+
+
+### Fixed
+
+- d6febb0 #1375: Fix: Download Dataset does not work when not logged in (Joshua Dechant)
+- 96553ad #1369: Fix: missing format call in Elasticsearch test method (Adam Griffiths)
+- c57c765 #1365: Fix: compare retrieval times in UTC timezone (Allen Short)
+- 37dff5f #1360: Fix: connection test was broken for MySQL (ichihara)
+- 360028c #1359: Fix: schema loading query for Hive was wrong for non default schema (laughingman7743)
+- 7ee41d4 #1358: Fix: make sure all calls to run_query updated with new parameter (Arik Fraimovich)
+- 0d94479 #1329: Fix: Redis memory leak. (Arik Fraimovich)
+- 7145aa2 #1325: Fix: queries API was doing N+1 queries in most cases (Arik Fraimovich)
+- cd2e927 #1311: Fix: BoxPlot visualization wasn't rendering on a dashboard (Arik Fraimovich)
+- a562ce7 #1309: Fix: properly render checkboxes in dynamic forms (Arik Fraimovich)
+- d48192c #1308: Fix: support for Unicode columns name in Google Spreadsheets (Arik Fraimovich)
+- e42f93f #1283: Fix: schema browser was unstable after opening a table (Arik Fraimovich)
+- 170bd65 #1272: Fix: TreasureData get_schema method was returning array instead of string as column name (ariarijp)
+- 4710c41 #1265: Fix: refresh modal not working for unsaved query (Arik Fraimovich)
+- bc3a5ab #1264: Fix: dashboard refresh not working (Arik Fraimovich)
+- 6202d09 #1240: Fix: when shared dashboard token not found, return 404 (Wesley Batista)
+- 93aac14 #1251: Fix: autocomplete went crazy when database has no autocomplete. (Arik Fraimovich)
+- b8eca28 #1246: Fix: support large schemas in schema browser (Arik Fraimovich)
+- b781003 #1223: Fix: Alert: when hipchat Alert.name is multibyte character, occur error. (toyama0919)
+- 0b928e6 #1227: Fix: Bower install fails in vagrant (Kazuhito Hokamura)
+- a411af2 #1232: Fix: don't show warning when query string (parameters value) changes (Kazuhito Hokamura)
+- 3dbb5a6 #1221: Fix: sunburst didn't handle all cases of path lengths (Arik Fraimovich)
+- a7cc1ee #1218: Fix: updated result not being saved when changing query text. (Arik Fraimovich)
+- 0617833 #1215: Fix: email alerts not working (Arik Fraimovich)
+- 78f65b1 #1187: Fix: read only users receive the permission error modal in query view (Arik Fraimovich)
+- bba801f #1167: Fix the version of setuptools on bootstrap script for Ubuntu (Takuya Arita)
+- ce81d69 #1160: Fix indentation in docker-compose-example.yml (Hirofumi Wakasugi)
+- dd759fe #1155: Fix: make all configuration values of Oracle required (Arik Fraimovich)
+
+### Docs
+
+- a69ee0c #1225: Fix: RST formatting of the Vagrant documentation (Kazuhito Hokamura)
+- 03837c0 #1242: Docs: add warning re. quotes on column names and BigQuery (Ereli)
+- 9a98075 #1255: Docs: add documentation for InfluxDB (vishesh92)
+- e0485de #1195: Docs: fix typo in maintenance page title (Antoine Augusti)
+- 7681d3e #1164: Docs: update permission documentation (Daniel Darabos)
+- bcd3670 #1156: Docs: add SSL parameters to nginx configuration (Josh Cox)
+
+## v0.11.1.b2095 - 2016-08-02
+
+This is a hotfix release, which fixes an issue with email alerts in v0.11.0.
+
+## v0.11.0.b2016 - 2016-07-03
+
+The main features of this release are:
+
+- Alert Destinations: ability to define multiple destinations for alert notifications (currently implemented: HipChat, Slack, Webhook and email).
+- The long-awaited UI for query parameters (see example in #1069).
+
+Also, this release includes numerous smaller features, improvements, and bug fixes.
+
+A big thank you goes to all who contributed code and documentation in this release: @AntoineAugusti, @James226, @adamlwgriffiths, @alexdebrie, @anthony-coble, @ariarijp, @dheerajrav, @edwardsharp, @machira, @nabilblk, @ninneko, @ordd, @tomerben,  @toru-takahashi, @vishesh92, @vorakumar and @whummer.
+
+### Added
+
+- d5e5b24 #1136: Feature: add --org option to all relevant CLI commands. (@adamlwgriffiths)
+- 87e25f2 #1129: Feature: support for JSON query formatting (Mongo, ElasticSearch) (@arikfr)
+- 6bb2716 #1121: Show error when failing to communicate with server (@arikfr)
+- f21276e #1119: Feature: add UI to delete alerts (@arikfr)
+- 8656540 #1069: Feature: UI for query parameters (@arikfr)
+- 790128c #1067: Feature: word cloud visualization (@anthony-coble)
+- 8b73a2b #1098: Feature: UI for alert destinations & new destination types (@alexdebrie)
+- 1fbeb5d #1092: Add Heroku support (@adamlwgriffiths)
+- f64622d #1089: Add support for serialising UUID type within MSSQL #961 (@James226)
+- 857caab #1085: Feature: API to pause a data source (@arikfr)
+- 214aa3b #1060: Feature: support configuring user's groups with SAML (@vorakumar)
+- e20a005 #1007: Issue#1006:  Make bottom margin editable for Chart visualization (@vorakumar)
+- 6e0dd2b #1063: Add support for date/time Y axis (@tomerben)
+- b5a4a6b #979: Feature: Add CLI to edit group permissions (@ninneko)
+- 6d495d2 #1014: Add server-side parameter handling for embeds (@whummer)
+- 5255804 #1091: Add caching for queries used in embeds (@whummer)
+
+### Changed
+
+- 0314313 #1149: Presto QueryRunner supports tinyint and smallint (@toru-takahashi)
+- 8fa6fdb #1030: Make sure data sources list ordered by id (@arikfr)
+- 8df822e #1141: Make create data source button more prominent (@arikfr)
+- 96dd811 #1127: Mark basic_auth_password as secret (@adamlwgriffiths)
+- ad65391 #1130: Improve Slack notification style (@AntoineAugusti)
+- df637e3 #1116: Return meaningful error when there is no cached result. (@arikfr)
+- 65635ec #1102: Switch to HipChat V2 API (@arikfr)
+- 14fcf01 #1072: Remove counter from the tasks Done tab (as it always shows 50). #1047 (@arikfr)
+- 1a1160e #1062: DynamoDB: Better exception handling (@arikfr)
+- ed45dcb #1044: Improve vagrant flow (@staritza)
+- 8b5dc8e #1036: Add optional block for more scripts in template (@arikfr)
+
+### Fixed
+
+- dbd48e1 #1143: Fix: use the email input type where needed (@ariarijp)
+- 7445972 #1142: Fix: dates in filters might be duplicated (@arikfr)
+- 5d0ed02 #1140: Fix: Hive should use the enabled variable (@arikfr)
+- 392627d #1139: Fix: Impala data source referencing wrong variable (@arikfr)
+- c5bfbba #1133: Fix: query scrolling issues (@vishesh92)
+- c01d266 #1128: Fix: visualization options not updating after changing type (@arikfr)
+- 6bc0e7a #1126: Fix #669: save fails when doing partial save of new query (@arikfr)
+- 3ce27b9 #1118: Fix: remove alerts for archived queries (@arikfr)
+- 4fabaae #1117: Fix #1052: filter not working for date/time values (@arikfr)
+- c107c94 #1077: Fix: install needed dependencies to use Hive in Docker image (@nabilblk)
+- abc790c #1115: Fix: allow non integers in alert reference value (@arikfr)
+- 4ec473c #1110: Fix #1109: mixed group permissions resulting in wrong permission (@arikfr)
+- 1ca5262 #1099: Fix RST syntax for links (@adamlwgriffiths)
+- daa6c1c #1096: Fix typo in env variable VERSION_CHECK (@AntoineAugusti)
+- cd06d27 #1095: Fix: use create_query permission for new query button. (@ordd)
+- 2bc0b27 #1061: Fix: area chart stacking doesn't work (@machira)
+- 8c21e91 #1108: Remove potnetially concurrency not safe code form enqueue_query (@arikfr)
+- e831218 #1084: Fix #1049: duplicate alerts when data source belongs to multiple groups (@arikfr)
+- 6edb0ca #1080: Fix typo (@jeffwidman)
+- 64d7538 #1074: Fix: ElasticSearch wasn't using correct type names (@toyama0919)
+- 3f90dd9 #1064: Fix: old task trackers were not really removed (@arikfr)
+- e10ecd2 #1058: Bring back filters if dashboard filters are enabled (@AntoineAugusti)
+- 701035f #1059: Fix: DynamoDB having issues when setting host (@arikfr)
+- 2924d4f #1040: Small fixes to visualizations view (@arikfr)
+- fec0d5f #1037: Fix: multi filter wasn't working with __ syntax (@dheerajrav)
+- b066ce4 #1033: Fix: only ask for notification permissions if wasn't denied (@arikfr)
+- 960c416 #1032: Fix: make sure we return dashboards only for current org only (@arikfr)
+- b3844d3 #1029: Hive: close connection only if it exists (@arikfr)
+
+### Docs
+
+- 6bb09d8 #1146: Docs: add a link to settings documentation. (@adamlwgriffiths)
+- 095e759 #1103: Docs: add section about monitoring (@AntoineAugusti)
+- e942486 #1090: Contributing Guide (@arikfr)
+- 3037c4f #1066: Docs: command type-o fix. (@edwardsharp)
+- 2ee0065 #1038: Add an ISSUE_TEMPLATE.md to direct people at the forum (@arikfr)
+- f7322a4 #1021: Vagrant docs: add purging the cache step (@ariarijp)
+
+---
+
+For older releases check the GitHub releases page:
+https://github.com/getredash/redash/releases

CONTRIBUTING.md

@@ -6,10 +6,10 @@ The following is a set of guidelines for contributing to Redash. These are guide
 
 ## Quick Links:
 
-- [Feature Roadmap](https://trello.com/b/b2LUHU7A/re-dash-roadmap)
+- [Feature Roadmap](https://trello.com/b/b2LUHU7A/redash-roadmap)
 - [Feature Requests](https://discuss.redash.io/c/feature-requests)
 - [Gitter Chat](https://gitter.im/getredash/redash) or [Slack](https://slack.redash.io)
-- [Documentation](http://docs.redash.io)
+- [Documentation](https://redash.io/help/)
 - [Blog](http://blog.redash.io/)
 - [Twitter](https://twitter.com/getredash)
 
@@ -18,7 +18,7 @@ The following is a set of guidelines for contributing to Redash. These are guide
 
 ---
 
- 
+
 ## Table of Contents
 
 [How can I contribute?](#how-can-i-contribute)
@@ -28,12 +28,12 @@ The following is a set of guidelines for contributing to Redash. These are guide
 - [Pull Requests](#pull-requests)
 - [Documentation](#documentation)
 - Design?
- 
-[Addtional Notes](#additional-notes)
+
+[Additional Notes](#additional-notes)
 
 - [Release Method](#release-method)
 - [Code of Conduct](#code-of-conduct)
- 
+
 ## How can I contribute?
 
 ### Reporting Bugs
@@ -43,26 +43,24 @@ When creating a new bug report, please make sure to:
 - Search for existing issues first. If you find a previous report of your issue, please update the existing issue with additional information instead of creating a new one.
 - If you are not sure if your issue is really a bug or just some configuration/setup problem, please start a discussion in [the support forum](https://discuss.redash.io/c/support) first. Unless you can provide clear steps to reproduce, it's probably better to start with a thread in the forum and later to open an issue.
 - If you still decide to open an issue, please review the template and guidelines and include as much details as possible.
- 
+
 ### Suggesting Enhancements / Feature Requests
 
-If you would like to suggest an enchancement or ask for a new feature:
+If you would like to suggest an enhancement or ask for a new feature:
 
-- Please check [the roadmap](https://trello.com/b/b2LUHU7A/re-dash-roadmap) for existing Trello card for what you want to suggest/ask. If there is, feel free to upvote it to signal interest or add your comments.
+- Please check [the roadmap](https://trello.com/b/b2LUHU7A/redash-roadmap) for existing Trello card for what you want to suggest/ask. If there is, feel free to upvote it to signal interest or add your comments.
 - If there is no existing card, open a thread in [the forum](https://discuss.redash.io/c/feature-requests) to start a discussion about what you want to suggest. Try to provide as much details and context as possible and include information about *the problem you want to solve* rather only *your proposed solution*.
- 
+
 ### Pull Requests
 
 - **Code contributions are welcomed**. For big changes or significant features, it's usually better to reach out first and discuss what you want to implement and how (we recommend reading: [Pull Request First](https://medium.com/practical-blend/pull-request-first-f6bb667a9b6#.ozlqxvj36)). This to make sure that what you want to implement is aligned with our goals for the project and that no one else is already working on it.
 - Include screenshots and animated GIFs in your pull request whenever possible.
 - Please add [documentation](#documentation) for new features or changes in functionality along with the code.
-- Please follow existing code style. We use PEP8 for Python and sensible style for Javascript.
- 
+- Please follow existing code style. We use PEP8 for Python and sensible style for JavaScript.
+
 ### Documentation
 
-The project's documentation can be found at [docs.redash.io](http://docs.redash.io/). The [documentation sources](https://github.com/getredash/redash/tree/master/docs) are managed along with the code and to contribute edits / new pages, you can use GitHub's interface. Click the "Edit on GitHub" link on the documentation page to quickly open the edit interface.
-
-The pages are written in *reStructuredText* format, which is very similar to Markdown.
+The project's documentation can be found at [https://redash.io/help/](https://redash.io/help/). The [documentation sources](https://github.com/getredash/website/tree/master/user-guide) are hosted on GitHub. To contribute edits / new pages, you can use GitHub's interface. Click the "Edit on GitHub" link on the documentation page to quickly open the edit interface.
 
 ## Additional Notes
 

Dockerfile

@@ -1,53 +1,13 @@
-FROM ubuntu:trusty
+FROM redash/base:latest
 
-# Ubuntu packages
-RUN apt-get update && \
-  apt-get install -y python-pip python-dev curl build-essential pwgen libffi-dev sudo git-core wget \
-  # Postgres client
-  libpq-dev \
-  # Additional packages required for data sources:
-  libssl-dev libmysqlclient-dev freetds-dev libsasl2-dev && \
-  apt-get clean && \
-  rm -rf /var/lib/apt/lists/*
+# We first copy only the requirements file, to avoid rebuilding on every file
+# change.
+COPY requirements.txt requirements_dev.txt requirements_all_ds.txt ./
+RUN pip install -r requirements.txt -r requirements_dev.txt -r requirements_all_ds.txt
 
-# Users creation
-RUN useradd --system --comment " " --create-home redash
+COPY . ./
+RUN npm install && npm run build && rm -rf node_modules
+RUN chown -R redash /app
+USER redash
 
-# Pip requirements for all data source types
-RUN pip install -U setuptools==23.1.0 && \
-  pip install supervisor==3.1.2
-
-COPY . /opt/redash/current
-RUN chown -R redash /opt/redash/current
-
-# Setting working directory
-WORKDIR /opt/redash/current
-
-ENV REDASH_STATIC_ASSETS_PATH="../rd_ui/dist/"
-
-# Install project specific dependencies
-RUN pip install -r requirements_all_ds.txt && \
-  pip install -r requirements.txt
-
-RUN curl https://deb.nodesource.com/setup_4.x | bash - && \
-  apt-get install -y nodejs && \
-  sudo -u redash -H make deps && \
-  rm -rf node_modules rd_ui/node_modules /home/redash/.npm /home/redash/.cache && \
-  apt-get purge -y nodejs && \
-  apt-get clean && \
-  rm -rf /var/lib/apt/lists/*
-
-# Setup supervisord
-RUN mkdir -p /opt/redash/supervisord && \
-    mkdir -p /opt/redash/logs && \
-    cp /opt/redash/current/setup/docker/supervisord/supervisord.conf /opt/redash/supervisord/supervisord.conf
-
-# Fix permissions
-RUN chown -R redash /opt/redash
-
-# Expose ports
-EXPOSE 5000
-EXPOSE 9001
-
-# Startup script
-CMD ["supervisord", "-c", "/opt/redash/supervisord/supervisord.conf"]
+ENTRYPOINT ["/app/bin/docker-entrypoint"]

LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2013-2016, Arik Fraimovich. 
+Copyright (c) 2013-2017, Arik Fraimovich. 
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without modification, 

Makefile

@@ -4,19 +4,18 @@ FULL_VERSION=$(VERSION)+b$(CIRCLE_BUILD_NUM)
 BASE_VERSION=$(shell python ./manage.py version | cut -d + -f 1)
 # VERSION gets evaluated every time it's referenced, therefore we need to use VERSION here instead of FULL_VERSION.
 FILENAME=$(CIRCLE_ARTIFACTS)/$(NAME).$(VERSION).tar.gz
+TEST_ARGS?=--with-coverage --cover-package=redash tests/
 
 deps:
-	if [ -d "./rd_ui/app" ]; then npm install; fi
-	if [ -d "./rd_ui/app" ]; then npm run bower install; fi
-	if [ -d "./rd_ui/app" ]; then npm run build; fi
+	if [ -d "./client/app" ]; then npm install; fi
+	if [ -d "./client/app" ]; then npm run build; fi
 
 pack:
 	sed -ri "s/^__version__ = '([0-9.]*)'/__version__ = '$(FULL_VERSION)'/" redash/__init__.py
-	tar -zcv -f $(FILENAME) --exclude="optipng*" --exclude=".git*" --exclude="*.pyc" --exclude="*.pyo" --exclude="venv" --exclude="node_modules" --exclude="rd_ui/dist/bower_components" --exclude="rd_ui/app" *
+	tar -zcv -f $(FILENAME) --exclude="optipng*" --exclude=".git*" --exclude="*.pyc" --exclude="*.pyo" --exclude="venv" --exclude="node_modules" *
 
 upload:
 	python bin/release_manager.py $(CIRCLE_SHA1) $(BASE_VERSION) $(FILENAME)
 
 test:
-	nosetests --with-coverage --cover-package=redash tests/
-	#grunt test
+	nosetests $(TEST_ARGS)

Procfile.dev

@@ -1,2 +0,0 @@
-web: ./manage.py runserver -p $PORT --host 0.0.0.0
-worker: ./bin/run celery worker --app=redash.worker --beat -Qqueries,celery,scheduled_queries

Procfile.heroku

@@ -1,2 +0,0 @@
-web: ./manage.py runserver -d -r -p $PORT --host 0.0.0.0
-worker: celery worker --app=redash.worker -c2 --beat -Q queries,celery,scheduled_queries

README.md

@@ -1,42 +1,36 @@
-More details about the future of re:dash : http://bit.ly/journey-first-step
-
----
-
 <p align="center">
-  <img title="re:dash" src='http://redash.io/static/old_img/redash_logo.png' width="200px"/>
+  <img title="Redash" src='https://redash.io/assets/images/logo.png' width="200px"/>
 </p>
 <p align="center">
     <img title="Build Status" src='https://circleci.com/gh/getredash/redash.png?circle-token=8a695aa5ec2cbfa89b48c275aea298318016f040'/>
 </p>
 
 [![Join the chat at https://gitter.im/getredash/redash](https://badges.gitter.im/getredash/redash.svg)](https://gitter.im/getredash/redash?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
-[![Documentation](https://img.shields.io/badge/docs-redash.io-brightgreen.svg)](http://docs.redash.io)
+[![Documentation](https://img.shields.io/badge/docs-redash.io/help-brightgreen.svg)](https://redash.io/help/)
 
-**_re:dash_** is our take on freeing the data within our company in a way that will better fit our culture and usage patterns.
+**_Redash_** is our take on freeing the data within our company in a way that will better fit our culture and usage patterns.
 
-Prior to **_re:dash_**, we tried to use traditional BI suites and discovered a set of bloated, technically challenged and slow tools/flows. What we were looking for was a more hacker'ish way to look at data, so we built one.
+Prior to **_Redash_**, we tried to use traditional BI suites and discovered a set of bloated, technically challenged and slow tools/flows. What we were looking for was a more hacker'ish way to look at data, so we built one.
 
-**_re:dash_** was built to allow fast and easy access to billions of records, that we process and collect using Amazon Redshift ("petabyte scale data warehouse" that "speaks" PostgreSQL).
-Today **_re:dash_** has support for querying multiple databases, including: Redshift, Google BigQuery, PostgreSQL, MySQL, Graphite,
+**_Redash_** was built to allow fast and easy access to billions of records, that we process and collect using Amazon Redshift ("petabyte scale data warehouse" that "speaks" PostgreSQL).
+Today **_Redash_** has support for querying multiple databases, including: Redshift, Google BigQuery, PostgreSQL, MySQL, Graphite,
 Presto, Google Spreadsheets, Cloudera Impala, Hive and custom scripts.
 
-**_re:dash_** consists of two parts:
+**_Redash_** consists of two parts:
 
 1. **Query Editor**: think of [JS Fiddle](http://jsfiddle.net) for SQL queries. It's your way to share data in the organization in an open way, by sharing both the dataset and the query that generated it. This way everyone can peer review not only the resulting dataset but also the process that generated it. Also it's possible to fork it and generate new datasets and reach new insights.
 2. **Dashboards/Visualizations**: once you have a dataset, you can create different visualizations out of it, and then combine several visualizations into a single dashboard. Currently it supports charts, pivot table and cohorts.
 
-**_re:dash_** is a work in progress and has its rough edges and way to go to fulfill its full potential. The Query Editor part is quite solid, but the visualizations need more work to enrich them and to make them more user friendly.
-
 ## Demo
 
-<img src="https://cloud.githubusercontent.com/assets/71468/12611424/1faf4d6a-c4f5-11e5-89b5-31efc1155d2c.gif" width="60%"/>
+<img src="https://cloud.githubusercontent.com/assets/71468/17391289/8e83878e-5a1d-11e6-8938-af9054a33b19.gif" width="60%"/>
 
 You can try out the demo instance: http://demo.redash.io/ (login with any Google account).
 
 ## Getting Started
 
-* [Setting up re:dash instance](http://redash.io/deployment/setup.html) (includes links to ready made AWS/GCE images).
-* [Documentation](http://docs.redash.io).
+* [Setting up Redash instance](https://redash.io/help-onpremise/setup/setting-up-redash-instance.html) (includes links to ready made AWS/GCE images).
+* [Documentation](https://redash.io/help/).
 
 
 ## Getting Help
@@ -49,8 +43,8 @@ You can try out the demo instance: http://demo.redash.io/ (login with any Google
 ## Reporting Bugs and Contributing Code
 
 * Want to report a bug or request a feature? Please open [an issue](https://github.com/getredash/redash/issues/new).
-* Want to help us build **_re:dash_**? Fork the project, edit in a [dev environment](http://docs.redash.io/en/latest/dev/vagrant.html), and make a pull request. We need all the help we can get!
+* Want to help us build **_Redash_**? Fork the project, edit in a [dev environment](https://redash.io/help-onpremise/dev/guide.html), and make a pull request. We need all the help we can get!
 
 ## License
 
-See [LICENSE](https://github.com/getredash/redash/blob/master/LICENSE) file.
+BSD-2-Clause.

Vagrantfile

@@ -1,15 +0,0 @@
-# -*- mode: ruby -*-
-# vi: set ft=ruby :
-
-# Vagrantfile API/syntax version. Don't touch unless you know what you're doing!
-VAGRANTFILE_API_VERSION = "2"
-
-Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
-  config.vm.box = "redash/dev"
-  config.vm.synced_folder "./", "/opt/redash/current"
-  config.vm.network "forwarded_port", guest: 5000, host: 9001
-  config.vm.provision "shell" do |s|
-    s.inline = "/opt/redash/current/setup/vagrant/provision.sh"
-    s.privileged = false
-  end
-end

bin/docker-entrypoint

@@ -0,0 +1,81 @@
+#!/bin/bash
+set -e
+
+worker() {
+  WORKERS_COUNT=${WORKERS_COUNT:-2}
+  QUEUES=${QUEUES:-queries,scheduled_queries,celery}
+
+  echo "Starting $WORKERS_COUNT workers for queues: $QUEUES..."
+  exec /usr/local/bin/celery worker --app=redash.worker -c$WORKERS_COUNT -Q$QUEUES -linfo --maxtasksperchild=10 -Ofair
+}
+
+scheduler() {
+  WORKERS_COUNT=${WORKERS_COUNT:-1}
+  QUEUES=${QUEUES:-celery}
+
+  echo "Starting scheduler and $WORKERS_COUNT workers for queues: $QUEUES..."
+
+  exec /usr/local/bin/celery worker --app=redash.worker --beat -c$WORKERS_COUNT -Q$QUEUES -linfo --maxtasksperchild=10 -Ofair
+}
+
+server() {
+  exec /usr/local/bin/gunicorn -b 0.0.0.0:5000 --name redash -w${REDASH_WEB_WORKERS:-4} redash.wsgi:app
+}
+
+help() {
+  echo "Redash Docker."
+  echo ""
+  echo "Usage:"
+  echo ""
+
+  echo "server -- start Redash server (with gunicorn)"
+  echo "worker -- start Celery worker"
+  echo "scheduler -- start Celery worker with a beat (scheduler) process"
+  echo ""
+  echo "shell -- open shell"
+  echo "dev_server -- start Flask development server with debugger and auto reload"
+  echo "create_db -- create database tables"
+  echo "manage -- CLI to manage redash"
+}
+
+tests() {
+  export REDASH_DATABASE_URL="postgresql://postgres@postgres/tests"
+  exec make test
+}
+
+case "$1" in
+  worker)
+    shift
+    worker
+    ;;
+  server)
+    shift
+    server
+    ;;
+  scheduler)
+    shift
+    scheduler
+    ;;
+  dev_server)
+    exec /app/manage.py runserver --debugger --reload -h 0.0.0.0
+    ;;
+  shell)
+    exec /app/manage.py shell
+    ;;
+  create_db)
+    exec /app/manage.py database create_tables
+    ;;
+  manage)
+    shift
+    exec /app/manage.py $*
+    ;;
+  tests)
+    tests
+    ;;
+  help)
+    help
+    ;;
+  *)
+    exec "$@"
+    ;;
+esac

bin/release_manager.py

@@ -1,3 +1,4 @@
+from __future__ import print_function
 import os
 import sys
 import json
@@ -95,7 +96,7 @@ def get_changelog(commit_sha):
         try:
             pull_request = re.match("Merge pull request #(\d+)", subject).groups()[0]
             pull_request = " #{}".format(pull_request)
-        except Exception, ex:
+        except Exception as ex:
             pull_request = ""
 
         author = subprocess.check_output(['git', 'log', '-1', '--pretty=format:"%an"', parents.split(' ')[-1]])[1:-1]
@@ -124,7 +125,7 @@ def update_release(version, build_filepath, commit_sha):
         else:
             release = create_release(version, commit_sha)
 
-        print "Using release id: {}".format(release['id'])
+        print("Using release id: {}".format(release['id']))
 
         remove_previous_builds(release)
         response = upload_asset(release, build_filepath)
@@ -135,8 +136,8 @@ def update_release(version, build_filepath, commit_sha):
         if response.status_code != 200:
             raise exception_from_error("Failed updating release description", response)
 
-    except Exception, ex:
-        print ex
+    except Exception as ex:
+        print(ex)
 
 if __name__ == '__main__':
     commit_sha = sys.argv[1]

bin/upgrade

@@ -0,0 +1,239 @@
+#!/usr/bin/env python
+import argparse
+import os
+import subprocess
+import sys
+from collections import namedtuple
+from fnmatch import fnmatch
+
+import requests
+
+try:
+    import semver
+except ImportError:
+    print("Missing required library: semver.")
+    exit(1)
+
+REDASH_HOME = os.environ.get('REDASH_HOME', '/opt/redash')
+CURRENT_VERSION_PATH = '{}/current'.format(REDASH_HOME)
+
+
+def run(cmd, cwd=None):
+    if not cwd:
+        cwd = REDASH_HOME
+
+    return subprocess.check_output(cmd, cwd=cwd, shell=True, stderr=subprocess.STDOUT)
+
+
+def confirm(question):
+    reply = str(raw_input(question + ' (y/n): ')).lower().strip()
+
+    if reply[0] == 'y':
+        return True
+    if reply[0] == 'n':
+        return False
+    else:
+        return confirm("Please use 'y' or 'n'")
+
+
+def version_path(version_name):
+    return "{}/{}".format(REDASH_HOME, version_name)
+
+END_CODE = '\033[0m'
+
+
+def colored_string(text, color):
+    if sys.stdout.isatty():
+        return "{}{}{}".format(color, text, END_CODE)
+    else:
+        return text
+
+
+def h1(text):
+    print(colored_string(text, '\033[4m\033[1m'))
+
+
+def green(text):
+    print(colored_string(text, '\033[92m'))
+
+
+def red(text):
+    print(colored_string(text, '\033[91m'))
+
+
+class Release(namedtuple('Release', ('version', 'download_url', 'filename', 'description'))):
+    def v1_or_newer(self):
+        return semver.compare(self.version, '1.0.0-alpha') >= 0
+
+    def is_newer(self, version):
+        return semver.compare(self.version, version) > 0
+
+    @property
+    def version_name(self):
+        return self.filename.replace('.tar.gz', '')
+
+
+def get_latest_release_from_ci():
+    response = requests.get('https://circleci.com/api/v1.1/project/github/getredash/redash/latest/artifacts')
+
+    if response.status_code != 200:
+        exit("Failed getting releases (status code: %s)." % response.status_code)
+
+    tarball_asset = filter(lambda asset: asset['url'].endswith('.tar.gz'), response.json())[0]
+    filename = tarball_asset['pretty_path'].replace('$CIRCLE_ARTIFACTS/', '')
+    version = filename.replace('redash.', '').replace('.tar.gz', '')
+
+    release = Release(version, tarball_asset['url'], filename, '')
+
+    return release
+
+
+def get_release(channel):
+    if channel == 'ci':
+        return get_latest_release_from_ci()
+
+    response = requests.get('https://version.redash.io/api/releases?channel={}'.format(channel))
+    release = response.json()[0]
+
+    filename = release['download_url'].split('/')[-1]
+    release = Release(release['version'], release['download_url'], filename, release['description'])
+
+    return release
+
+
+def link_to_current(version_name):
+    green("Linking to current version...")
+    run('ln -nfs {} {}'.format(version_path(version_name), CURRENT_VERSION_PATH))
+
+
+def restart_services():
+    # We're doing this instead of simple 'supervisorctl restart all' because
+    # otherwise it won't notice that /opt/redash/current pointing at a different
+    # directory.
+    green("Restarting...")
+    try:
+        run('sudo /etc/init.d/redash_supervisord restart')
+    except subprocess.CalledProcessError as e:
+        run('sudo service supervisor restart')
+
+
+def update_requirements(version_name):
+    green("Installing new Python packages (if needed)...")
+    new_requirements_file = '{}/requirements.txt'.format(version_path(version_name))
+
+    install_requirements = False
+
+    try:
+        run('diff {}/requirements.txt {}'.format(CURRENT_VERSION_PATH, new_requirements_file)) != 0
+    except subprocess.CalledProcessError as e:
+        if e.returncode != 0:
+            install_requirements = True
+
+    if install_requirements:
+        run('sudo pip install -r {}'.format(new_requirements_file))
+
+
+def apply_migrations(release):
+    green("Running migrations (if needed)...")
+    if not release.v1_or_newer():
+        return apply_migrations_pre_v1(release.version_name)
+
+    run("sudo -u redash bin/run ./manage.py db upgrade", cwd=version_path(release.version_name))
+
+
+def find_migrations(version_name):
+    current_migrations = set([f for f in os.listdir("{}/migrations".format(CURRENT_VERSION_PATH)) if fnmatch(f, '*_*.py')])
+    new_migrations = sorted([f for f in os.listdir("{}/migrations".format(version_path(version_name))) if fnmatch(f, '*_*.py')])
+
+    return [m for m in new_migrations if m not in current_migrations]
+
+
+def apply_migrations_pre_v1(version_name):
+    new_migrations = find_migrations(version_name)
+
+    if new_migrations:
+        green("New migrations to run: ")
+        print(', '.join(new_migrations))
+    else:
+        print("No new migrations in this version.")
+
+    if new_migrations and confirm("Apply new migrations? (make sure you have backup)"):
+        for migration in new_migrations:
+            print("Applying {}...".format(migration))
+            run("sudo sudo -u redash PYTHONPATH=. bin/run python migrations/{}".format(migration), cwd=version_path(version_name))
+
+
+def download_and_unpack(release):
+    directory_name = release.version_name
+
+    green("Downloading release tarball...")
+    run('sudo wget --header="Accept: application/octet-stream" -O {} {}'.format(release.filename, release.download_url))
+    green("Unpacking to: {}...".format(directory_name))
+    run('sudo mkdir -p {}'.format(directory_name))
+    run('sudo tar -C {} -xvf {}'.format(directory_name, release.filename))
+
+    green("Changing ownership to redash...")
+    run('sudo chown redash {}'.format(directory_name))
+
+    green("Linking .env file...")
+    run('sudo ln -nfs {}/.env {}/.env'.format(REDASH_HOME, version_path(directory_name)))
+
+
+def current_version():
+    real_current_path = os.path.realpath(CURRENT_VERSION_PATH).replace('.b', '+b')
+    return real_current_path.replace(REDASH_HOME + '/', '').replace('redash.', '')
+
+
+def verify_minimum_version():
+    green("Current version: " + current_version())
+    if semver.compare(current_version(), '0.12.0') < 0:
+        red("You need to have Redash v0.12.0 or newer to upgrade to post v1.0.0 releases.")
+        green("To upgrade to v0.12.0, run the upgrade script set to the legacy channel (--channel legacy).")
+        exit(1)
+
+
+def show_description_and_confirm(description):
+    if description:
+        print(description)
+
+        if not confirm("Continue with upgrade?"):
+            red("Cancelling upgrade.")
+            exit(1)
+
+
+def verify_newer_version(release):
+    if not release.is_newer(current_version()):
+        red("The found release is not newer than your current deployed release ({}). Aborting upgrade.".format(current_version()))
+        exit(1)
+
+
+def deploy_release(channel):
+    h1("Starting Redash upgrade:")
+
+    release = get_release(channel)
+    green("Found version: {}".format(release.version))
+
+    if release.v1_or_newer():
+        verify_minimum_version()
+
+    verify_newer_version(release)
+    show_description_and_confirm(release.description)
+
+    try:
+        download_and_unpack(release)
+        update_requirements(release.version_name)
+        apply_migrations(release)
+        link_to_current(release.version_name)
+        restart_services()
+        green("Done! Enjoy.")
+    except subprocess.CalledProcessError as e:
+        red("Failed running: {}".format(e.cmd))
+        red("Exit status: {}\nOutput:\n{}".format(e.returncode, e.output))
+
+
+if __name__ == '__main__':
+    parser = argparse.ArgumentParser()
+    parser.add_argument("--channel", help="The channel to get release from (default: stable).", default='stable')
+    args = parser.parse_args()
+
+    deploy_release(args.channel)

bin/vagrant_ctl.sh

@@ -1,21 +0,0 @@
-#!/bin/bash
-set -e
-
-help() {
-  echo "Usage: "
-  echo "`basename "$0"` {start, test}"
-}
-
-case "$1" in
-  start)
-    vagrant up
-    vagrant ssh -c "cd /opt/redash/current; bin/run honcho start -f Procfile.dev;"
-    ;;
-  test)
-    vagrant up
-    vagrant ssh -c "cd /opt/redash/current; make test"
-    ;;
-  *)
-    help
-    ;;
-esac

bower.json

@@ -1,47 +0,0 @@
-{
-  "name": "redash",
-  "version": "0.11.0",
-  "dependencies": {
-    "angular": "1.2.18",
-    "angular-resource": "1.2.18",
-    "angular-route": "1.2.18",
-    "angular-growl": "0.4.0",
-    "json3": "3.2.4",
-    "jquery": "1.9.1",
-    "bootstrap": "3.3.6",
-    "es5-shim": "2.0.8",
-    "angular-moment": "0.10.3",
-    "moment": "~2.8.0",
-    "codemirror": "4.8.0",
-    "underscore": "1.5.1",
-    "pivottable": "2.0.2",
-    "cornelius": "https://github.com/restorando/cornelius.git",
-    "gridster": "0.2.0",
-    "mousetrap": "~1.4.6",
-    "jquery-ui": "~1.10.4",
-    "underscore.string": "~2.3.3",
-    "marked": "~0.3.2",
-    "pace": "~0.5.1",
-    "font-awesome": "~4.2.0",
-    "mustache": "~1.0.0",
-    "canvg": "gabelerner/canvg",
-    "angular-ui-bootstrap-bower": "~0.12.1",
-    "leaflet": "~0.7.3",
-    "angular-base64-upload": "~0.1.11",
-    "angular-ui-select": "~0.13.2",
-    "angular-bootstrap-show-errors": "~2.3.0",
-    "angular-sanitize": "1.2.18",
-    "d3": "3.5.6",
-    "angular-ui-sortable": "~0.13.4",
-    "angular-resizable": "^1.2.0",
-    "material-design-iconic-font": "^2.2.0",
-    "plotly.js": "^1.9.0"
-  },
-  "devDependencies": {
-    "angular-mocks": "1.2.18",
-    "angular-scenario": "1.2.18"
-  },
-  "resolutions": {
-    "angular": "1.2.18"
-  }
-}

circle.yml

@@ -1,35 +1,32 @@
 machine:
   services:
     - docker
+    - redis
   node:
     version:
-      0.12.4
-  python:
-    version:
-      2.7.3
+      6.9.1
 dependencies:
-  pre:
+  override:
+    - pip install --upgrade setuptools
     - pip install -r requirements_dev.txt
     - pip install -r requirements.txt
-    - pip install pymongo==3.2.1
-    - if [ "$CIRCLE_BRANCH" = "master" ]; then make deps; fi
+    - make deps
   cache_directories:
     - node_modules/
-    - rd_ui/node_modules/
-    - rd_ui/app/bower_components/
 test:
   override:
     - nosetests --with-xunit --xunit-file=$CIRCLE_TEST_REPORTS/junit.xml --with-coverage --cover-package=redash tests/
 deployment:
   github_and_docker:
-    branch: master
+    branch: [master, /release.*/]
     commands:
       - make pack
-      - make upload
-      - echo "rd_ui/app" >> .dockerignore
-      - docker pull redash/redash:latest
-      - docker build -t redash/redash:$(./manage.py version | sed -e "s/\+/./") .
+      # Skipping uploads for now, until master is stable.
+      # - make upload
+      #- echo "client/app" >> .dockerignore
+      #- docker pull redash/redash:latest
       - docker login -e $DOCKER_EMAIL -u $DOCKER_USER -p $DOCKER_PASS
+      - docker build -t redash/redash:$(./manage.py version | sed -e "s/\+/./") .
       - docker push redash/redash:$(./manage.py version | sed -e "s/\+/./")
 notify:
   webhooks:

client/.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["es2015", "stage-2"],
+  "plugins": ["angularjs-annotate", "transform-object-assign"]
+}

client/.eslintignore

@@ -0,0 +1,3 @@
+build/*.js
+config/*.js
+node_modules

client/.eslintrc.js

@@ -0,0 +1,30 @@
+module.exports = {
+  root: true,
+  extends: "airbnb-base",
+  settings: {
+    "import/resolver": "webpack"
+  },
+  env: {
+    "browser": true,
+    "node": true
+  },
+  rules: {
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'no-param-reassign': 0,
+    'no-mixed-operators': 0,
+    'no-underscore-dangle': 0,
+    "prefer-destructuring": "off",
+    "prefer-template": "off",
+    "no-restricted-properties": "off",
+    "no-restricted-globals": "off",
+    "no-multi-assign": "off",
+    "max-len": ['error', 120, 2, {
+      ignoreUrls: true,
+      ignoreComments: false,
+      ignoreRegExpLiterals: true,
+      ignoreStrings: true,
+      ignoreTemplateLiterals: true,
+    }]
+  }
+};

client/.gitignore

@@ -0,0 +1 @@
+dist

client/app/assets/css/redash.css

@@ -4,12 +4,17 @@ body {
 
 body.headless {
   padding-top: 0px;
+  padding-bottom: 0px;
 }
 
 body.headless nav.app-header {
   display: none;
 }
 
+body.headless div#footer {
+  display: none;
+}
+
 a[ng-click] {
   cursor: pointer;
 }
@@ -160,16 +165,13 @@ a.navbar-brand img {
 
 /* Gridster */
 
-.gridster ul {
-  list-style-type: none;
-}
-
 li.widget {
   /*background-color:grey;*/
   border-width: 1px;
   border-style: solid;
   border-color: grey;
   opacity: 0.7;
+  cursor: move;
 }
 
 li.widget:hover {
@@ -188,18 +190,20 @@ li.widget:hover {
   background: rgba(0, 0, 0, 0.5) !important;
 }
 
-/* CodeMirror */
-.CodeMirror {
+.gridster li .heading {
+  border: #ddd;
+  background-color: #f5f5f5;
+  padding: 5px;
+}
+
+/* Editor */
+
+.ace_editor {
   border: 1px solid #eee;
   height: 100%;
   margin-bottom: 10px;
 }
 
-.CodeMirror-scroll {
-  overflow-y: auto;
-  overflow-x: auto;
-}
-
 /* Support for Font-Awesome in btn-xs */
 
 .btn-xs > .fa {
@@ -313,7 +317,7 @@ to add those CSS styles here. */
 }
 
 .rd-form-control {
-  width: 100%;
+  width: 90%;
 }
 
 pivot-table-renderer > table, grid-renderer > div, visualization-renderer > div {
@@ -416,6 +420,16 @@ counter-renderer counter-name {
   background-color: white;
 }
 
+.schema-control {
+  display: flex;
+  padding: 5px 0;
+}
+
+.schema-control .form-control {
+  height: 30px;
+  margin-right: 5px;
+}
+
 .schema-browser {
   height: calc(100% - 45px);
   overflow-y: auto;
@@ -423,6 +437,10 @@ counter-renderer counter-name {
   border: 1px solid rgba(0,0,0,.15);
 }
 
+.parameter-label {
+  display: block;
+}
+
 div.table-name {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -440,10 +458,6 @@ div.table-name:hover {
   padding: 30px;
 }
 
-.log-container {
-  margin-bottom: 50px;
-}
-
 /* Footer */
 
 .footer {
@@ -481,17 +495,6 @@ div.table-name:hover {
   display: none !important;
 }
 
-/* Smart Table */
-
-.smart-table {
-  margin-bottom: 0px;
-}
-
-.smart-table .pagination {
-  margin-bottom: 5px;
-  margin-top: 10px;
-}
-
 .voffset {
   margin-top: 2px;
 }
@@ -613,9 +616,16 @@ div.table-name:hover {
 
 .collapsing,
 .collapse.in {
-    background: #f4f4f4;
-    padding: 5px 10px;
-    transition: all 0.35s ease;
+  padding: 5px 10px;
+  transition: all 0.35s ease;
+}
+
+.schema-browser .collapse.in {
+  background: #f4f4f4;
+}
+
+.navbar .collapse.in {
+  background: #222;
 }
 
 /* Fixes for SuperFlat */
@@ -663,3 +673,32 @@ div.table-name:hover {
 .t-header.widget {
   padding: 5px;
 }
+
+/* Sankey Visualization */
+.sankey .node rect {
+    fill-opacity: .9;
+    shape-rendering: crispEdges;
+    stroke-width: 0;
+}
+.sankey .node text {
+    text-shadow: 0 1px 0 #fff;
+}
+.sankey .link {
+    fill: none;
+    stroke: #000;
+    stroke-opacity: .2;
+}
+
+/*Dashboard list view */
+.m-2{
+  margin:2px;
+}
+
+.dropdown-menu > .disabled{
+ cursor: not-allowed;
+}
+
+/* The real magic ;) */
+.dropdown-menu > .disabled > a{
+ pointer-events: none;
+}

client/app/assets/css/superflat_redash.css

@@ -254,809 +254,6 @@ th {
     border: 1px solid #ddd !important;
   }
 }
-@font-face {
-  font-family: 'Glyphicons Halflings';
-  src: url('../fonts/glyphicons-halflings-regular.eot');
-  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
-}
-.glyphicon {
-  position: relative;
-  top: 1px;
-  display: inline-block;
-  font-family: 'Glyphicons Halflings';
-  font-style: normal;
-  font-weight: normal;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.glyphicon-asterisk:before {
-  content: "\2a";
-}
-.glyphicon-plus:before {
-  content: "\2b";
-}
-.glyphicon-euro:before,
-.glyphicon-eur:before {
-  content: "\20ac";
-}
-.glyphicon-minus:before {
-  content: "\2212";
-}
-.glyphicon-cloud:before {
-  content: "\2601";
-}
-.glyphicon-envelope:before {
-  content: "\2709";
-}
-.glyphicon-pencil:before {
-  content: "\270f";
-}
-.glyphicon-glass:before {
-  content: "\e001";
-}
-.glyphicon-music:before {
-  content: "\e002";
-}
-.glyphicon-search:before {
-  content: "\e003";
-}
-.glyphicon-heart:before {
-  content: "\e005";
-}
-.glyphicon-star:before {
-  content: "\e006";
-}
-.glyphicon-star-empty:before {
-  content: "\e007";
-}
-.glyphicon-user:before {
-  content: "\e008";
-}
-.glyphicon-film:before {
-  content: "\e009";
-}
-.glyphicon-th-large:before {
-  content: "\e010";
-}
-.glyphicon-th:before {
-  content: "\e011";
-}
-.glyphicon-th-list:before {
-  content: "\e012";
-}
-.glyphicon-ok:before {
-  content: "\e013";
-}
-.glyphicon-remove:before {
-  content: "\e014";
-}
-.glyphicon-zoom-in:before {
-  content: "\e015";
-}
-.glyphicon-zoom-out:before {
-  content: "\e016";
-}
-.glyphicon-off:before {
-  content: "\e017";
-}
-.glyphicon-signal:before {
-  content: "\e018";
-}
-.glyphicon-cog:before {
-  content: "\e019";
-}
-.glyphicon-trash:before {
-  content: "\e020";
-}
-.glyphicon-home:before {
-  content: "\e021";
-}
-.glyphicon-file:before {
-  content: "\e022";
-}
-.glyphicon-time:before {
-  content: "\e023";
-}
-.glyphicon-road:before {
-  content: "\e024";
-}
-.glyphicon-download-alt:before {
-  content: "\e025";
-}
-.glyphicon-download:before {
-  content: "\e026";
-}
-.glyphicon-upload:before {
-  content: "\e027";
-}
-.glyphicon-inbox:before {
-  content: "\e028";
-}
-.glyphicon-play-circle:before {
-  content: "\e029";
-}
-.glyphicon-repeat:before {
-  content: "\e030";
-}
-.glyphicon-refresh:before {
-  content: "\e031";
-}
-.glyphicon-list-alt:before {
-  content: "\e032";
-}
-.glyphicon-lock:before {
-  content: "\e033";
-}
-.glyphicon-flag:before {
-  content: "\e034";
-}
-.glyphicon-headphones:before {
-  content: "\e035";
-}
-.glyphicon-volume-off:before {
-  content: "\e036";
-}
-.glyphicon-volume-down:before {
-  content: "\e037";
-}
-.glyphicon-volume-up:before {
-  content: "\e038";
-}
-.glyphicon-qrcode:before {
-  content: "\e039";
-}
-.glyphicon-barcode:before {
-  content: "\e040";
-}
-.glyphicon-tag:before {
-  content: "\e041";
-}
-.glyphicon-tags:before {
-  content: "\e042";
-}
-.glyphicon-book:before {
-  content: "\e043";
-}
-.glyphicon-bookmark:before {
-  content: "\e044";
-}
-.glyphicon-print:before {
-  content: "\e045";
-}
-.glyphicon-camera:before {
-  content: "\e046";
-}
-.glyphicon-font:before {
-  content: "\e047";
-}
-.glyphicon-bold:before {
-  content: "\e048";
-}
-.glyphicon-italic:before {
-  content: "\e049";
-}
-.glyphicon-text-height:before {
-  content: "\e050";
-}
-.glyphicon-text-width:before {
-  content: "\e051";
-}
-.glyphicon-align-left:before {
-  content: "\e052";
-}
-.glyphicon-align-center:before {
-  content: "\e053";
-}
-.glyphicon-align-right:before {
-  content: "\e054";
-}
-.glyphicon-align-justify:before {
-  content: "\e055";
-}
-.glyphicon-list:before {
-  content: "\e056";
-}
-.glyphicon-indent-left:before {
-  content: "\e057";
-}
-.glyphicon-indent-right:before {
-  content: "\e058";
-}
-.glyphicon-facetime-video:before {
-  content: "\e059";
-}
-.glyphicon-picture:before {
-  content: "\e060";
-}
-.glyphicon-map-marker:before {
-  content: "\e062";
-}
-.glyphicon-adjust:before {
-  content: "\e063";
-}
-.glyphicon-tint:before {
-  content: "\e064";
-}
-.glyphicon-edit:before {
-  content: "\e065";
-}
-.glyphicon-share:before {
-  content: "\e066";
-}
-.glyphicon-check:before {
-  content: "\e067";
-}
-.glyphicon-move:before {
-  content: "\e068";
-}
-.glyphicon-step-backward:before {
-  content: "\e069";
-}
-.glyphicon-fast-backward:before {
-  content: "\e070";
-}
-.glyphicon-backward:before {
-  content: "\e071";
-}
-.glyphicon-play:before {
-  content: "\e072";
-}
-.glyphicon-pause:before {
-  content: "\e073";
-}
-.glyphicon-stop:before {
-  content: "\e074";
-}
-.glyphicon-forward:before {
-  content: "\e075";
-}
-.glyphicon-fast-forward:before {
-  content: "\e076";
-}
-.glyphicon-step-forward:before {
-  content: "\e077";
-}
-.glyphicon-eject:before {
-  content: "\e078";
-}
-.glyphicon-chevron-left:before {
-  content: "\e079";
-}
-.glyphicon-chevron-right:before {
-  content: "\e080";
-}
-.glyphicon-plus-sign:before {
-  content: "\e081";
-}
-.glyphicon-minus-sign:before {
-  content: "\e082";
-}
-.glyphicon-remove-sign:before {
-  content: "\e083";
-}
-.glyphicon-ok-sign:before {
-  content: "\e084";
-}
-.glyphicon-question-sign:before {
-  content: "\e085";
-}
-.glyphicon-info-sign:before {
-  content: "\e086";
-}
-.glyphicon-screenshot:before {
-  content: "\e087";
-}
-.glyphicon-remove-circle:before {
-  content: "\e088";
-}
-.glyphicon-ok-circle:before {
-  content: "\e089";
-}
-.glyphicon-ban-circle:before {
-  content: "\e090";
-}
-.glyphicon-arrow-left:before {
-  content: "\e091";
-}
-.glyphicon-arrow-right:before {
-  content: "\e092";
-}
-.glyphicon-arrow-up:before {
-  content: "\e093";
-}
-.glyphicon-arrow-down:before {
-  content: "\e094";
-}
-.glyphicon-share-alt:before {
-  content: "\e095";
-}
-.glyphicon-resize-full:before {
-  content: "\e096";
-}
-.glyphicon-resize-small:before {
-  content: "\e097";
-}
-.glyphicon-exclamation-sign:before {
-  content: "\e101";
-}
-.glyphicon-gift:before {
-  content: "\e102";
-}
-.glyphicon-leaf:before {
-  content: "\e103";
-}
-.glyphicon-fire:before {
-  content: "\e104";
-}
-.glyphicon-eye-open:before {
-  content: "\e105";
-}
-.glyphicon-eye-close:before {
-  content: "\e106";
-}
-.glyphicon-warning-sign:before {
-  content: "\e107";
-}
-.glyphicon-plane:before {
-  content: "\e108";
-}
-.glyphicon-calendar:before {
-  content: "\e109";
-}
-.glyphicon-random:before {
-  content: "\e110";
-}
-.glyphicon-comment:before {
-  content: "\e111";
-}
-.glyphicon-magnet:before {
-  content: "\e112";
-}
-.glyphicon-chevron-up:before {
-  content: "\e113";
-}
-.glyphicon-chevron-down:before {
-  content: "\e114";
-}
-.glyphicon-retweet:before {
-  content: "\e115";
-}
-.glyphicon-shopping-cart:before {
-  content: "\e116";
-}
-.glyphicon-folder-close:before {
-  content: "\e117";
-}
-.glyphicon-folder-open:before {
-  content: "\e118";
-}
-.glyphicon-resize-vertical:before {
-  content: "\e119";
-}
-.glyphicon-resize-horizontal:before {
-  content: "\e120";
-}
-.glyphicon-hdd:before {
-  content: "\e121";
-}
-.glyphicon-bullhorn:before {
-  content: "\e122";
-}
-.glyphicon-bell:before {
-  content: "\e123";
-}
-.glyphicon-certificate:before {
-  content: "\e124";
-}
-.glyphicon-thumbs-up:before {
-  content: "\e125";
-}
-.glyphicon-thumbs-down:before {
-  content: "\e126";
-}
-.glyphicon-hand-right:before {
-  content: "\e127";
-}
-.glyphicon-hand-left:before {
-  content: "\e128";
-}
-.glyphicon-hand-up:before {
-  content: "\e129";
-}
-.glyphicon-hand-down:before {
-  content: "\e130";
-}
-.glyphicon-circle-arrow-right:before {
-  content: "\e131";
-}
-.glyphicon-circle-arrow-left:before {
-  content: "\e132";
-}
-.glyphicon-circle-arrow-up:before {
-  content: "\e133";
-}
-.glyphicon-circle-arrow-down:before {
-  content: "\e134";
-}
-.glyphicon-globe:before {
-  content: "\e135";
-}
-.glyphicon-wrench:before {
-  content: "\e136";
-}
-.glyphicon-tasks:before {
-  content: "\e137";
-}
-.glyphicon-filter:before {
-  content: "\e138";
-}
-.glyphicon-briefcase:before {
-  content: "\e139";
-}
-.glyphicon-fullscreen:before {
-  content: "\e140";
-}
-.glyphicon-dashboard:before {
-  content: "\e141";
-}
-.glyphicon-paperclip:before {
-  content: "\e142";
-}
-.glyphicon-heart-empty:before {
-  content: "\e143";
-}
-.glyphicon-link:before {
-  content: "\e144";
-}
-.glyphicon-phone:before {
-  content: "\e145";
-}
-.glyphicon-pushpin:before {
-  content: "\e146";
-}
-.glyphicon-usd:before {
-  content: "\e148";
-}
-.glyphicon-gbp:before {
-  content: "\e149";
-}
-.glyphicon-sort:before {
-  content: "\e150";
-}
-.glyphicon-sort-by-alphabet:before {
-  content: "\e151";
-}
-.glyphicon-sort-by-alphabet-alt:before {
-  content: "\e152";
-}
-.glyphicon-sort-by-order:before {
-  content: "\e153";
-}
-.glyphicon-sort-by-order-alt:before {
-  content: "\e154";
-}
-.glyphicon-sort-by-attributes:before {
-  content: "\e155";
-}
-.glyphicon-sort-by-attributes-alt:before {
-  content: "\e156";
-}
-.glyphicon-unchecked:before {
-  content: "\e157";
-}
-.glyphicon-expand:before {
-  content: "\e158";
-}
-.glyphicon-collapse-down:before {
-  content: "\e159";
-}
-.glyphicon-collapse-up:before {
-  content: "\e160";
-}
-.glyphicon-log-in:before {
-  content: "\e161";
-}
-.glyphicon-flash:before {
-  content: "\e162";
-}
-.glyphicon-log-out:before {
-  content: "\e163";
-}
-.glyphicon-new-window:before {
-  content: "\e164";
-}
-.glyphicon-record:before {
-  content: "\e165";
-}
-.glyphicon-save:before {
-  content: "\e166";
-}
-.glyphicon-open:before {
-  content: "\e167";
-}
-.glyphicon-saved:before {
-  content: "\e168";
-}
-.glyphicon-import:before {
-  content: "\e169";
-}
-.glyphicon-export:before {
-  content: "\e170";
-}
-.glyphicon-send:before {
-  content: "\e171";
-}
-.glyphicon-floppy-disk:before {
-  content: "\e172";
-}
-.glyphicon-floppy-saved:before {
-  content: "\e173";
-}
-.glyphicon-floppy-remove:before {
-  content: "\e174";
-}
-.glyphicon-floppy-save:before {
-  content: "\e175";
-}
-.glyphicon-floppy-open:before {
-  content: "\e176";
-}
-.glyphicon-credit-card:before {
-  content: "\e177";
-}
-.glyphicon-transfer:before {
-  content: "\e178";
-}
-.glyphicon-cutlery:before {
-  content: "\e179";
-}
-.glyphicon-header:before {
-  content: "\e180";
-}
-.glyphicon-compressed:before {
-  content: "\e181";
-}
-.glyphicon-earphone:before {
-  content: "\e182";
-}
-.glyphicon-phone-alt:before {
-  content: "\e183";
-}
-.glyphicon-tower:before {
-  content: "\e184";
-}
-.glyphicon-stats:before {
-  content: "\e185";
-}
-.glyphicon-sd-video:before {
-  content: "\e186";
-}
-.glyphicon-hd-video:before {
-  content: "\e187";
-}
-.glyphicon-subtitles:before {
-  content: "\e188";
-}
-.glyphicon-sound-stereo:before {
-  content: "\e189";
-}
-.glyphicon-sound-dolby:before {
-  content: "\e190";
-}
-.glyphicon-sound-5-1:before {
-  content: "\e191";
-}
-.glyphicon-sound-6-1:before {
-  content: "\e192";
-}
-.glyphicon-sound-7-1:before {
-  content: "\e193";
-}
-.glyphicon-copyright-mark:before {
-  content: "\e194";
-}
-.glyphicon-registration-mark:before {
-  content: "\e195";
-}
-.glyphicon-cloud-download:before {
-  content: "\e197";
-}
-.glyphicon-cloud-upload:before {
-  content: "\e198";
-}
-.glyphicon-tree-conifer:before {
-  content: "\e199";
-}
-.glyphicon-tree-deciduous:before {
-  content: "\e200";
-}
-.glyphicon-cd:before {
-  content: "\e201";
-}
-.glyphicon-save-file:before {
-  content: "\e202";
-}
-.glyphicon-open-file:before {
-  content: "\e203";
-}
-.glyphicon-level-up:before {
-  content: "\e204";
-}
-.glyphicon-copy:before {
-  content: "\e205";
-}
-.glyphicon-paste:before {
-  content: "\e206";
-}
-.glyphicon-alert:before {
-  content: "\e209";
-}
-.glyphicon-equalizer:before {
-  content: "\e210";
-}
-.glyphicon-king:before {
-  content: "\e211";
-}
-.glyphicon-queen:before {
-  content: "\e212";
-}
-.glyphicon-pawn:before {
-  content: "\e213";
-}
-.glyphicon-bishop:before {
-  content: "\e214";
-}
-.glyphicon-knight:before {
-  content: "\e215";
-}
-.glyphicon-baby-formula:before {
-  content: "\e216";
-}
-.glyphicon-tent:before {
-  content: "\26fa";
-}
-.glyphicon-blackboard:before {
-  content: "\e218";
-}
-.glyphicon-bed:before {
-  content: "\e219";
-}
-.glyphicon-apple:before {
-  content: "\f8ff";
-}
-.glyphicon-erase:before {
-  content: "\e221";
-}
-.glyphicon-hourglass:before {
-  content: "\231b";
-}
-.glyphicon-lamp:before {
-  content: "\e223";
-}
-.glyphicon-duplicate:before {
-  content: "\e224";
-}
-.glyphicon-piggy-bank:before {
-  content: "\e225";
-}
-.glyphicon-scissors:before {
-  content: "\e226";
-}
-.glyphicon-bitcoin:before {
-  content: "\e227";
-}
-.glyphicon-btc:before {
-  content: "\e227";
-}
-.glyphicon-xbt:before {
-  content: "\e227";
-}
-.glyphicon-yen:before {
-  content: "\00a5";
-}
-.glyphicon-jpy:before {
-  content: "\00a5";
-}
-.glyphicon-ruble:before {
-  content: "\20bd";
-}
-.glyphicon-rub:before {
-  content: "\20bd";
-}
-.glyphicon-scale:before {
-  content: "\e230";
-}
-.glyphicon-ice-lolly:before {
-  content: "\e231";
-}
-.glyphicon-ice-lolly-tasted:before {
-  content: "\e232";
-}
-.glyphicon-education:before {
-  content: "\e233";
-}
-.glyphicon-option-horizontal:before {
-  content: "\e234";
-}
-.glyphicon-option-vertical:before {
-  content: "\e235";
-}
-.glyphicon-menu-hamburger:before {
-  content: "\e236";
-}
-.glyphicon-modal-window:before {
-  content: "\e237";
-}
-.glyphicon-oil:before {
-  content: "\e238";
-}
-.glyphicon-grain:before {
-  content: "\e239";
-}
-.glyphicon-sunglasses:before {
-  content: "\e240";
-}
-.glyphicon-text-size:before {
-  content: "\e241";
-}
-.glyphicon-text-color:before {
-  content: "\e242";
-}
-.glyphicon-text-background:before {
-  content: "\e243";
-}
-.glyphicon-object-align-top:before {
-  content: "\e244";
-}
-.glyphicon-object-align-bottom:before {
-  content: "\e245";
-}
-.glyphicon-object-align-horizontal:before {
-  content: "\e246";
-}
-.glyphicon-object-align-left:before {
-  content: "\e247";
-}
-.glyphicon-object-align-vertical:before {
-  content: "\e248";
-}
-.glyphicon-object-align-right:before {
-  content: "\e249";
-}
-.glyphicon-triangle-right:before {
-  content: "\e250";
-}
-.glyphicon-triangle-left:before {
-  content: "\e251";
-}
-.glyphicon-triangle-bottom:before {
-  content: "\e252";
-}
-.glyphicon-triangle-top:before {
-  content: "\e253";
-}
-.glyphicon-console:before {
-  content: "\e254";
-}
-.glyphicon-superscript:before {
-  content: "\e255";
-}
-.glyphicon-subscript:before {
-  content: "\e256";
-}
-.glyphicon-menu-left:before {
-  content: "\e257";
-}
-.glyphicon-menu-right:before {
-  content: "\e258";
-}
-.glyphicon-menu-down:before {
-  content: "\e259";
-}
-.glyphicon-menu-up:before {
-  content: "\e260";
-}
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -2584,6 +1781,9 @@ fieldset[disabled] .form-control {
 textarea.form-control {
   height: auto;
 }
+textarea.v-resizable {
+  resize: vertical;
+}
 input[type="search"] {
   -webkit-appearance: none;
 }
@@ -7233,7 +6433,7 @@ a {
 }
 html {
   overflow-x: hidden\0/;
-  -ms-overflow-style: none;
+  -ms-overflow-style: auto;
 }
 html,
 body {
@@ -9395,6 +8595,7 @@ a.thumbnail.active {
   padding: 0;
   white-space: nowrap;
   margin: 0;
+  margin-bottom: 10px;
   overflow: auto;
   box-shadow: inset 0 -2px 0 0 #eee;
 }

client/app/components/alerts/alert-subscriptions/index.js

@@ -0,0 +1,113 @@
+import { contains, without, compact } from 'underscore';
+import template from './alert-subscriptions.html';
+
+function controller($scope, $q, $sce, currentUser, AlertSubscription, Destination, toastr) {
+  'ngInject';
+
+  $scope.newSubscription = {};
+  $scope.subscribers = [];
+  $scope.destinations = [];
+  $scope.currentUser = currentUser;
+
+  $q
+    .all([
+      Destination.query().$promise,
+      AlertSubscription.query({ alertId: $scope.alertId }).$promise,
+    ])
+    .then((responses) => {
+      const destinations = responses[0];
+      const subscribers = responses[1];
+
+      const mapF = s => s.destination && s.destination.id;
+      const subscribedDestinations = compact(subscribers.map(mapF));
+
+      const subscribedUsers = compact(subscribers.map(s => !s.destination && s.user.id));
+
+      $scope.destinations = destinations.filter(d => !contains(subscribedDestinations, d.id));
+
+      if (!contains(subscribedUsers, currentUser.id)) {
+        $scope.destinations.unshift({ user: { name: currentUser.name } });
+      }
+
+      $scope.newSubscription.destination = $scope.destinations[0];
+      $scope.subscribers = subscribers;
+    });
+
+  $scope.destinationsDisplay = (d) => {
+    if (!d) {
+      return '';
+    }
+
+    let destination = d;
+    if (d.destination) {
+      destination = destination.destination;
+    } else if (destination.user) {
+      destination = {
+        name: `${d.user.name} (Email)`,
+        icon: 'fa-envelope',
+        type: 'user',
+      };
+    }
+
+    return $sce.trustAsHtml(`<i class="fa ${destination.icon}"></i>&nbsp;${destination.name}`);
+  };
+
+  $scope.saveSubscriber = () => {
+    const sub = new AlertSubscription({ alert_id: $scope.alertId });
+    if ($scope.newSubscription.destination.id) {
+      sub.destination_id = $scope.newSubscription.destination.id;
+    }
+
+    sub.$save(
+      () => {
+        toastr.success('Subscribed.');
+        $scope.subscribers.push(sub);
+        $scope.destinations = without($scope.destinations, $scope.newSubscription.destination);
+        if ($scope.destinations.length > 0) {
+          $scope.newSubscription.destination = $scope.destinations[0];
+        } else {
+          $scope.newSubscription.destination = undefined;
+        }
+      },
+      () => {
+        toastr.error('Failed saving subscription.');
+      },
+    );
+  };
+
+  $scope.unsubscribe = (subscriber) => {
+    const destination = subscriber.destination;
+    const user = subscriber.user;
+
+    subscriber.$delete(
+      () => {
+        toastr.success('Unsubscribed');
+        $scope.subscribers = without($scope.subscribers, subscriber);
+        if (destination) {
+          $scope.destinations.push(destination);
+        } else if (user.id === currentUser.id) {
+          $scope.destinations.push({ user: { name: currentUser.name } });
+        }
+
+        if ($scope.destinations.length === 1) {
+          $scope.newSubscription.destination = $scope.destinations[0];
+        }
+      },
+      () => {
+        toastr.error('Failed unsubscribing.');
+      },
+    );
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.directive('alertSubscriptions', () => ({
+    restrict: 'E',
+    replace: true,
+    scope: {
+      alertId: '=',
+    },
+    template,
+    controller,
+  }));
+}

client/app/components/app-header/app-header.css

@@ -0,0 +1,7 @@
+.menu-search {
+    margin-top: 3px;
+}
+
+.menu-search input[type="text"] {
+    height: 30px;
+}

client/app/components/app-header/app-header.html

@@ -0,0 +1,82 @@
+<nav class="navbar navbar-inverse navbar-fixed-top app-header" role="navigation">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" ng-click="isNavOpen = !isNavOpen">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a class="navbar-brand" ng-href="{{$ctrl.basePath}}"><img ng-src="{{$ctrl.logoUrl}}"/></a>
+    </div>
+    <div class="collapse navbar-collapse" uib-collapse="!isNavOpen">
+      <ul class="nav navbar-nav">
+        <li class="dropdown" ng-show="$ctrl.showDashboardsMenu" uib-dropdown>
+          <a href="#" class="dropdown-toggle" uib-dropdown-toggle title="Dashboards">
+            <span class="visible-xs visible-md visible-lg">Dashboards <b class="caret"></b></span>
+            <span class="visible-sm"><i class="zmdi zmdi-view-dashboard"></i> <b class="caret"></b></span>
+          </a>
+          <ul class="dropdown-menu" uib-dropdown-menu>
+            <li><a ng-show="$ctrl.currentUser.hasPermission('create_dashboard')" ng-click="$ctrl.newDashboard()">New Dashboard</a></li>
+            <li><a href="dashboards">Dashboards</a></li>
+            <li class="divider" ng-if="$ctrl.dashboards | notEmpty"></li>
+            <li ng-repeat="dashboard in $ctrl.dashboards">
+              <a href="dashboard/{{dashboard.slug}}" ng-bind="dashboard.name"></a>
+            </li>
+          </ul>
+        </li>
+        <li class="dropdown" ng-show="$ctrl.showQueriesMenu" uib-dropdown>
+          <a href="#" class="dropdown-toggle" uib-dropdown-toggle>Queries <b class="caret"></b></a>
+          <ul class="dropdown-menu" uib-dropdown-menu>
+            <li ng-show="$ctrl.showNewQueryMenu"><a href="queries/new">New Query</a></li>
+            <li><a href="queries">Queries</a></li>
+          </ul>
+        </li>
+        <li ng-if="$ctrl.showAlertsLink">
+          <a href="alerts">Alerts</a>
+        </li>
+      </ul>
+      <form class="navbar-form navbar-left" role="search" ng-submit="$ctrl.searchQueries()">
+        <div class="input-group menu-search">
+          <input type="text" ng-model="$ctrl.term" class="form-control" placeholder="Search queries...">
+          <span class="input-group-btn">
+            <button type="submit" class="btn btn-default"><span class="zmdi zmdi-search"></span></button>
+          </span>
+        </div>
+      </form>
+      <ul class="nav navbar-nav navbar-right">
+        <li ng-show="$ctrl.currentUser.isAdmin">
+          <a href="data_sources" title="Data Sources"><i class="fa fa-database"></i></a>
+        </li>
+        <li ng-show="$ctrl.showSettingsMenu">
+          <a href="users" title="Settings"><i class="fa fa-cog"></i></a>
+        </li>
+        <li class="dropdown" uib-dropdown>
+          <a href="#" class="dropdown-toggle" uib-dropdown-toggle><span ng-bind="$ctrl.currentUser.name"></span> <span
+            class="caret"></span></a>
+          <ul class="dropdown-menu" dropdown-menu>
+            <li style="width:300px">
+              <a ng-href="users/{{$ctrl.currentUser.id}}">
+                <div class="row">
+                  <div class="col-sm-2">
+                    <img ng-src="{{$ctrl.currentUser.gravatar_url}}" size="40px" class="img-circle" />
+                  </div>
+                  <div class="col-sm-10">
+                    <p><strong>{{$ctrl.currentUser.name}}</strong></p>
+                  </div>
+                </div>
+              </a>
+            </li>
+            <li class="divider" ng-if="$ctrl.currentUser.hasPermission('super_admin')">
+              <li ng-if="$ctrl.currentUser.hasPermission('super_admin')"><a href="admin/status">System Status</a></li>
+              <li class="divider">
+              </li>
+              <li>
+                <a ng-click="$ctrl.logout()">Log out</a>
+              </li>
+          </ul>
+          </li>
+      </ul>
+    </div>
+  </div>
+</nav>

client/app/components/app-header/index.js

@@ -0,0 +1,51 @@
+import debug from 'debug';
+
+import logoUrl from '@/assets/images/redash_icon_small.png';
+import template from './app-header.html';
+import './app-header.css';
+
+const logger = debug('redash:appHeader');
+
+function controller($rootScope, $location, $uibModal, Auth, currentUser, clientConfig, Dashboard) {
+  this.logoUrl = logoUrl;
+  this.basePath = clientConfig.basePath;
+  this.currentUser = currentUser;
+  this.showQueriesMenu = currentUser.hasPermission('view_query');
+  this.showAlertsLink = currentUser.hasPermission('list_alerts');
+  this.showNewQueryMenu = currentUser.hasPermission('create_query');
+  this.showSettingsMenu = currentUser.hasPermission('list_users');
+  this.showDashboardsMenu = currentUser.hasPermission('list_dashboards');
+
+  this.reloadDashboards = () => {
+    logger('Reloading dashboards.');
+    this.dashboards = Dashboard.recent();
+  };
+
+  this.reloadDashboards();
+
+  $rootScope.$on('reloadDashboards', this.reloadDashboards);
+
+  this.newDashboard = () => {
+    $uibModal.open({
+      component: 'editDashboardDialog',
+      resolve: {
+        dashboard: () => ({ name: null, layout: null }),
+      },
+    });
+  };
+
+  this.searchQueries = () => {
+    $location.path('/queries/search').search({ q: this.term });
+  };
+
+  this.logout = () => {
+    Auth.logout();
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.component('appHeader', {
+    template,
+    controller,
+  });
+}

client/app/components/cancel-query-button/index.js

@@ -0,0 +1,32 @@
+function cancelQueryButton() {
+  return {
+    restrict: 'E',
+    scope: {
+      queryId: '=',
+      taskId: '=',
+    },
+    transclude: true,
+    template: '<button class="btn btn-default" ng-disabled="inProgress" ng-click="cancelExecution()"><i class="zmdi zmdi-spinner zmdi-hc-spin" ng-if="inProgress"></i> Cancel</button>',
+    replace: true,
+    controller($scope, $http, currentUser, Events) {
+      $scope.inProgress = false;
+
+      $scope.cancelExecution = () => {
+        $http.delete(`api/jobs/${$scope.taskId}`).success(() => {
+        });
+
+        let queryId = $scope.queryId;
+        if ($scope.queryId === 'adhoc') {
+          queryId = null;
+        }
+
+        Events.record('cancel_execute', 'query', queryId, { admin: true });
+        $scope.inProgress = true;
+      };
+    },
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.directive('cancelQueryButton', cancelQueryButton);
+}

client/app/components/dashboards/add-widget-dialog.html

@@ -0,0 +1,51 @@
+<div class="modal-header">
+  <button type="button" class="close" ng-disabled="$ctrl.saveInProgress" aria-hidden="true" ng-click="$ctrl.dismiss()">&times;</button>
+  <h4 class="modal-title">Add Widget</h4>
+</div>
+<div class="modal-body">
+  <p class="btn-group">
+      <button type="button" class="btn btn-default" ng-class="{active: $ctrl.isVisualization()}" ng-click="$ctrl.setType('visualization')">Visualization</button>
+      <button type="button" class="btn btn-default" ng-class="{active: $ctrl.isTextBox()}" ng-click="$ctrl.setType('textbox')">Text Box</button>
+  </p>
+
+  <div ng-show="$ctrl.isTextBox()">
+      <div class="form-group">
+          <textarea class="form-control" ng-model="$ctrl.text" rows="3"></textarea>
+      </div>
+      <div ng-show="$ctrl.text">
+          <strong>Preview:</strong>
+          <p ng-bind-html="$ctrl.text | markdown"></p>
+      </div>
+  </div>
+
+  <div ng-show="$ctrl.isVisualization()">
+      <div class="form-group">
+          <ui-select ng-model="$ctrl.query.selected" theme="bootstrap" reset-search-input="false" on-select="$ctrl.onQuerySelect($item, $model)">
+              <ui-select-match placeholder="Search a query by name">{{$select.selected.name}}</ui-select-match>
+              <ui-select-choices repeat="q in $ctrl.queries"
+                                 refresh="$ctrl.searchQueries($select.search)"
+                                 refresh-delay="0">
+                  <div ng-bind-html="$ctrl.trustAsHtml(q.name | highlight: $select.search)"></div>
+              </ui-select-choices>
+          </ui-select>
+      </div>
+
+      <div ng-show="$ctrl.selected_query">
+          <div class="form-group">
+              <label for="">Choose Visualization</label>
+              <select ng-model="$ctrl.selectedVis" ng-options="vis as vis.name group by vis.type for vis in $ctrl.selected_query.visualizations" class="form-control"></select>
+          </div>
+      </div>
+  </div>
+
+  <div class="form-group">
+      <label for="">Widget Size</label>
+      <select class="form-control" ng-model="$ctrl.widgetSize"
+              ng-options="c.value as c.name for c in $ctrl.widgetSizes"></select>
+  </div>
+</div>
+
+<div class="modal-footer">
+  <button type="button" class="btn btn-default" ng-disabled="$ctrl.saveInProgress" ng-click="$ctrl.dismiss()">Close</button>
+  <button type="button" class="btn btn-primary" ng-disabled="$ctrl.saveInProgress || !($ctrl.selectedVis || $ctrl.isTextBox())" ng-click="$ctrl.saveWidget()">Add to Dashboard</button>
+</div>

client/app/components/dashboards/add-widget-dialog.js

@@ -0,0 +1,102 @@
+import template from './add-widget-dialog.html';
+
+const AddWidgetDialog = {
+  template,
+  bindings: {
+    resolve: '<',
+    close: '&',
+    dismiss: '&',
+  },
+  controller($sce, toastr, Query, Widget) {
+    'ngInject';
+
+    this.dashboard = this.resolve.dashboard;
+    this.saveInProgress = false;
+    this.widgetSize = 1;
+    this.selectedVis = null;
+    this.query = {};
+    this.selected_query = undefined;
+    this.text = '';
+    this.existing_text = '';
+    this.new_text = '';
+    this.widgetSizes = [{
+      name: 'Regular',
+      value: 1,
+    }, {
+      name: 'Double',
+      value: 2,
+    }];
+
+    this.type = 'visualization';
+
+    this.trustAsHtml = html => $sce.trustAsHtml(html);
+    this.isVisualization = () => this.type === 'visualization';
+    this.isTextBox = () => this.type === 'textbox';
+
+    this.setType = (type) => {
+      this.type = type;
+      if (type === 'textbox') {
+        this.widgetSizes.push({ name: 'Hidden', value: 0 });
+      } else if (this.widgetSizes.length > 2) {
+        this.widgetSizes.pop();
+      }
+    };
+
+    this.onQuerySelect = () => {
+      if (!this.query.selected) {
+        return;
+      }
+
+      Query.get({ id: this.query.selected.id }, (query) => {
+        if (query) {
+          this.selected_query = query;
+          if (query.visualizations.length) {
+            this.selectedVis = query.visualizations[0];
+          }
+        }
+      });
+    };
+
+    this.searchQueries = (term) => {
+      if (!term || term.length < 3) {
+        return;
+      }
+
+      Query.search({ q: term }, (results) => {
+        this.queries = results;
+      });
+    };
+
+    this.saveWidget = () => {
+      this.saveInProgress = true;
+      const widget = new Widget({
+        visualization_id: this.selectedVis && this.selectedVis.id,
+        dashboard_id: this.dashboard.id,
+        options: {},
+        width: this.widgetSize,
+        text: this.text,
+      });
+
+      widget.$save().then((response) => {
+        // update dashboard layout
+        this.dashboard.layout = response.layout;
+        this.dashboard.version = response.version;
+        const newWidget = new Widget(response.widget);
+        if (response.new_row) {
+          this.dashboard.widgets.push([newWidget]);
+        } else {
+          this.dashboard.widgets[this.dashboard.widgets.length - 1].push(newWidget);
+        }
+        this.close();
+      }).catch(() => {
+        toastr.error('Widget can not be added');
+      }).finally(() => {
+        this.saveInProgress = false;
+      });
+    };
+  },
+};
+
+export default function init(ngModule) {
+  ngModule.component('addWidgetDialog', AddWidgetDialog);
+}

client/app/components/dashboards/edit-dashboard-dialog.html

@@ -0,0 +1,28 @@
+<div class="modal-header">
+  <button type="button" class="close" ng-click="$ctrl.dismiss()" ng-disabled="$ctrl.saveInProgress" aria-hidden="true">&times;</button>
+  <h4 class="modal-title">Edit: {{$ctrl.dashboard.name}}</h4>
+</div>
+<div class="modal-body">
+  <p>
+    <input type="text" class="form-control" placeholder="Dashboard Name" ng-model="$ctrl.dashboard.name" autofocus>
+  </p>
+
+  <p ng-if="$ctrl.dashboard.id">
+    <label>
+        <input name="input" type="checkbox" ng-model="$ctrl.dashboard.dashboard_filters_enabled">
+        Use Dashboard Level Filters
+    </label>
+  </p>
+
+  <div gridster="$ctrl.gridsterOptions" ng-if="$ctrl.items | notEmpty">
+    <ul>
+      <li gridster-item="item" ng-repeat="item in $ctrl.items" class="widget panel panel-default gs-w">
+        <div class="heading">{{item.name}}</div>
+      </li>
+    </ul>
+  </div>
+</div>
+<div class="modal-footer">
+  <button type="button" class="btn btn-default" ng-disabled="$ctrl.saveInProgress" ng-click="$ctrl.dismiss()">Close</button>
+  <button type="button" class="btn btn-primary" ng-disabled="$ctrl.saveInProgress || !$ctrl.isFormValid()" ng-click="$ctrl.saveDashboard()">Save</button>
+</div>

client/app/components/dashboards/edit-dashboard-dialog.js

@@ -0,0 +1,104 @@
+import { isEmpty, sortBy } from 'underscore';
+import template from './edit-dashboard-dialog.html';
+
+const EditDashboardDialog = {
+  bindings: {
+    resolve: '<',
+    close: '&',
+    dismiss: '&',
+  },
+  template,
+  controller($rootScope, $location, $http, toastr, Events, Dashboard) {
+    'ngInject';
+
+    this.dashboard = this.resolve.dashboard;
+    this.gridsterOptions = {
+      margins: [5, 5],
+      rowHeight: 100,
+      colWidth: 260,
+      columns: 2,
+      mobileModeEnabled: false,
+      swapping: true,
+      minRows: 1,
+      draggable: {
+        enabled: true,
+      },
+      resizable: {
+        enabled: false,
+      },
+    };
+
+    this.items = [];
+
+    if (this.dashboard.widgets) {
+      this.dashboard.widgets.forEach((row, rowIndex) => {
+        row.forEach((widget, colIndex) => {
+          this.items.push({
+            id: widget.id,
+            col: colIndex,
+            row: rowIndex,
+            sizeY: 1,
+            sizeX: widget.width,
+            name: widget.getName(), // visualization.query.name
+          });
+        });
+      });
+    }
+
+    this.isFormValid = () => !isEmpty(this.dashboard.name);
+
+    this.saveDashboard = () => {
+      this.saveInProgress = true;
+
+      if (this.dashboard.id) {
+        const layout = [];
+        const sortedItems = sortBy(this.items, item => item.row * 10 + item.col);
+
+        sortedItems.forEach((item) => {
+          layout[item.row] = layout[item.row] || [];
+          if (item.col > 0 && layout[item.row][item.col - 1] === undefined) {
+            layout[item.row][item.col - 1] = item.id;
+          } else {
+            layout[item.row][item.col] = item.id;
+          }
+        });
+
+        const request = {
+          slug: this.dashboard.id,
+          name: this.dashboard.name,
+          version: this.dashboard.version,
+          dashboard_filters_enabled: this.dashboard.dashboard_filters_enabled,
+          layout: JSON.stringify(layout),
+        };
+
+        Dashboard.save(request, (dashboard) => {
+          this.dashboard = dashboard;
+          this.saveInProgress = false;
+          this.close({ $value: this.dashboard });
+          $rootScope.$broadcast('reloadDashboards');
+        }, (error) => {
+          this.saveInProgress = false;
+          if (error.status === 403) {
+            toastr.error('Unable to save dashboard: Permission denied.');
+          } else if (error.status === 409) {
+            toastr.error('It seems like the dashboard has been modified by another user. ' +
+                'Please copy/backup your changes and reload this page.', { autoDismiss: false });
+          }
+        });
+        Events.record('edit', 'dashboard', this.dashboard.id);
+      } else {
+        $http.post('api/dashboards', {
+          name: this.dashboard.name,
+        }).success((response) => {
+          this.close();
+          $location.path(`/dashboard/${response.slug}`).replace();
+        });
+        Events.record('create', 'dashboard');
+      }
+    };
+  },
+};
+
+export default function init(ngModule) {
+  ngModule.component('editDashboardDialog', EditDashboardDialog);
+}

client/app/components/dashboards/edit-text-box.html

@@ -0,0 +1,18 @@
+<div class="modal-header">
+  <button type="button" class="close" aria-label="Close" ng-click="$ctrl.close()"><span aria-hidden="true">&times;</span></button>
+  <h4 class="modal-title">Edit TextBox</h4>
+</div>
+<div class="modal-body">
+  <div class="form-group">
+    <textarea class="form-control" ng-model="$ctrl.widget.new_text" rows="3"></textarea>
+  </div>
+  <div ng-show="$ctrl.widget.new_text">
+    <strong>Preview:</strong>
+    <p ng-bind-html="$ctrl.widget.new_text | markdown"></p>
+  </div>
+</div>
+
+<div class="modal-footer">
+  <button type="button" class="btn btn-default" ng-disabled="$ctrl.saveInProgress" ng-click="$ctrl.close()">Close</button>
+  <button type="button" class="btn btn-primary" ng-disabled="$ctrl.saveInProgress" ng-click="$ctrl.saveWidget()">Save</button>
+</div>

client/app/components/dashboards/widget.html

@@ -0,0 +1,77 @@
+<div class="col-lg-{{$ctrl.widget.width | colWidth}}">
+    <div class="tile" ng-if="$ctrl.type=='visualization'">
+        <div class="t-header widget">
+            <div class="th-title">
+                <p class="hidden-print">
+                    <span ng-hide="$ctrl.canViewQuery">{{$ctrl.query.name}}</span>
+                    <query-link query="$ctrl.query" visualization="$ctrl.widget.visualization" ng-show="$ctrl.canViewQuery"></query-link>
+                    <small><visualization-name visualization="$ctrl.widget.visualization"/></small>
+                </p>
+                <p class="visible-print">
+                  {{$ctrl.query.name}}
+                  <visualization-name visualization="$ctrl.widget.visualization"/>
+                </p>
+                <div class="text-muted" ng-bind-html="$ctrl.query.description | markdown"></div>
+            </div>
+          <div class="actions dropdown" uib-dropdown ng-if="!$ctrl.public">
+            <a data-toggle="dropdown" uib-dropdown-toggle><i class="zmdi zmdi-more"></i></a>
+
+            <ul class="dropdown-menu pull-right" uib-dropdown-menu style="z-index:1000000">
+              <li ng-class="{'disabled': $ctrl.queryResult.isEmpty()}"><a ng-href="{{$ctrl.queryResult.getLink($ctrl.query.id, 'csv')}}" download="{{$ctrl.queryResult.getName($ctrl.query.name, 'csv')}}" target="_self">Download as CSV File</a></li>
+              <li ng-class="{'disabled': $ctrl.queryResult.isEmpty()}"><a ng-href="{{$ctrl.queryResult.getLink($ctrl.query.id, 'xlsx')}}" download="{{$ctrl.queryResult.getName($ctrl.query.name, 'xlsx')}}" target="_self">Download as Excel File</a></li>
+              <li><a ng-href="queries/{{$ctrl.query.id}}#{{$ctrl.widget.visualization.id}}" ng-show="$ctrl.canViewQuery">View Query</a></li>
+              <li><a ng-show="$ctrl.dashboard.canEdit()" ng-click="$ctrl.deleteWidget()">Remove From Dashboard</a></li>
+            </ul>
+          </div>
+        </div>
+
+        <parameters parameters="$ctrl.localParametersDefs()"></parameters>
+
+        <div ng-switch="$ctrl.queryResult.getStatus()">
+          <div ng-switch-when="failed">
+            <div class="alert alert-danger m-5" ng-show="$ctrl.queryResult.getError()">Error running query: <strong>{{$ctrl.queryResult.getError()}}</strong></div>
+          </div>
+          <div ng-switch-when="done">
+              <visualization-renderer visualization="$ctrl.widget.visualization" query-result="$ctrl.queryResult" class="t-body"></visualization-renderer>
+          </div>
+          <div ng-switch-default class="text-center">
+            <i class="zmdi zmdi-refresh zmdi-hc-spin zmdi-hc-5x"></i>
+          </div>
+        </div>
+
+        <div class="p-5 clearfix" style="line-height:28px;">
+            <span class="small hidden-print">Updated: <span am-time-ago="$ctrl.queryResult.getUpdatedAt()"></span></span>
+            <span class="visible-print">
+              Updated: {{$ctrl.queryResult.getUpdatedAt() | dateTime}}
+            </span>
+            <button class="btn btn-sm btn-default pull-right hidden-print" ng-click="$ctrl.reload(true)" ng-if="!$ctrl.public"><i class="zmdi zmdi-refresh"></i></button>
+        </div>
+    </div>
+
+  <div class="tile" ng-if="$ctrl.type=='restricted'">
+    <div class="t-body">
+      <div class="text-center">
+        <h1><span class="zmdi zmdi-lock"></span></h1>
+        <p class="text-muted">
+          This widget requires access to a data source you don't have access to.
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <div class="tile" ng-hide="$ctrl.widget.width === 0" ng-if="$ctrl.type=='textbox'">
+    <div class="t-body">
+      <div class="dropdown" uib-dropdown ng-if="!$ctrl.public && $ctrl.dashboard.canEdit()">
+        <div class="dropdown-header">
+          <a data-toggle="dropdown" uib-dropdown-toggle class="actions"><i class="zmdi zmdi-more"></i></a>
+        </div>
+
+        <ul class="dropdown-menu pull-right" uib-dropdown-menu style="z-index:1000000">
+          <li><a ng-show="$ctrl.dashboard.canEdit()" ng-click="$ctrl.editTextBox()">Edit</a></li>
+          <li><a ng-show="$ctrl.dashboard.canEdit()" ng-click="$ctrl.deleteWidget()">Remove From Dashboard</a></li>
+        </ul>
+      </div>
+      <p ng-bind-html="$ctrl.widget.text | markdown" class="p-5"></p>
+    </div>
+  </div>
+</div>

client/app/components/dashboards/widget.js

@@ -0,0 +1,114 @@
+import template from './widget.html';
+import editTextBoxTemplate from './edit-text-box.html';
+
+const EditTextBoxComponent = {
+  template: editTextBoxTemplate,
+  bindings: {
+    resolve: '<',
+    close: '&',
+    dismiss: '&',
+  },
+  controller(toastr) {
+    'ngInject';
+
+    this.saveInProgress = false;
+    this.widget = this.resolve.widget;
+    this.saveWidget = () => {
+      this.saveInProgress = true;
+      if (this.widget.new_text !== this.widget.existing_text) {
+        this.widget.text = this.widget.new_text;
+        this.widget.$save().then(() => {
+          this.close();
+        }).catch(() => {
+          toastr.error('Widget can not be updated');
+        }).finally(() => {
+          this.saveInProgress = false;
+        });
+      } else {
+        this.close();
+      }
+    };
+  },
+};
+
+function DashboardWidgetCtrl($location, $uibModal, $window, Events, currentUser) {
+  this.canViewQuery = currentUser.hasPermission('view_query');
+
+  this.editTextBox = () => {
+    this.widget.existing_text = this.widget.text;
+    this.widget.new_text = this.widget.text;
+    $uibModal.open({
+      component: 'editTextBox',
+      resolve: {
+        widget: this.widget,
+      },
+    });
+  };
+
+  this.localParametersDefs = () => {
+    if (!this.localParameters) {
+      this.localParameters = this.widget.query.getParametersDefs().filter(p => !p.global);
+    }
+    return this.localParameters;
+  };
+
+  this.deleteWidget = () => {
+    if (!$window.confirm(`Are you sure you want to remove "${this.widget.getName()}" from the dashboard?`)) {
+      return;
+    }
+
+    Events.record('delete', 'widget', this.widget.id);
+
+    this.widget.$delete((response) => {
+      this.dashboard.widgets =
+        this.dashboard.widgets.map(row => row.filter(widget => widget.id !== undefined));
+
+      this.dashboard.widgets = this.dashboard.widgets.filter(row => row.length > 0);
+
+      this.dashboard.layout = response.layout;
+      this.dashboard.version = response.version;
+
+      if (this.deleted) {
+        this.deleted({});
+      }
+    });
+  };
+
+  Events.record('view', 'widget', this.widget.id);
+
+  this.reload = (force) => {
+    let maxAge = $location.search().maxAge;
+    if (force) {
+      maxAge = 0;
+    }
+    this.queryResult = this.query.getQueryResult(maxAge);
+  };
+
+  if (this.widget.visualization) {
+    Events.record('view', 'query', this.widget.visualization.query.id, { dashboard: true });
+    Events.record('view', 'visualization', this.widget.visualization.id, { dashboard: true });
+
+    this.query = this.widget.getQuery();
+    this.reload(false);
+
+    this.type = 'visualization';
+  } else if (this.widget.restricted) {
+    this.type = 'restricted';
+  } else {
+    this.type = 'textbox';
+  }
+}
+
+export default function init(ngModule) {
+  ngModule.component('editTextBox', EditTextBoxComponent);
+  ngModule.component('dashboardWidget', {
+    template,
+    controller: DashboardWidgetCtrl,
+    bindings: {
+      widget: '<',
+      public: '<',
+      dashboard: '<',
+      deleted: '&onDelete',
+    },
+  });
+}

client/app/components/dynamic-form.html

@@ -0,0 +1,38 @@
+<form name="dataSourceForm">
+    <div class="form-group">
+        <label for="type">Type</label>
+        <select name="type" class="form-control" ng-options="type.type as type.name for type in types" ng-model="target.type" autofocus></select>
+    </div>
+    <div class="form-group">
+        <label for="dataSourceName">Name</label>
+        <input type="string" class="form-control" name="dataSourceName" ng-model="target.name" required>
+    </div>
+    <div class="form-group" ng-class='{"has-error": !inner.input.$valid}' ng-form="inner" ng-repeat="field in fields">
+        <label ng-if="field.property.type !== 'checkbox'">{{field.property.title || field.name | capitalize}}</label>
+        <input name="input" type="{{field.property.type}}" class="form-control" ng-model="target.options[field.name]" ng-required="field.property.required"
+               ng-if="field.property.type !== 'file' && field.property.type !== 'checkbox'" accesskey="tab" placeholder="{{field.property.default}}">
+
+        <label ng-if="field.property.type=='checkbox'">
+            <input name="input" type="{{field.property.type}}" ng-model="target.options[field.name]" ng-required="field.property.required"
+                   ng-if="field.property.type !== 'file'" accesskey="tab" placeholder="{{field.property.default}}">
+            {{field.property.title || field.name | capitalize}}
+        </label>
+
+        <input name="input" type="file" class="form-control" ng-model="files[field.name]" ng-required="field.property.required && !target.options[field.name]"
+               base-sixty-four-input
+               ng-if="field.property.type === 'file'">
+    </div>
+
+    <button class="btn btn-primary" ng-disabled="!dataSourceForm.$valid" ng-click="saveChanges()">Save</button>
+    <span ng-repeat="action in actions">
+        <button class="btn"
+                ng-class="action.class"
+                ng-if="target.id"
+                ng-disabled="(action.disableWhenDirty && dataSourceForm.$dirty) || inProgressActions[action.name]"
+                ng-click="action.callback()" ng-bind-html="action.name"></button>
+    </span>
+
+    <span ng-transclude>
+
+    </span>
+</form>

client/app/components/dynamic-form.js

@@ -0,0 +1,149 @@
+import { isUndefined, each, contains, find } from 'underscore';
+import endsWith from 'underscore.string/endsWith';
+import template from './dynamic-form.html';
+
+function DynamicForm($http, toastr, $q) {
+  function orderedInputs(properties, order) {
+    const inputs = new Array(order.length);
+    Object.keys(properties).forEach((key) => {
+      const position = order.indexOf(key);
+      const input = { name: key, property: properties[key] };
+      if (position > -1) {
+        inputs[position] = input;
+      } else {
+        inputs.push(input);
+      }
+    });
+    return inputs;
+  }
+
+  return {
+    restrict: 'E',
+    replace: 'true',
+    transclude: true,
+    template,
+    scope: {
+      target: '=',
+      type: '@type',
+      actions: '=',
+    },
+    link($scope) {
+      function setType(types) {
+        if ($scope.target.type === undefined) {
+          $scope.target.type = types[0].type;
+        }
+
+        const type = find(types, t => t.type === $scope.target.type);
+        const configurationSchema = type.configuration_schema;
+
+        $scope.fields = orderedInputs(
+          configurationSchema.properties,
+          configurationSchema.order || [],
+        );
+
+        return type;
+      }
+
+      $scope.inProgressActions = {};
+      if ($scope.actions) {
+        $scope.actions.forEach((action) => {
+          const originalCallback = action.callback;
+          const name = action.name;
+          action.callback = () => {
+            action.name = `<i class="zmdi zmdi-spinner zmdi-hc-spin"></i> ${name}`;
+
+            $scope.inProgressActions[action.name] = true;
+            function release() {
+              $scope.inProgressActions[action.name] = false;
+              action.name = name;
+            }
+
+            originalCallback(release);
+          };
+        });
+      }
+
+      $scope.files = {};
+
+      $scope.$watchCollection('files', () => {
+        each($scope.files, (v, k) => {
+          // THis is needed because angular-base64-upload sets the value to null at initialization,
+          // causing the field to be marked as dirty even if it wasn't changed.
+          if (!v && $scope.target.options[k]) {
+            $scope.dataSourceForm.$setPristine();
+          }
+          if (v) {
+            $scope.target.options[k] = v.base64;
+          }
+        });
+      });
+
+      const typesPromise = $http.get(`api/${$scope.type}/types`);
+
+      $q.all([typesPromise, $scope.target.$promise]).then((responses) => {
+        const types = responses[0].data;
+        setType(types);
+
+        $scope.types = types;
+
+        types.forEach((type) => {
+          each(type.configuration_schema.properties, (prop, name) => {
+            if (name === 'password' || name === 'passwd') {
+              prop.type = 'password';
+            }
+
+            if (endsWith(name, 'File')) {
+              prop.type = 'file';
+            }
+
+            if (prop.type === 'boolean') {
+              prop.type = 'checkbox';
+            }
+
+            prop.required = contains(type.configuration_schema.required, name);
+          });
+        });
+
+        $scope.$watch('target.type', (current, prev) => {
+          if (prev !== current) {
+            if (prev !== undefined) {
+              $scope.target.options = {};
+            }
+
+            const type = setType($scope.types);
+
+            if (Object.keys($scope.target.options).length === 0) {
+              const properties = type.configuration_schema.properties;
+              Object.keys(properties).forEach((property) => {
+                if (!isUndefined(properties[property].default)) {
+                  $scope.target.options[property] = properties[property].default;
+                }
+              });
+            }
+          }
+        });
+      });
+
+
+      $scope.saveChanges = () => {
+        $scope.target.$save(
+          () => {
+            toastr.success('Saved.');
+            $scope.dataSourceForm.$setPristine();
+          },
+          (error) => {
+            if (error.status === 400 && 'message' in error.data) {
+              toastr.error(error.data.message);
+            } else {
+              toastr.error('Failed saving.');
+            }
+          },
+        );
+      };
+    },
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.directive('dynamicForm', DynamicForm);
+}

client/app/components/dynamic-table/dynamic-table.css

@@ -0,0 +1,7 @@
+dynamic-table > div {
+  overflow: auto;
+}
+
+th.sortable-column {
+  cursor: pointer;
+}

client/app/components/dynamic-table/dynamic-table.html

@@ -0,0 +1,30 @@
+<div>
+  <table class="table table-condensed table-hover">
+    <thead>
+    <tr>
+      <th ng-repeat="column in $ctrl.columns" ng-click="$ctrl.orderBy(column)" class="sortable-column">
+        {{column.title}} <span ng-if="$ctrl.sortIcon(column)"><i class="fa fa-sort-{{$ctrl.sortIcon(column)}}"></i></span>
+      </th>
+    </tr>
+
+    </thead>
+    <tbody>
+    <tr ng-repeat="row in $ctrl.rowsToDisplay">
+      <td ng-repeat="column in $ctrl.columns" ng-bind-html="$ctrl.sanitize(column.formatFunction(row[column.name]))">
+      </td>
+    </tr>
+    </tbody>
+  </table>
+</div>
+<div class="text-center">
+  <ul uib-pagination total-items="$ctrl.rowsCount"
+      items-per-page="$ctrl.itemsPerPage"
+      ng-model="$ctrl.page"
+      max-size="6"
+      class="pagination"
+      boundary-link-numbers="true"
+      rotate="false"
+      next-text='>'
+      previous-text='<'
+      ng-change="$ctrl.pageChanged()"></ul>
+</div>

client/app/components/dynamic-table/index.js

@@ -0,0 +1,77 @@
+import { sortBy } from 'underscore';
+import template from './dynamic-table.html';
+import './dynamic-table.css';
+
+function DynamicTable($sanitize) {
+  'ngInject';
+
+  this.itemsPerPage = this.count = 15;
+  this.page = 1;
+  this.rowsCount = 0;
+  this.orderByField = undefined;
+  this.orderByReverse = false;
+
+  this.pageChanged = () => {
+    const first = this.count * (this.page - 1);
+    const last = this.count * (this.page);
+
+    this.rowsToDisplay = this.rows.slice(first, last);
+  };
+
+  this.$onChanges = (changes) => {
+    if (changes.columns) {
+      this.columns = changes.columns.currentValue;
+    }
+
+    if (changes.rows) {
+      this.rows = changes.rows.currentValue;
+    }
+
+    this.rowsCount = this.rows.length;
+
+    this.pageChanged();
+  };
+
+  this.orderBy = (column) => {
+    if (column === this.orderByField) {
+      this.orderByReverse = !this.orderByReverse;
+    } else {
+      this.orderByField = column;
+      this.orderByReverse = false;
+    }
+
+    if (this.orderByField) {
+      this.rows = sortBy(this.rows, this.orderByField.name);
+      if (this.orderByReverse) {
+        this.rows = this.rows.reverse();
+      }
+      this.pageChanged();
+    }
+  };
+
+  this.sanitize = value => $sanitize(value);
+
+  this.sortIcon = (column) => {
+    if (column !== this.orderByField) {
+      return null;
+    }
+
+    if (this.orderByReverse) {
+      return 'desc';
+    }
+
+    return 'asc';
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.component('dynamicTable', {
+    template,
+    controller: DynamicTable,
+    bindings: {
+      rows: '<',
+      columns: '<',
+      count: '<',
+    },
+  });
+}

client/app/components/edit-in-place.js

@@ -0,0 +1,97 @@
+import $ from 'jquery';
+import { isEmpty } from 'underscore';
+
+// From: http://jsfiddle.net/joshdmiller/NDFHg/
+function EditInPlace() {
+  return {
+    restrict: 'E',
+    scope: {
+      value: '=',
+      ignoreBlanks: '=',
+      editable: '=',
+      done: '=',
+    },
+    template(tElement, tAttrs) {
+      const elType = tAttrs.editor || 'input';
+      const placeholder = tAttrs.placeholder || 'Click to edit';
+
+      let viewMode = '';
+
+      if (tAttrs.markdown === 'true') {
+        viewMode = '<span ng-click="editable && edit()" ng-bind-html="value|markdown" ng-class="{editable: editable}"></span>';
+      } else {
+        viewMode = '<span ng-click="editable && edit()" ng-bind="value" ng-class="{editable: editable}"></span>';
+      }
+
+      const placeholderSpan = `<span ng-click="editable && edit()"
+                                     ng-show="editable && !value"
+                                     ng-class="{editable: editable}">${placeholder}</span>`;
+      const editor = '<{elType} ng-model="value" class="rd-form-control"></{elType}>'.replace('{elType}', elType);
+
+      return viewMode + placeholderSpan + editor;
+    },
+    link($scope, element) {
+      // Let's get a reference to the input element, as we'll want to reference it.
+      const inputElement = $(element.children()[2]);
+      const keycodeEnter = 13;
+      const keycodeEscape = 27;
+
+      // This directive should have a set class so we can style it.
+      element.addClass('edit-in-place');
+
+      // Initially, we're not editing.
+      $scope.editing = false;
+
+      // ng-click handler to activate edit-in-place
+      $scope.edit = () => {
+        $scope.oldValue = $scope.value;
+
+        $scope.editing = true;
+
+        // We control display through a class on the directive itself. See the CSS.
+        element.addClass('active');
+
+        // And we must focus the element.
+        // `angular.element()` provides a chainable array, like jQuery so to access
+        // a native DOM function, we have to reference the first element in the array.
+        inputElement[0].focus();
+      };
+
+      function save() {
+        if ($scope.editing) {
+          if ($scope.ignoreBlanks && isEmpty($scope.value)) {
+            $scope.value = $scope.oldValue;
+          }
+          $scope.editing = false;
+          element.removeClass('active');
+
+          if ($scope.value !== $scope.oldValue) {
+            if ($scope.done) {
+              $scope.done();
+            }
+          }
+        }
+      }
+
+      $(inputElement).keydown((e) => {
+        // 'return' or 'enter' key pressed
+        // allow 'shift' to break lines
+        if (e.which === keycodeEnter && !e.shiftKey) {
+          e.preventDefault();
+          save();
+        } else if (e.which === keycodeEscape) {
+          $scope.value = $scope.oldValue;
+          $scope.$apply(() => {
+            $(inputElement[0]).blur();
+          });
+        }
+      }).blur(() => {
+        save();
+      });
+    },
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.directive('editInPlace', EditInPlace);
+}

client/app/components/email-settings-warning/index.js

@@ -0,0 +1,13 @@
+function controller(clientConfig, currentUser) {
+  this.showMailWarning = clientConfig.mailSettingsMissing && currentUser.isAdmin;
+}
+
+export default function init(ngModule) {
+  ngModule.component('emailSettingsWarning', {
+    bindings: {
+      function: '<',
+    },
+    template: '<p class="alert alert-danger" ng-if="$ctrl.showMailWarning">It looks like your mail server isn\'t configured. Make sure to configure it for the {{$ctrl.function}} to work.</p>',
+    controller,
+  });
+}

client/app/components/error-messages.js

@@ -0,0 +1,20 @@
+const ErrorMessagesComponent = {
+  template: `
+  <div class="help-block" ng-messages="$ctrl.input.$error" ng-show="$ctrl.input.$touched || $ctrl.form.$submitted">
+    <span class="error" ng-message="required">This field is required.</span>
+    <span class="error" ng-message="minlength">This field is too short.</span>
+    <span class="error" ng-message="email">This needs to be a valid email.</span>
+  </div>
+  `,
+  replace: true,
+  bindings: {
+    input: '<',
+    form: '<',
+  },
+  controller() {
+  },
+};
+
+export default function init(ngModule) {
+  ngModule.component('errorMessages', ErrorMessagesComponent);
+}

client/app/components/filters.html

@@ -0,0 +1,34 @@
+<div class="container bg-white p-5" ng-show="$ctrl.filters | notEmpty">
+  <div class="row">
+    <div class="col-sm-6 m-t-5" ng-repeat="filter in $ctrl.filters">
+      <label>{{filter.friendlyName}}</label>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-sm-6 m-t-5" ng-repeat="filter in $ctrl.filters">
+      <ui-select ng-model="filter.current" ng-if="!filter.multiple" on-select="$ctrl.filterChangeListener(filter, $model)" on-remove="$ctrl.filterChangeListener(filter, $model)"
+        remove-selected="false">
+        <ui-select-match placeholder="Select value for {{filter.friendlyName}}...">{{$select.selected | filterValue:filter}}</ui-select-match>
+        <ui-select-choices repeat="value in filter.values | filter: $select.search">
+          {{value | filterValue:filter }}
+        </ui-select-choices>
+      </ui-select>
+
+      <ui-select ng-model="filter.current" multiple ng-if="filter.multiple" on-select="$ctrl.filterChangeListener(filter, $model)"
+        on-remove="$ctrl.filterChangeListener(filter, $model)" remove-selected="false">
+        <ui-select-match placeholder="Select value for {{filter.friendlyName}}...">{{$item | filterValue:filter}}</ui-select-match>
+        <ui-select-choices repeat="value in filter.values | filter: $select.search" group-by="$ctrl.itemGroup">
+          <span ng-if="value == '*'">
+            Select All
+          </span>
+          <span ng-if="value == '-'">
+            Clear
+          </span>
+          <span ng-if="value != '*' && value != '-'">
+            {{value | filterValue:filter }}
+          </span>
+        </ui-select-choices>
+      </ui-select>
+    </div>
+  </div>
+</div>

client/app/components/filters.js

@@ -0,0 +1,29 @@
+import template from './filters.html';
+
+const FiltersComponent = {
+  template,
+  bindings: {
+    onChange: '&',
+    filters: '<',
+  },
+  controller() {
+    'ngInject';
+
+    this.filterChangeListener = (filter, modal) => {
+      this.onChange({ filter, $modal: modal });
+    };
+
+    this.itemGroup = (item) => {
+      if (item === '*' || item === '-') {
+        return '';
+      }
+
+      return 'Values';
+    };
+  },
+};
+
+
+export default function init(ngModule) {
+  ngModule.component('filters', FiltersComponent);
+}

client/app/components/footer/footer.html

@@ -0,0 +1,8 @@
+<div id="footer">
+    <a href="http://redash.io">Redash</a> <span ng-bind="$ctrl.version"></span> <small ng-if="$ctrl.newVersionAvailable" ng-cloak class="ng-cloak"><a href="https://version.redash.io/">(New Redash version available)</a></small>
+
+    <ul class="f-menu">
+        <li><a href="https://redash.io/help/">Documentation</a></li>
+        <li><a href="http://github.com/getredash/redash">Contribute</a></li>
+    </ul>
+</div>

client/app/components/footer/index.js

@@ -0,0 +1,13 @@
+import template from './footer.html';
+
+function controller(clientConfig, currentUser) {
+  this.version = clientConfig.version;
+  this.newVersionAvailable = clientConfig.newVersionAvailable && currentUser.isAdmin;
+}
+
+export default function init(ngModule) {
+  ngModule.component('footer', {
+    template,
+    controller,
+  });
+}

client/app/components/groups/edit-group-dialog.html

@@ -0,0 +1,12 @@
+<div class="modal-header">
+    <h3 class="modal-title">{{$ctrl.title}}</h3>
+</div>
+<div class="modal-body">
+    <form class="form">
+        <input type="text" ng-model="$ctrl.group.name" placeholder="Group Name" class="form-control" autofocus/>
+    </form>
+</div>
+<div class="modal-footer">
+    <button class="btn btn-default" ng-click="$ctrl.close()">Cancel</button>
+    <button class="btn btn-primary" ng-click="$ctrl.ok()">{{$ctrl.saveButtonText}}</button>
+</div>

client/app/components/groups/edit-group-dialog.js

@@ -0,0 +1,39 @@
+import template from './edit-group-dialog.html';
+
+const EditGroupDialogComponent = {
+  template,
+  bindings: {
+    resolve: '<',
+    close: '&',
+    dismiss: '&',
+  },
+  controller($location) {
+    'ngInject';
+
+    this.group = this.resolve.group;
+    const newGroup = this.group.id === undefined;
+
+    if (newGroup) {
+      this.saveButtonText = 'Create';
+      this.title = 'Create a New Group';
+    } else {
+      this.saveButtonText = 'Save';
+      this.title = 'Edit Group';
+    }
+
+    this.ok = () => {
+      this.group.$save((group) => {
+        if (newGroup) {
+          $location.path(`/groups/${group.id}`).replace();
+          this.close();
+        } else {
+          this.close();
+        }
+      });
+    };
+  },
+};
+
+export default function init(ngModule) {
+  ngModule.component('editGroupDialog', EditGroupDialogComponent);
+}

client/app/components/groups/group-name.js

@@ -0,0 +1,33 @@
+function controller($window, $location, toastr, currentUser) {
+  this.canEdit = () => currentUser.isAdmin && this.group.type !== 'builtin';
+
+  this.saveName = () => {
+    this.group.$save();
+  };
+
+  this.deleteGroup = () => {
+    if ($window.confirm('Are you sure you want to delete this group?')) {
+      this.group.$delete(() => {
+        $location.path('/groups').replace();
+        toastr.success('Group deleted successfully.');
+      });
+    }
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.component('groupName', {
+    bindings: {
+      group: '<',
+    },
+    transclude: true,
+    template: `
+      <h2 class="p-l-5">
+        <edit-in-place editable="$ctrl.canEdit()" done="$ctrl.saveName" ignore-blanks='true' value="$ctrl.group.name"></edit-in-place>&nbsp;
+        <button class="btn btn-xs btn-danger" ng-if="$ctrl.canEdit()" ng-click="$ctrl.deleteGroup()">Delete this group</button>
+      </h2>
+    `,
+    replace: true,
+    controller,
+  });
+}

client/app/components/overlay.js

@@ -0,0 +1,16 @@
+const Overlay = {
+  template: `
+  <div>
+    <div class="overlay"></div>
+    <div style="width: 100%; position:absolute; top:50px; z-index:2000">
+      <div class="well well-lg" style="width: 70%; margin: auto;" ng-transclude>
+      </div>
+    </div>
+  </div>
+  `,
+  transclude: true,
+};
+
+export default function init(ngModule) {
+  ngModule.component('overlay', Overlay);
+}

client/app/components/page-header/index.js

@@ -0,0 +1,16 @@
+import template from './page-header.html';
+
+function controller() {
+
+}
+
+export default function init(ngModule) {
+  ngModule.component('pageHeader', {
+    template,
+    controller,
+    transclude: true,
+    bindings: {
+      title: '@',
+    },
+  });
+}

client/app/components/page-header/page-header.html

@@ -1,6 +1,6 @@
 <div class="row bg-white p-10 p-l-15 p-r-15 m-b-10">
   <div class="col-sm-9">
-    <h3>{{title}}</h3>
+    <h3>{{$ctrl.title}}</h3>
   </div>
   <div class="col-sm-3 text-right">
     <h3 ng-transclude>

client/app/components/paginator.js

@@ -0,0 +1,31 @@
+class PaginatorCtrl {
+  constructor() {
+    this.page = this.paginator.page;
+  }
+  pageChanged() {
+    this.paginator.setPage(this.page);
+  }
+}
+
+export default function init(ngModule) {
+  ngModule.component('paginator', {
+    template: `
+<div class="text-center">
+  <ul uib-pagination total-items="$ctrl.paginator.totalCount"
+                     items-per-page="$ctrl.paginator.itemsPerPage"
+                     ng-model="$ctrl.page"
+                     max-size="6"
+                     class="pagination"
+                     boundary-link-numbers="true"
+                     rotate="false"
+                     next-text='>'
+                     previous-text='<'
+                     ng-change="$ctrl.pageChanged()"></ul>
+</div>
+    `,
+    bindings: {
+      paginator: '<',
+    },
+    controller: PaginatorCtrl,
+  });
+}

client/app/components/parameter-settings.html

@@ -0,0 +1,45 @@
+<div class="modal-header">
+    <button type="button" class="close" aria-label="Close" ng-click="$ctrl.close()"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title">{{$ctrl.parameter.name}}</h4>
+</div>
+<div class="modal-body">
+    <div class="form">
+      <div class="form-group">
+        <label>Title</label>
+        <input type="text" class="form-control" ng-model="$ctrl.parameter.title">
+      </div>
+      <div class="form-group">
+        <label>Type</label>
+        <select ng-model="$ctrl.parameter.type" class="form-control">
+          <option value="text">Text</option>
+          <option value="number">Number</option>
+          <option value="enum">Dropdown List</option>
+          <option value="query">Query Based Dropdown List</option>
+          <option value="date">Date</option>
+          <option value="datetime-local">Date and Time</option>
+          <option value="datetime-with-seconds">Date and Time (with seconds)</option>
+        </select>
+      </div>
+      <div class="form-group">
+        <label>
+          <input type="checkbox" class="form-inline" ng-model="$ctrl.parameter.global">
+          Global
+        </label>
+      </div>
+      <div class="form-group" ng-if="$ctrl.parameter.type === 'enum'">
+        <label>Dropdown List Values (newline delimited)</label>
+        <textarea class="form-control" rows="3" ng-model="$ctrl.parameter.enumOptions"></textarea>
+      </div>
+      <div class="form-group" ng-if="$ctrl.parameter.type === 'query'">
+        <label>Query to load dropdown values from:</label>
+        <ui-select ng-model="$ctrl.parameter.queryId" reset-search-input="false">
+            <ui-select-match placeholder="Search a query by name">{{$select.selected.name}}</ui-select-match>
+            <ui-select-choices repeat="q.id as q in $ctrl.queries"
+                               refresh="$ctrl.searchQueries($select.search)"
+                               refresh-delay="0">
+            <div class="form-group" ng-bind-html="$ctrl.trustAsHtml(q.name | highlight: $select.search)"></div>
+            </ui-select-choices>
+        </ui-select>
+      </div>
+    </div>
+</div>

client/app/components/parameters.html

@@ -0,0 +1,28 @@
+<div class="form-inline bg-white p-5"
+     ng-if="parameters | notEmpty"
+     ui-sortable="{ 'ui-floating': true, 'disabled': !editable }"
+     ng-model="parameters">
+  <div class="form-group m-l-10 m-r-10"
+       ng-repeat="param in parameters">
+    <label class="parameter-label">{{param.title}}</label>
+    <button class="btn btn-default btn-xs"
+            ng-click="showParameterSettings(param)"
+            ng-if="editable">
+        <i class="zmdi zmdi-settings"></i>
+    </button>
+    <span ng-switch="param.type">
+      <input ng-switch-when="datetime-with-seconds" type="datetime-local" step="1" class="form-control" ng-model="param.ngModel">
+      <input ng-switch-when="datetime-local" type="datetime-local" class="form-control" ng-model="param.ngModel">
+      <input ng-switch-when="date" type="date" class="form-control" ng-model="param.ngModel">
+      <span ng-switch-when="enum">
+        <select ng-model="param.value" class="form-control">
+          <option ng-repeat="option in extractEnumOptions(param.enumOptions)" value="{{option}}">{{option}}</option>
+        </select>
+      </span>
+      <span ng-switch-when="query">
+        <query-based-parameter param="param" query-id="param.queryId"></query-based-parameter>
+      </span>
+      <input ng-switch-default type="{{param.type}}" class="form-control" ng-model="param.ngModel">
+    </span>
+  </div>
+</div>

client/app/components/parameters.js

@@ -0,0 +1,156 @@
+import { find } from 'underscore';
+import template from './parameters.html';
+import queryBasedParameterTemplate from './query-based-parameter.html';
+import parameterSettingsTemplate from './parameter-settings.html';
+
+const ParameterSettingsComponent = {
+  template: parameterSettingsTemplate,
+  bindings: {
+    resolve: '<',
+    close: '&',
+    dismiss: '&',
+  },
+  controller($sce, Query) {
+    'ngInject';
+
+    this.trustAsHtml = html => $sce.trustAsHtml(html);
+    this.parameter = this.resolve.parameter;
+
+    if (this.parameter.queryId) {
+      Query.get({ id: this.parameter.queryId }, (query) => {
+        this.queries = [query];
+      });
+    }
+
+    this.searchQueries = (term) => {
+      if (!term || term.length < 3) {
+        return;
+      }
+
+      Query.search({ q: term }, (results) => {
+        this.queries = results;
+      });
+    };
+  },
+};
+
+function optionsFromQueryResult(queryResult) {
+  const columns = queryResult.data.columns;
+  const numColumns = columns.length;
+  let options = [];
+  // If there are multiple columns, check if there is a column
+  // named 'name' and column named 'value'. If name column is present
+  // in results, use name from name column. Similar for value column.
+  // Default: Use first string column for name and value.
+  if (numColumns > 0) {
+    let nameColumn = null;
+    let valueColumn = null;
+    columns.forEach((column) => {
+      const columnName = column.name.toLowerCase();
+      if (columnName === 'name') {
+        nameColumn = column.name;
+      }
+      if (columnName === 'value') {
+        valueColumn = column.name;
+      }
+      // Assign first string column as name and value column.
+      if (nameColumn === null) {
+        nameColumn = column.name;
+      }
+      if (valueColumn === null) {
+        valueColumn = column.name;
+      }
+    });
+    if (nameColumn !== null && valueColumn !== null) {
+      options = queryResult.data.rows.map((row) => {
+        const queryResultOption = {
+          name: row[nameColumn],
+          value: row[valueColumn],
+        };
+        return queryResultOption;
+      });
+    }
+  }
+  return options;
+}
+
+function updateCurrentValue(param, options) {
+  const found = find(options, option => option.value === param.value) !== undefined;
+
+  if (!found) {
+    param.value = options[0].value;
+  }
+}
+
+const QueryBasedParameterComponent = {
+  template: queryBasedParameterTemplate,
+  bindings: {
+    param: '<',
+    queryId: '<',
+  },
+  controller(Query) {
+    'ngInject';
+
+    this.$onChanges = (changes) => {
+      if (changes.queryId) {
+        Query.resultById({ id: this.queryId }, (result) => {
+          const queryResult = result.query_result;
+          this.queryResultOptions = optionsFromQueryResult(queryResult);
+          updateCurrentValue(this.param, this.queryResultOptions);
+        });
+      }
+    };
+  },
+};
+
+function ParametersDirective($location, $uibModal) {
+  return {
+    restrict: 'E',
+    transclude: true,
+    scope: {
+      parameters: '=',
+      syncValues: '=?',
+      editable: '=?',
+      changed: '&onChange',
+    },
+    template,
+    link(scope) {
+      // is this the correct location for this logic?
+      if (scope.syncValues !== false) {
+        scope.$watch('parameters', () => {
+          if (scope.changed) {
+            scope.changed({});
+          }
+          scope.parameters.forEach((param) => {
+            if (param.value !== null || param.value !== '') {
+              $location.search(`p_${param.name}`, param.value);
+            }
+          });
+        }, true);
+      }
+
+      // These are input as newline delimited values,
+      // so we split them here.
+      scope.extractEnumOptions = (enumOptions) => {
+        if (enumOptions) {
+          return enumOptions.split('\n');
+        }
+        return [];
+      };
+      scope.showParameterSettings = (param) => {
+        $uibModal.open({
+          component: 'parameterSettings',
+          resolve: {
+            parameter: param,
+          },
+        });
+      };
+    },
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.directive('parameters', ParametersDirective);
+  ngModule.component('queryBasedParameter', QueryBasedParameterComponent);
+  ngModule.component('parameterSettings', ParameterSettingsComponent);
+}

client/app/components/permissions-editor/index.js

@@ -0,0 +1,80 @@
+import { contains, each } from 'underscore';
+import template from './permissions-editor.html';
+
+const PermissionsEditorComponent = {
+  template,
+  bindings: {
+    resolve: '<',
+    close: '&',
+    dismiss: '&',
+  },
+  controller($http, User) {
+    'ngInject';
+
+    this.grantees = [];
+    this.newGrantees = {};
+    this.aclUrl = this.resolve.aclUrl.url;
+
+    // List users that are granted permissions
+    const loadGrantees = () => {
+      $http.get(this.aclUrl).success((result) => {
+        this.grantees = [];
+
+        each(result, (grantees, accessType) => {
+          grantees.forEach((grantee) => {
+            grantee.access_type = accessType;
+            this.grantees.push(grantee);
+          });
+        });
+      });
+    };
+
+    loadGrantees();
+
+    // Search for user
+    this.findUser = (search) => {
+      if (search === '') {
+        return;
+      }
+
+      if (this.foundUsers === undefined) {
+        User.query((users) => {
+          const existingIds = this.grantees.map(m => m.id);
+          users.forEach((user) => { user.alreadyGrantee = contains(existingIds, user.id); });
+          this.foundUsers = users;
+        });
+      }
+    };
+
+    // Add new user to grantees list
+    this.addGrantee = (user) => {
+      this.newGrantees.selected = undefined;
+      const body = { access_type: 'modify', user_id: user.id };
+      $http.post(this.aclUrl, body).success(() => {
+        user.alreadyGrantee = true;
+        loadGrantees();
+      });
+    };
+
+    // Remove user from grantees list
+    this.removeGrantee = (user) => {
+      const body = { access_type: 'modify', user_id: user.id };
+      $http({
+        url: this.aclUrl,
+        method: 'DELETE',
+        data: body,
+        headers: { 'Content-Type': 'application/json' },
+      }).success(() => {
+        this.grantees = this.grantees.filter(m => m !== user);
+
+        if (this.foundUsers) {
+          this.foundUsers.forEach((u) => { if (u.id === user.id) { u.alreadyGrantee = false; } });
+        }
+      });
+    };
+  },
+};
+
+export default function init(ngModule) {
+  ngModule.component('permissionsEditor', PermissionsEditorComponent);
+}

client/app/components/permissions-editor/permissions-editor.html

@@ -0,0 +1,39 @@
+<div class="modal-header">
+    <button type="button" class="close" aria-label="Close" ng-click="$ctrl.close()"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title">Manage Permissions</h4>
+</div>
+<div class="modal-body">
+  <div style="overflow: auto; height: 300px">
+    <ui-select ng-model="$ctrl.newGrantee.selected" on-select="$ctrl.addGrantee($item)">
+       <ui-select-match placeholder="Add New User"></ui-select-match>
+       <ui-select-choices repeat="user in $ctrl.foundUsers | filter:$select.search"
+                         refresh="$ctrl.findUser($select.search)"
+                         refresh-delay="0"
+                         ui-disable-choice="user.alreadyGrantee">
+        <div>
+          <img ng-src="{{user.gravatar_url}}" height="24px">&nbsp;{{user.name}}
+          <small ng-if="user.alreadyGrantee">(already has permission)</small>
+        </div>
+       </ui-select-choices>
+    </ui-select>
+      <br/>
+       <table class="table table-condensed table-hover">
+        <thead>
+          <tr>
+            <th></th>
+            <th>User</th>
+            <th>Permission</th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+        <tr ng-repeat="grantee in $ctrl.grantees">
+          <td width="50px"><img ng-src="{{grantee.gravatar_url}}" height="40px"/></td>
+          <td>{{grantee.name}} </td>
+          <td>{{grantee.access_type}}</td>
+          <td><button class="pull-right btn btn-sm btn-danger" ng-click="$ctrl.removeGrantee(grantee)">Remove</button></td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>

client/app/components/queries/alert-unsaved-changes.js

@@ -0,0 +1,37 @@
+function alertUnsavedChanges($window) {
+  return {
+    restrict: 'E',
+    replace: true,
+    scope: {
+      isDirty: '=',
+    },
+    link($scope) {
+      const unloadMessage = 'You will lose your changes if you leave';
+      const confirmMessage = `${unloadMessage}\n\nAre you sure you want to leave this page?`;
+      // store original handler (if any)
+      const _onbeforeunload = $window.onbeforeunload;
+
+      $window.onbeforeunload = function onbeforeunload() {
+        return $scope.isDirty ? unloadMessage : null;
+      };
+
+      $scope.$on('$locationChangeStart', (event, next, current) => {
+        if (next.split('?')[0] === current.split('?')[0] || next.split('#')[0] === current.split('#')[0]) {
+          return;
+        }
+
+        if ($scope.isDirty && !$window.confirm(confirmMessage)) {
+          event.preventDefault();
+        }
+      });
+
+      $scope.$on('$destroy', () => {
+        $window.onbeforeunload = _onbeforeunload;
+      });
+    },
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.directive('alertUnsavedChanges', alertUnsavedChanges);
+}

client/app/components/queries/api-key-dialog.js

@@ -0,0 +1,37 @@
+const ApiKeyDialog = {
+  template: `<div class="modal-header">
+    <button type="button" class="close" aria-label="Close" ng-click="$ctrl.close()"><span aria-hidden="true">&times;</span></button>
+</div>
+<div class="modal-body">
+    <h5>API Key</h5>
+    <pre>{{$ctrl.apiKey}}</pre>
+
+    <h5>Example API Calls:</h5>
+
+    <div>
+        Results in CSV format:
+
+        <pre>{{$ctrl.csvUrl}}</pre>
+
+        Results in JSON format:
+
+        <pre>{{$ctrl.jsonUrl}}</pre>
+    </div>
+</div>`,
+  controller(clientConfig) {
+    'ngInject';
+
+    this.apiKey = this.resolve.query.api_key;
+    this.csvUrl = `${clientConfig.basePath}api/queries/${this.resolve.query.id}/results.csv?api_key=${this.apiKey}`;
+    this.jsonUrl = `${clientConfig.basePath}api/queries/${this.resolve.query.id}/results.json?api_key=${this.apiKey}`;
+  },
+  bindings: {
+    resolve: '<',
+    close: '&',
+    dismiss: '&',
+  },
+};
+
+export default function init(ngModule) {
+  ngModule.component('apiKeyDialog', ApiKeyDialog);
+}

client/app/components/queries/embed-code-dialog.html

@@ -0,0 +1,17 @@
+<div class="modal-header">
+  <button type="button" class="close" aria-label="Close" ng-click="$ctrl.close()"><span aria-hidden="true">&times;</span></button>
+  <h4 class="modal-title">Embed Code</h4>
+</div>
+<div class="modal-body">
+  <h5>IFrame Embed</h5>
+  <div>
+    <code>&lt;iframe src="{{ $ctrl.embedUrl }}" width="720" height="391"&gt;&lt;/iframe&gt;</code>
+  </div>
+  <span class="text-muted">(height should be adjusted)</span>
+  <div ng-if="$ctrl.snapshotUrl">
+    <h5>Image Embed</h5>
+    <div>
+      <code style="overflow-wrap:break-word;">{{$ctrl.snapshotUrl}}</code>
+    </div>
+  </div>
+</div>

client/app/components/queries/embed-code-dialog.js

@@ -0,0 +1,25 @@
+import template from './embed-code-dialog.html';
+
+const EmbedCodeDialog = {
+  controller(clientConfig) {
+    'ngInject';
+
+    this.query = this.resolve.query;
+    this.visualization = this.resolve.visualization;
+
+    this.embedUrl = `${clientConfig.basePath}embed/query/${this.query.id}/visualization/${this.visualization.id}?api_key=${this.query.api_key}`;
+    if (window.snapshotUrlBuilder) {
+      this.snapshotUrl = window.snapshotUrlBuilder(this.query, this.visualization);
+    }
+  },
+  bindings: {
+    resolve: '<',
+    close: '&',
+    dismiss: '&',
+  },
+  template,
+};
+
+export default function init(ngModule) {
+  ngModule.component('embedCodeDialog', EmbedCodeDialog);
+}

client/app/components/queries/query-editor.js

@@ -0,0 +1,138 @@
+import 'brace';
+import 'brace/mode/python';
+import 'brace/mode/sql';
+import 'brace/mode/json';
+import 'brace/ext/language_tools';
+import { map } from 'underscore';
+
+// By default Ace will try to load snippet files for the different modes and fail.
+// We don't need them, so we use these placeholders until we define our own.
+function defineDummySnippets(mode) {
+  window.ace.define(`ace/snippets/${mode}`, ['require', 'exports', 'module'], (require, exports) => {
+    exports.snippetText = '';
+    exports.scope = mode;
+  });
+}
+
+defineDummySnippets('python');
+defineDummySnippets('sql');
+defineDummySnippets('json');
+
+function queryEditor(QuerySnippet) {
+  return {
+    restrict: 'E',
+    scope: {
+      query: '=',
+      schema: '=',
+      syntax: '=',
+    },
+    template: '<div ui-ace="editorOptions" ng-model="query.query"></div>',
+    link: {
+      pre($scope) {
+        $scope.syntax = $scope.syntax || 'sql';
+
+        $scope.editorOptions = {
+          mode: 'json',
+          // require: ['ace/ext/language_tools'],
+          advanced: {
+            behavioursEnabled: true,
+            enableSnippets: true,
+            enableBasicAutocompletion: true,
+            enableLiveAutocompletion: true,
+            autoScrollEditorIntoView: true,
+          },
+          onLoad(editor) {
+            // Release Cmd/Ctrl+L to the browser
+            editor.commands.bindKey('Cmd+L', null);
+            editor.commands.bindKey('Ctrl+L', null);
+
+            QuerySnippet.query((snippets) => {
+              window.ace.acequire(['ace/snippets'], (snippetsModule) => {
+                const snippetManager = snippetsModule.snippetManager;
+                const m = {
+                  snippetText: '',
+                };
+                m.snippets = snippetManager.parseSnippetFile(m.snippetText);
+                snippets.forEach((snippet) => {
+                  m.snippets.push(snippet.getSnippet());
+                });
+
+                snippetManager.register(m.snippets || [], m.scope);
+              });
+            });
+
+            editor.$blockScrolling = Infinity;
+            editor.getSession().setUseWrapMode(true);
+            editor.setShowPrintMargin(false);
+
+            $scope.$watch('syntax', (syntax) => {
+              const newMode = `ace/mode/${syntax}`;
+              editor.getSession().setMode(newMode);
+            });
+
+            $scope.$watch('schema', (newSchema, oldSchema) => {
+              if (newSchema !== oldSchema) {
+                const tokensCount =
+                  newSchema.reduce((totalLength, table) => totalLength + table.columns.length, 0);
+                // If there are too many tokens we disable live autocomplete,
+                // as it makes typing slower.
+                if (tokensCount > 5000) {
+                  editor.setOption('enableLiveAutocompletion', false);
+                } else {
+                  editor.setOption('enableLiveAutocompletion', true);
+                }
+              }
+            });
+
+            $scope.$parent.$on('angular-resizable.resizing', () => {
+              editor.resize();
+            });
+
+            editor.focus();
+          },
+        };
+
+
+        const schemaCompleter = {
+          getCompletions(state, session, pos, prefix, callback) {
+            if (prefix.length === 0 || !$scope.schema) {
+              callback(null, []);
+              return;
+            }
+
+            if (!$scope.schema.keywords) {
+              const keywords = {};
+
+              $scope.schema.forEach((table) => {
+                keywords[table.name] = 'Table';
+
+                table.columns.forEach((c) => {
+                  keywords[c] = 'Column';
+                  keywords[`${table.name}.${c}`] = 'Column';
+                });
+              });
+
+              $scope.schema.keywords = map(keywords, (v, k) =>
+                ({
+                  name: k,
+                  value: k,
+                  score: 0,
+                  meta: v,
+                }));
+            }
+            callback(null, $scope.schema.keywords);
+          },
+        };
+
+
+        window.ace.acequire(['ace/ext/language_tools'], (langTools) => {
+          langTools.addCompleter(schemaCompleter);
+        });
+      },
+    },
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.directive('queryEditor', queryEditor);
+}

client/app/components/queries/query-results-link.js

@@ -0,0 +1,26 @@
+import moment from 'moment';
+
+function queryResultLink() {
+  return {
+    restrict: 'A',
+    link(scope, element, attrs) {
+      const fileType = attrs.fileType ? attrs.fileType : 'csv';
+      scope.$watch('queryResult && queryResult.getData()', (data) => {
+        if (!data) {
+          return;
+        }
+
+        if (scope.queryResult.getId() == null) {
+          element.attr('href', '');
+        } else {
+          element.attr('href', `api/queries/${scope.query.id}/results/${scope.queryResult.getId()}.${fileType}${scope.embed ? `?api_key=${scope.apiKey}` : ''}`);
+          element.attr('download', `${scope.query.name.replace(' ', '_') + moment(scope.queryResult.getUpdatedAt()).format('_YYYY_MM_DD')}.${fileType}`);
+        }
+      });
+    },
+  };
+}
+
+export default function init(ngModule) {
+  ngModule.directive('queryResultLink', queryResultLink);
+}

client/app/components/queries/schedule-dialog.html

@@ -0,0 +1,18 @@
+<div class="modal-header">
+    <button type="button" class="close" aria-label="Close" ng-click="$ctrl.close()"><span aria-hidden="true">&times;</span></button>
+    <h4 class="modal-title">Refresh Schedule</h4>
+</div>
+<div class="modal-body">
+    <div class="radio">
+        <label>
+            <input type="radio" value="periodic" ng-model="$ctrl.refreshType">
+            <query-refresh-select refresh-type="$ctrl.refreshType" query="$ctrl.query" save-query="$ctrl.saveQuery"></query-refresh-select>
+        </label>
+    </div>
+    <div class="radio">
+        <label>
+            <input type="radio" value="daily" ng-model="$ctrl.refreshType">
+            <query-time-picker refresh-type="$ctrl.refreshType" query="$ctrl.query" save-query="$ctrl.saveQuery"></query-time-picker>
+        </label>
+    </div>
+</div>

client/app/components/queries/schedule-dialog.js

@@ -0,0 +1,150 @@
+import moment from 'moment';
+import { map, range, partial } from 'underscore';
+
+import template from './schedule-dialog.html';
+
+function padWithZeros(size, v) {
+  let str = String(v);
+  if (str.length < size) {
+    str = `0${str}`;
+  }
+  return str;
+}
+
+function queryTimePicker() {
+  return {
+    restrict: 'E',
+    scope: {
+      refreshType: '=',
+      query: '=',
+      saveQuery: '=',
+    },
+    template: `
+      <select ng-disabled="refreshType != 'daily'" ng-model="hour" ng-change="updateSchedule()" ng-options="c as c for c in hourOptions"></select> :
+      <select ng-disabled="refreshType != 'daily'" ng-model="minute" ng-change="updateSchedule()" ng-options="c as c for c in minuteOptions"></select>
+    `,
+    link($scope) {
+      $scope.hourOptions = map(range(0, 24), partial(padWithZeros, 2));
+      $scope.minuteOptions = map(range(0, 60, 5), partial(padWithZeros, 2));
+
+      if ($scope.query.hasDailySchedule()) {
+        const parts = $scope.query.scheduleInLocalTime().split(':');
+        $scope.minute = parts[1];
+        $scope.hour = parts[0];
+      } else {
+        $scope.minute = '15';
+        $scope.hour = '00';
+      }
+
+      $scope.updateSchedule = () => {
+        const newSchedule = moment().hour($scope.hour)
+          .minute($scope.minute)
+          .utc()
+          .format('HH:mm');
+
+        if (newSchedule !== $scope.query.schedule) {
+          $scope.query.schedule = newSchedule;
+          $scope.saveQuery();
+        }
+      };
+
+      $scope.$watch('refreshType', () => {
+        if ($scope.refreshType === 'daily') {
+          $scope.updateSchedule();
+        }
+      });
+    },
+  };
+}
+
+function queryRefreshSelect() {
+  return {
+    restrict: 'E',
+    scope: {
+      refreshType: '=',
+      query: '=',
+      saveQuery: '=',
+    },
+    template: `<select
+                ng-disabled="refreshType != 'periodic'"
+                ng-model="query.schedule"
+                ng-change="saveQuery()"
+                ng-options="c.value as c.name for c in refreshOptions">
+                <option value="">No Refresh</option>
+                </select>`,
+    link($scope) {
+      $scope.refreshOptions = [
+        {
+          value: '60',
+          name: 'Every minute',
+        },
+      ];
+
+      [5, 10, 15, 30].forEach((i) => {
+        $scope.refreshOptions.push({
+          value: String(i * 60),
+          name: `Every ${i} minutes`,
+        });
+      });
+
+      range(1, 13).forEach((i) => {
+        $scope.refreshOptions.push({
+          value: String(i * 3600),
+          name: `Every ${i}h`,
+        });
+      });
+
+      $scope.refreshOptions.push({
+        value: String(24 * 3600),
+        name: 'Every 24h',
+      });
+      $scope.refreshOptions.push({
+        value: String(7 * 24 * 3600),
+        name: 'Every 7 days',
+      });
+      $scope.refreshOptions.push({
+        value: String(14 * 24 * 3600),
+        name: 'Every 14 days',
+      });
+      $scope.refreshOptions.push({
+        value: String(30 * 24 * 3600),
+        name: 'Every 30 days',
+      });
+
+      $scope.$watch('refreshType', () => {
+        if ($scope.refreshType === 'periodic') {
+          if ($scope.query.hasDailySchedule()) {
+            $scope.query.schedule = null;
+            $scope.saveQuery();
+          }
+        }
+      });
+    },
+
+  };
+}
+
+const ScheduleForm = {
+  controller() {
+    this.query = this.resolve.query;
+    this.saveQuery = this.resolve.saveQuery;
+
+    if (this.query.hasDailySchedule()) {
+      this.refreshType = 'daily';
+    } else {
+      this.refreshType = 'periodic';
+    }
+  },
+  bindings: {
+    resolve: '<',
+    close: '&',
+    dismiss: '&',
+  },
+  template,
+};
+
+export default function init(ngModule) {
+  ngModule.directive('queryTimePicker', queryTimePicker);
+  ngModule.directive('queryRefreshSelect', queryRefreshSelect);
+  ngModule.component('scheduleDialog', ScheduleForm);
+}

client/app/components/queries/schema-browser.html

@@ -0,0 +1,25 @@
+<div class="schema-container">
+  <div class="schema-control">
+    <input type="text" placeholder="Search schema..." class="form-control" ng-model="$ctrl.schemaFilter">
+    <button class="btn btn-default"
+            title="Refresh Schema"
+            ng-click="$ctrl.onRefresh()">
+      <span class="zmdi zmdi-refresh"></span>
+    </button>
+  </div>
+
+  <div class="schema-browser" vs-repeat vs-size="$ctrl.getSize(table)">
+    <div ng-repeat="table in $ctrl.schema | filter:$ctrl.schemaFilter track by table.name">
+      <div class="table-name" ng-click="$ctrl.showTable(table)">
+        <i class="fa fa-table"></i>
+        <strong>
+          <span title="{{table.name}}">{{table.name}}</span>
+          <span ng-if="table.size !== undefined"> ({{table.size}})</span>
+        </strong>
+      </div>
+      <div uib-collapse="table.collapsed">
+        <div ng-repeat="column in table.columns track by column" style="padding-left:16px;">{{column}}</div>
+      </div>
+    </div>
+  </div>
+</div>

client/app/components/queries/schema-browser.js

@@ -0,0 +1,33 @@
+import template from './schema-browser.html';
+
+function SchemaBrowserCtrl($scope) {
+  'ngInject';
+
+  this.showTable = (table) => {
+    table.collapsed = !table.collapsed;
+    $scope.$broadcast('vsRepeatTrigger');
+  };
+
+  this.getSize = (table) => {
+    let size = 18;
+
+    if (!table.collapsed) {
+      size += 18 * table.columns.length;
+    }
+
+    return size;
+  };
+}
+
+const SchemaBrowser = {
+  bindings: {
+    schema: '<',
+    onRefresh: '&',
+  },
+  controller: SchemaBrowserCtrl,
+  template,
+};
+
+export default function init(ngModule) {
+  ngModule.component('schemaBrowser', SchemaBrowser);
+}