Merge branch 'master' of github.com:getredash/redash

Fix syntax error

.coveragerc

@@ -1,5 +1,9 @@
+[run]
+branch = True
+source = redash
+
 [report]
 omit =
     */settings.py
     */python?.?/*
-    */site-packages/nose/*
+show_missing = True

.github/ISSUE_TEMPLATE.md

@@ -1,10 +1,17 @@
-Welcome to Redash's GitHub repo! 👋🎉
+<!--
+#####################################################################
+#
+# Need support? USE THE FORUM! https://discuss.redash.io/c/support.
+#
+# Don't have steps to reproduce and actually not sure it's a bug?
+# Use the forum! https://discuss.redash.io/c/support.
+#
+#####################################################################
 
-Do you need help or have a question? Checkout the Support category in our discussion forum: https://discuss.redash.io/c/support. 
-
-Got an idea for a new feature? Check if it isn't on the roadmap already: http://bit.ly/redash-roadmap and start a new discussion in the features category: https://discuss.redash.io/c/feature-requests 🌟.
+**Got an idea for a new feature?** Check if it isn't on the roadmap already: http://bit.ly/redash-roadmap and start a new discussion in the features category: https://discuss.redash.io/c/feature-requests 🌟.
 
 Found a bug? Please fill out the sections below... thank you 👍
+-->
 
 ### Issue Summary
 

.gitignore

@@ -1,7 +1,11 @@
+.venv
+.cache
+.coverage.*
 .coveralls.yml
 .idea
 *.pyc
 .coverage
+coverage.xml
 client/dist
 .DS_Store
 celerybeat-schedule*
@@ -9,14 +13,8 @@ celerybeat-schedule*
 \#*#
 *~
 _build
-
-# Vagrant related
-.vagrant
-Berksfile.lock
-redash/dump.rdb
+.vscode
 .env
-.ruby-version
-venv
 
 dump.rdb
 

CHANGELOG.md

@@ -1,5 +1,252 @@
 # Change Log
 
+## UNRELEASED
+
+### Added
+
+- MatterMost alert destination. @alon710
+- Full screen view on map visualizations. @deecay
+- Choropleth map visualization 🗺. @kravets-levko
+- Report Celery queue size. @arikfr
+- Load dashboard refresh rate from URL. @arikfr
+- Configuration for query refresh intervals. @arikfr
+
+### Changed
+
+- TreasureData: improve query failure message. @toru-takahashi
+- Update botocore version (fixes an issue with loading Athena tables). @arikfr
+- Changed Map visualization name to "Map (Markers)" to distinguish from the Choropleth one. @arikfr
+- Use MongoClient for ReplicaSet connections. @fmy
+- Update pymongo version to support newer MongoDB versions. @arikfr
+- Changed "his" to "their" in user creation form success message. @tnetennba3
+- Show friendly names in dynamic forms labels. @arikfr
+- Render safe HTML by default in tables to remain backward compatible. @arikfr
+- Apply time limit to alert status checking task. @arikfr
+- Plotly: increase Y value accuracy. @arikfr
+- close metadata database connection early in the execute query Celery task. @arikfr
+
+### Fixed
+
+- Query page layout gets messed up when clicking on "cancel" in "Do you want to leave this page?" dialog. @kravets-levko
+- docker-entrypoint broke for other database names than "postgres". @valentin2105
+- (BigQuery) UDF URI was used even if empty. @arikfr
+- Show correct Box Plot chart hover data. @deeccay
+- Fork button shows in data only view, but not working. @arikfr
+- Saving widget sends too much data to the server, sometimes making dashboard save fail. @arikfr
+- DynamoDB: always return counter as a number rather than string. @arikfr
+- MSSQL: UUID fields were detected as booleans. @arikfr
+- The whole dashboard page reloads when clicking on refresh. @arikfr
+- Line chart with category x-axis: when some values missing, wrong hints displayed on hover. @kravets-levko
+- Second Y-axis not displayed when stacking enabled. @kravets-levko
+- Widget with empty contents had extra 40px of white space (paddings of container). @kravets-levko
+- Add scrollbars to pivot table widgets. @kravets-levko
+- Multiple performance, usability and auto-height related fixes to the dashboard rendering engine (also switched to GridStack). @kravets-levko
+- Login form missing on LDAP logging page. @idalin
+- Empty state: show connect data source link only to admins. @arikfr
+- Dashboard "dancing" widgets (when auto-height enabled). @kravets-levko
+
+### Other
+
+- Webpack: ignore vim swap files. @deecay
+
+## v4.0.0-rc.1 - 2018-03-05
+
+### Added
+
+- Configuration for query refresh intervals.
+- [Prometheus] Support for range queries. @jubel-han
+- Extensions system based on Python entrypoints. @jezdez
+- Funnel visualization. @tonyjiangh
+- UI to edit allowed Google OAuth domains. @arikfr
+- Empty state for homepage, alerts, queries and dashboards pages. @kocsmy, @arikfr
+
+### Changed
+
+- Maintain widget's auto-height state until it's been resized by the user. @kravets-levko
+- Change default table viz width from 4 to 3 columns. @kravets-levko
+- When saving dashboard adding or removing widgets, save only modified widgets (with changed size and/or position). @kravets-levko
+- Don't allow disabling Password based login if no SSO is enabled. @arikfr
+- Always show login page, even if password based login disabled. @arikfr
+- Upgrade `sqlparse` to 0.2.4. @ariarijp
+- Make sure datetime/number columns in table visualization don't wrap. @kravets-levko
+- Explicitly set order of tabs in settings page. @kravets-levko
+- User can no longer change the type of a saved visualization. @kravets-levko
+- Update docker-compose.yml to restart postgres/redis containers `unless-stopped`. @benmanns
+- New default colors for chart visualizations. @kocsmy
+- Updated design of all the authentication pages (login, forgot password, etc). @kravets-levko
+
+### Fixed
+
+- Glue schemas with more than 100 tables were showing only first 100 tables. @jezdez
+- Long visualizations dind't render scrollbars on some browsers. @kravets-levko
+- When the dataset was returning some columns name as non strings, table couldn't be rendered. @kravets-levko
+- Missing logos for Prometheus and Snowflake. @kocsmy
+- Render correct link to LDAP login on login page. @arikfr
+- Sort widgets by column/row to make sure they are placed correctly. @arikfr
+- Public dashboards were not rendered due to Javascript error. @kravets-levko
+
+## v4.0.0-beta - 2018-02-14
+
+### Added
+
+- Massive update to the UI/UX of the whole application. @kocsmy, @kravets-levko, @arikfr
+- Flexible dashboard layout: resize widgets both vertically and horizonally. @kravets-levko
+- Configuration and new options for the table visualization. @kravets-levko
+- API to return internal usage events. @arikfr
+- Add an option to set a common prefix to the backend logs. @arikfr
+- [MongoDB] support nested fields in results. @arikfr
+- Cohort visualization: add options and fix rendering logic. @kravets-levko
+- Table visualization: `URL` column type. @kravets-levko
+- Table visualization: `Image` column type. @kravets-levko
+- [BigQuery] show amount of data scanned. @arikfr
+- Make dashboard refresh intervals configurable. @arikfr
+- Button to insert table/column name from schema into the query text. @kravets-levko
+- [Athena] show amount of data scanned. @washort
+- [Salesforce] Add setting to set the API version. @mayconbordin
+- UI for configuration options (auth, date format, etc). @arikfr
+- CLI command to create the root user. @kyoshidajp
+- [Redshift] support for loading late binding views in schema browser. @tonyjiangh
+- Show user's profile picture and load it from Google when using Google OAuth. @kyoshidajp
+- CockroachDB query runner. @yershalom
+- MAPD query runner. @cdessanti
+- Pie chart: show subplot titles. @deecay
+
+### Changed
+
+- Make trusted header authentication compatible with multiorg mode. @sjakthol
+- Update AWS RDS certificate bundle. @arikfr
+- Add Prometheus to the default query runners list. @arikfr
+- [Athena] update botocore version to support Glue. @arikfr
+- Support for quotes passwords in the Redis and Postgres connection URLs. @javier-sanz
+- Change the way static assets are served. @arikfr
+- [BigQuery] Properly handle RECORD fields in schema (show the nested fields). @arikfr
+- Upgrade to Celery 3.1.25 in preparation to Celery 4. @jezdez
+- Remove loading indicator when updating query parameter value (before executing). @kravets-levko
+- Improvements to the chart visualization (see #2156 for details). @kravets-levko
+- Start searching for queries immediately instead of waiting for 3 characters. @kyoshidajp
+- Make all references to Elasticsearch be properly capitalized. @kakakakakku
+- Use PostgreSQL's FTS/tsvector type for query searches. @jezdez
+- [Redshift] Make sslmode configurable. @sjakthol
+- Allow passing options to tests Docker command. @arikfr
+- Improve error handling mechanism and make error pages friendlier. @kravets-levko, @kocsmy, @arikfr
+- Make LDAP settings names more consistent. @gramakri
+- [Oracle] support for non SELECT queries. @doddjc21
+- Admin can no longer remove themselves from the built-in groups. @negibouze
+- Update pie charts font style. @deecay
+- Upgrade psycopg2 for support PostgreSQL 10.0. @kyoshidajp
+- Convert all stylesheets to LESS. @kravets-levko
+- [Elasticsearch] Collect doc_count field from aggregation. @arjan
+- Switch to pytest. @jezdez
+- Ensure email is case-insensitive. @miketheman
+- [Redshift] change default SSL mode to prefer. @arikfr
+- Return Redis memory usage in bytes for easier monitoring. @kakakakakku
+- create_db command in docker-entrypoint waits for Postgres to become available first. @ariarijp
+- [Elasticsearch] set source_content_type on ES queries to support Elasticsearch 6.0. @alexdrans
+- Show `-` instead of `Invalid Date` for null values given to `dateTime` filter. @kyoshidajp
+
+### Fixed
+
+- Parameters list was resetting when adding a new parameter. @arikfr
+- Don't escape values in non-html columns. @kravets-levko
+- Commit SAML user group assignment to the database. @sjakthol
+- Update correct settings in SAML settings form. @sjakthol
+- Fix Google OAuth login in MULTIORG mode. @shinji19
+- Strip annotation from query when path is specified in Script query runner. @ariarijp
+- Fix filter headers when there are multiple rows of filters. @kocsmy
+- Update query version when changing query data source. @washort
+- Fix upgrade script to support changes in CircleCI. @rgjodekerken
+- Don't show error indicators after submitting the user form. @bamboo-yujiro
+- [Query Results] support unicode column names. @tonyjiangh
+- Issue with Google OAuth caused by old pyOpenSSL version. @crooy
+- Fix layout of outdated queries admin view. @bamboo-yujiro
+- User can't download query results of a new query. @arikfr
+- Typo in celery logs format. @ariarijp
+- Handling whitespace characters in Query Results data source. @ariarijp
+- [MySQL] Close cursor when cancellig the query. @jasonsmithj
+
+
+## v3.0.0 - 2017-11-13
+
+### 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

CONTRIBUTING.md

@@ -60,7 +60,7 @@ If you would like to suggest an enhancement or ask for a new feature:
 
 ### Documentation
 
-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.
+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/website/_kb) 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
 

LICENSE

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

Makefile

@@ -1,20 +0,0 @@
-NAME=redash
-VERSION=`python ./manage.py version`
-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
-
-deps:
-	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" *
-
-upload:
-	python bin/release_manager.py $(CIRCLE_SHA1) $(BASE_VERSION) $(FILENAME)
-
-test:
-	nosetests --with-coverage --cover-package=redash tests/

README.md

@@ -43,7 +43,7 @@ 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 **_Redash_**? Fork the project, edit in a [dev environment](https://redash.io/help-onpremise/setup/setting-up-development-environment-using-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
 

bin/docker-entrypoint

@@ -22,6 +22,10 @@ server() {
   exec /usr/local/bin/gunicorn -b 0.0.0.0:5000 --name redash -w${REDASH_WEB_WORKERS:-4} redash.wsgi:app
 }
 
+create_db() {
+  exec /app/manage.py database create_tables
+}
+
 help() {
   echo "Redash Docker."
   echo ""
@@ -36,11 +40,18 @@ help() {
   echo "dev_server -- start Flask development server with debugger and auto reload"
   echo "create_db -- create database tables"
   echo "manage -- CLI to manage redash"
+  echo "tests -- run tests"
 }
 
 tests() {
   export REDASH_DATABASE_URL="postgresql://postgres@postgres/tests"
-  exec make test
+
+  if [ $# -eq 0 ]; then
+    TEST_ARGS=tests/
+  else
+    TEST_ARGS=$@
+  fi
+  exec pytest $TEST_ARGS
 }
 
 case "$1" in
@@ -57,22 +68,29 @@ case "$1" in
     scheduler
     ;;
   dev_server)
+    export FLASK_DEBUG=1
     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
+    create_db
     ;;
   manage)
     shift
     exec /app/manage.py $*
     ;;
   tests)
-    tests
+    shift
+    tests $@
     ;;
-  *)
+  help)
+    shift
     help
     ;;
+  *)
+    exec "$@"
+    ;;
 esac
+

bin/pack

@@ -0,0 +1,8 @@
+#!/bin/bash
+NAME=redash
+VERSION=$(python ./manage.py version)
+FULL_VERSION=$VERSION+b$CIRCLE_BUILD_NUM
+FILENAME=$CIRCLE_ARTIFACTS/$NAME.$FULL_VERSION.tar.gz
+
+sed -ri "s/^__version__ = '([A-Za-z0-9.-]*)'/__version__ = '$FULL_VERSION'/" redash/__init__.py
+tar -zcv -f $FILENAME --exclude="optipng*" --exclude=".git*" --exclude="*.pyc" --exclude="*.pyo" --exclude="venv" --exclude="node_modules" *

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

@@ -1,4 +1,5 @@
 #!/usr/bin/env python
+import urllib
 import argparse
 import os
 import subprocess
@@ -74,13 +75,13 @@ class Release(namedtuple('Release', ('version', 'download_url', 'filename', 'des
 
 
 def get_latest_release_from_ci():
-    response = requests.get('https://circleci.com/api/v1.1/project/github/getredash/redash/latest/artifacts')
+    response = requests.get('https://circleci.com/api/v1.1/project/github/getredash/redash/latest/artifacts?branch=master')
 
     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/', '')
+    filename = urllib.unquote(tarball_asset['pretty_path'].split('/')[-1])
     version = filename.replace('redash.', '').replace('.tar.gz', '')
 
     release = Release(version, tarball_asset['url'], filename, '')
@@ -203,7 +204,9 @@ def show_description_and_confirm(description):
 
 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()))
+        red("The found release is not newer than your current deployed release ({}).".format(current_version()))
+        if not confirm("Continue with upgrade?"):
+            red("Cancelling upgrade.")
             exit(1)
 
 

circle.yml

@@ -10,21 +10,22 @@ dependencies:
     - pip install --upgrade setuptools
     - pip install -r requirements_dev.txt
     - pip install -r requirements.txt
-    - make deps
+    - npm install
+    - npm run build
   cache_directories:
     - node_modules/
 test:
   override:
-    - nosetests --with-xunit --xunit-file=$CIRCLE_TEST_REPORTS/junit.xml --with-coverage --cover-package=redash tests/
+    - pytest --junitxml=$CIRCLE_TEST_REPORTS/junit.xml tests/
 deployment:
-  github_and_docker:
-    branch: master
+  tarball:
+    branch: [master, /release.*/]
     commands:
-      - make pack
-      # Skipping uploads for now, until master is stable.
-      # - make upload
-      #- echo "client/app" >> .dockerignore
-      #- docker pull redash/redash:latest
+      - bin/pack
+  docker:
+    tag: /v[0-9]+(\.[0-9\-a-z]+)*/
+    commands:
+      - bin/pack
       - 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/\+/./")

client/.babelrc

@@ -1,4 +1,10 @@
 {
   "presets": ["es2015", "stage-2"],
-  "plugins": ["transform-object-assign"]
+  "plugins": [
+    "angularjs-annotate",
+    "transform-object-assign",
+    ["babel-plugin-transform-builtin-extend", {
+      "globals": ["Error"]
+    }]
+  ]
 }

client/.eslintignore

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

client/.eslintrc.js

@@ -1,15 +1,32 @@
 module.exports = {
   root: true,
-  extends: 'airbnb-base',
+  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,
-    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
+    "prefer-destructuring": "off",
+    "prefer-template": "off",
+    "no-restricted-properties": "off",
+    "no-restricted-globals": "off",
+    "no-multi-assign": "off",
+    "no-lonely-if": "off",
+    "consistent-return": "off",
+    "max-len": ['error', 120, 2, {
+      ignoreUrls: true,
+      ignoreComments: false,
+      ignoreRegExpLiterals: true,
+      ignoreStrings: true,
+      ignoreTemplateLiterals: true,
+    }]
   }
-}
+};

client/app/assets/css/redash.css

@@ -2,19 +2,6 @@ body {
   padding-top: 50px;
 }
 
-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;
 }
@@ -327,20 +314,38 @@ pivot-table-renderer > table, grid-renderer > div, visualization-renderer > div
 counter-renderer {
   display: block;
   text-align: center;
+  padding: 15px 10px;
+  overflow: hidden;
 }
 
 counter-renderer counter {
-  margin: 0 auto;
-  padding: 15px 50px;
-  display: block;;
+  margin: 0;
+  display: block;
+  font-size: 80px;
+  overflow: hidden;
 }
 
 counter-renderer value,
+counter-renderer counter-name,
 counter-renderer counter-target {
-  font-size: 80px;
+  font-size: 1em;
+  line-height: 1em;
   display: block;
 }
 
+counter-renderer value .ruler,
+counter-renderer counter-name .ruler,
+counter-renderer counter-target .ruler {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font: inherit;
+  line-height: inherit;
+  margin: 0;
+  padding: 0;
+}
+
 counter-renderer counter-target {
   color: #ccc;
 }
@@ -355,7 +360,7 @@ counter-renderer counter.negative value {
 }
 
 counter-renderer counter-name {
-  font-size: 40px;
+  font-size: 0.5em;
   display: block;
 }
 
@@ -620,10 +625,6 @@ div.table-name:hover {
   transition: all 0.35s ease;
 }
 
-.schema-browser .collapse.in {
-  background: #f4f4f4;
-}
-
 .navbar .collapse.in {
   background: #222;
 }
@@ -702,3 +703,16 @@ div.table-name:hover {
 .dropdown-menu > .disabled > a{
  pointer-events: none;
 }
+
+.map-visualization-container {
+  height: 500px;
+}
+
+.plotly-chart-container {
+  height: 400px;
+  overflow: hidden;
+}
+
+visualization-renderer .pagination {
+  margin: 0;
+}

client/app/assets/css/superflat_redash.css

@@ -1781,6 +1781,9 @@ fieldset[disabled] .form-control {
 textarea.form-control {
   height: auto;
 }
+textarea.v-resizable {
+  resize: vertical;
+}
 input[type="search"] {
   -webkit-appearance: none;
 }
@@ -8592,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/assets/images/google_logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"><defs><path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"/><path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/><path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/><path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/></svg>

client/app/assets/less/STYLING-README.md

@@ -0,0 +1,8 @@
+# Styling readme
+
+Some general rules before you add stuff.
+
+- Avoid using inline css
+- If possible, use classes that are already in place instead of adding new
+- Keep less/inc folder untouched, rewrite things in less/redash respectively 
+- Try following BEM naming conventions: http://getbem.com/naming/

client/app/assets/less/inc/404.less

@@ -0,0 +1,73 @@
+.four-zero {
+	background: @white;
+	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
+	border-radius: 2px;
+	position: absolute;
+	top: 50%;
+	margin-top: -150px;
+	text-align: center;
+	padding: 15px;
+	height: 300px;
+	width: 500px;
+	left: 50%;
+	color: #333;
+	margin-left: -250px;
+	
+	h2 {
+		font-size: 130px;
+	}
+
+	
+	@media (max-width: @screen-xs-max) {
+		width: ~"calc(100% - 40px)";
+		left: 20px;
+		margin-left: 0;
+		height: 260px;
+		margin-top: -130px;
+		
+		h2 {
+			font-size: 90px;
+		}
+        }
+	
+	h2 {
+		line-height: 100%;
+		font-weight: 100;
+	}
+	
+	small {
+		display: block;
+		font-size: 26px;
+		margin-top: -10px
+	}
+	
+	
+	footer {
+		background: @ace;
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		width: 100%;
+		padding: 10px;
+		
+		& > a {
+			font-size: 21px;
+			display: inline-block;
+			color: #333;
+			margin: 0 1px;
+			line-height: 40px;
+			width: 40px;
+			height: 40px;
+			background: rgba(0, 0, 0, 0.09);
+			border-radius: 50%;
+			text-align: center;
+			
+			&:hover {
+				background: rgba(0, 0, 0, 0.2);
+			}
+		}
+	}
+}
+
+
+

client/app/assets/less/inc/ace-editor.less

@@ -0,0 +1,7 @@
+.ace_editor {
+  border: 1px solid #eee;
+  height: 100%;
+  margin-bottom: 10px;
+}
+
+

client/app/assets/less/inc/alert.less

@@ -0,0 +1,45 @@
+.alert {
+    padding-left: 30px;
+    padding-right: 30px;
+    
+    span {
+        cursor: pointer;
+    }
+}
+
+.alert-dismissable,
+.alert-dismissible {
+    padding-right: 44px;
+} 
+
+.alert-inverse {
+    .alert-variant(@alert-inverse-bg; @alert-inverse-border; @alert-inverse-text);
+}
+
+.alert-link {
+    color: #fff !important;
+    font-weight: normal !important;
+    text-decoration: underline;
+}
+
+.growl-animated {
+    &.alert-inverse {
+        box-shadow: 0 0 5px fade(@alert-inverse-bg, 50%);
+    }
+    
+    &.alert-info {
+        box-shadow: 0 0 5px fade(@alert-info-bg, 50%);
+    }
+
+    &.alert-success {
+        box-shadow: 0 0 5px fade(@alert-success-bg, 50%);
+    }
+
+    &.alert-warning {
+        box-shadow: 0 0 5px fade(@alert-warning-bg, 50%);
+    }
+
+    &.alert-danger {
+        box-shadow: 0 0 5px fade(@alert-danger-bg, 50%);
+    }
+}

client/app/assets/less/inc/angular.less

@@ -0,0 +1,8 @@
+a[ng-click] {
+  cursor: pointer;
+}
+
+/* Immediately apply ng-cloak, instead of waiting for angular.js to load: */
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+  display: none !important;
+}

client/app/assets/less/inc/base.less

@@ -0,0 +1,88 @@
+*, button, input, i, a {
+    -webkit-font-smoothing: antialiased;
+}
+
+*,
+*:active,
+*:hover {
+    outline: none !important;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+}
+
+html {
+    overflow-x: ~"hidden\0/";
+    -ms-overflow-style: auto;
+}
+
+html, body {
+    min-height: 100vh;
+}
+
+body {
+    padding-top: @header-height;
+    position: relative;
+    padding-bottom: @footer-height;
+    &.headless {
+        padding-top: 0;
+        padding-bottom: 0;
+        .nav.app-header {
+            display: none;
+        }
+        div#footer {
+            display: none;
+        }
+    }
+}
+
+strong {
+    font-weight: 500;
+}
+
+#content {
+    position: relative;
+    padding-top: 30px;
+    padding-bottom: 30px;
+
+    @media (min-width: (@screen-sm-min + 1)) {
+        padding-right: 15px;
+        padding-left: 15px;
+    }
+
+    @media (min-width: (@screen-lg-min + 80px)) {
+        margin-left: @sidebar-left-width;
+    }
+
+    @media (min-width: @screen-sm-min) and (max-width: (@screen-md-max + 80px)) {
+        margin-left: @sidebar-left-mid-width;
+    }
+
+    @media (max-width: (@screen-sm-min)) {
+        margin-left: 0;
+    }
+}
+
+.container {
+    &.c-boxed {
+        max-width: @boxed-width;
+    }
+}
+
+.scrollbox {
+    overflow: auto;
+    position: relative;
+
+}
+
+.resize-vertical {
+    resize: vertical !important;
+    transition: height 0s !important;
+}
+.resize-horizontal {
+    resize: horizontal !important;
+    transition: width 0s !important;
+}
+.resize-both,
+.resize-vertical.resize-horizontal {
+    resize: both !important;
+    transition: height 0s, width 0s !important;
+}

client/app/assets/less/inc/bootstrap-overrides.less

@@ -0,0 +1,42 @@
+/** Media - Overriding the Media object to 3.2 version in order to prevent issues like text overflow. **/
+.media {
+    margin-top: 0;
+    .clearfix();
+
+    & > .pull-left {
+        padding-right: 15px;
+    }
+
+    & > .pull-right {
+        padding-left: 15px;
+    }
+
+    overflow: visible;
+}
+
+.media-heading {
+    font-size: 14px;
+    margin-bottom: 10px;
+}
+
+.media-body {
+    zoom: 1;
+    display: block;
+    width: auto;
+}
+
+.media-object {
+    border-radius: 2px;
+}
+
+.collapsing,
+.collapse.in {
+    padding: 5px 10px;
+    transition: all 0.35s ease;
+}
+
+/** LIST **/
+.list-inline > li {
+    vertical-align: top;
+    margin-left: 0;
+}

client/app/assets/less/inc/breadcrumb.less

@@ -0,0 +1,29 @@
+.breadcrumb {
+    border-bottom: 1px solid #E5E5E5;
+    border-radius: 0;
+    padding-top: 10px;
+    padding-right: 33px;
+    padding-bottom: 11px;
+    
+    @media (min-width: (@screen-lg-min + 80px)) { 
+        padding-left: (@sidebar-left-width + @grid-gutter-width);
+    }
+    
+    @media (min-width: @screen-sm-min) and (max-width: (@screen-md-max + 80px)) {
+        padding-left: (@sidebar-left-mid-width + @grid-gutter-width);
+    }
+       
+    @media (max-width: (@screen-sm-min)) {
+        padding-left: @grid-gutter-width/2;
+    }
+    
+    & > li {
+        & > a {
+            color: #A9A9A9;
+            
+            &:hover {
+                color: @breadcrumb-active-color;
+            }
+        }
+    }
+}

client/app/assets/less/inc/button.less

@@ -0,0 +1,124 @@
+.btn {
+    &:not(.btn-alt) {
+        border: 0;
+    }
+
+    &[class*="bg-"]:not(.bg-white) {
+        color: #fff;
+    }
+
+    .caret {
+        margin-top: -3px;
+    }
+
+    &:not(.btn-link) {
+        &:active,
+        &.active,
+        &:hover {
+
+        }
+    }
+}
+
+.btn-default {
+    .button-variant(#333, #eee, transparent);
+}
+
+.btn-inverse {
+    .button-variant(#fff, #454545, transparent);
+}
+
+.btn-link {
+    color: #333;
+}
+
+.btn-icon {
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    padding: 0;
+    text-align: center;
+
+    .zmdi {
+        font-size: 17px;
+    }
+}
+
+.btn-icon-text {
+    & > .zmdi {
+        font-size: 15px;
+        vertical-align: top;
+        display: inline-block;
+        margin-top: 2px;
+        line-height: 100%;
+        margin-right: 5px;
+    }
+}
+
+.open .btn {
+    outline: none !important;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+
+    &:focus, &:active {
+        outline: none !important;
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
+    }
+}
+
+/** ALTERNATIVE BUTTONS **/
+.btn-alt(@color) {
+    border-color: @color;
+    color: @color;
+
+    &:not(.btn-white) {
+        &:hover,
+        &:active,
+        &:focus {
+            color: #fff;
+            background: @color;
+        }
+    }
+
+    &.btn-white {
+        &:hover,
+        &:active,
+        &:focus {
+            color: #333;
+            background: @color;
+        }
+    }
+}
+
+.btn-alt {
+    background: transparent;
+
+    &.btn-default {
+        .btn-alt(darken(@brand-default, 30%));
+    }
+
+    &.btn-info {
+        .btn-alt(@brand-info);
+    }
+
+    &.btn-primary {
+        .btn-alt(@brand-primary);
+    }
+
+    &.btn-success {
+        .btn-alt(@brand-success);
+    }
+
+    &.btn-warning {
+        .btn-alt(@brand-warning);
+    }
+
+    &.btn-danger {
+        .btn-alt(@brand-danger);
+    }
+}
+
+.btn-xs > .fa {
+  font-size: 14px;
+  top: 1px;
+  position: relative;
+}

client/app/assets/less/inc/carousel.less

@@ -0,0 +1,41 @@
+.carousel-caption {
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0,0,0,0.6);
+    
+    h3 {
+        margin-top: 0;
+        margin-bottom: 3px;
+        color: #fff;
+    }
+}
+
+.carousel-indicators {
+    bottom: 10px;
+    
+    & > li:not(.active) {
+        border: 0;
+        background: #000;
+    }
+}
+
+.carousel-control {
+    width: 50px;
+    background: none;
+    
+    .fa {
+        font-size: 50px;
+        height: 52px;
+        margin-top: -26px;
+        position: absolute;
+        top: 50%;
+        .margin-left(-9px);
+    }
+}
+
+@media @max-768 {
+    .carousel-indicators, .carousel-caption {
+        display: none;
+    }
+}

client/app/assets/less/inc/chart.less

@@ -0,0 +1,237 @@
+/* --------------------------------------------------------
+    Chart Helper Classes
+-----------------------------------------------------------*/
+.main-chart {
+    margin: 0px -8px 0 -10px;
+    overflow: hidden;
+    position: relative;
+    bottom: -10px;
+}
+
+.mc-item {
+    width: 100%;
+    height: 250px;
+}
+
+.mc-pie {
+    width: 100%;
+    height: 300px;
+}
+
+@media (min-width: @screen-sm-min) {
+    .mc-info {
+        position: absolute;
+        bottom: 10px;
+        z-index: 1;
+        padding: 10px 20px 15px;
+        left: 10px;
+        background-color: rgba(0, 150, 136, 0.55);
+        color: #fff;
+        max-width: 270px;
+        
+        span {
+            font-size: 33px;
+        }
+        
+        small {
+            display: block;
+            margin-top: -3px;
+            margin-left: 3px;
+            line-height: 130%;
+        }
+    }
+}
+
+/* --------------------------------------------------------
+    Overview Small Charts
+-----------------------------------------------------------*/
+.o-item {
+    padding: 0 20px 15px 20px;
+    color: #fff;
+    margin-bottom: @grid-gutter-width;
+    box-shadow: @tile-shadow;
+}
+
+.oi-number {
+    font-size: 23px;
+    display: block;
+    margin-top: 6px;
+    margin-bottom: 3px; 
+    line-height: 100%;
+}
+
+.oi-title {
+    text-transform: uppercase;
+    .text-overflow();
+    line-height: 100%;
+    padding: 10px 15px;
+    width: auto;
+    margin: 0 -21px 20px;
+}
+
+
+/* --------------------------------------------------------
+    Count Box
+-----------------------------------------------------------*/
+.count-box {
+    padding: 20px 23px 0;
+    
+    [class*="col-"] {
+        padding-left: 8px;
+        padding-right: 8px;
+    }
+}
+
+.cb-item {
+    background: rgba(255,255,255,0.22);
+    padding: 10px 0;
+    text-align: center;
+    margin-bottom: 16px;
+    
+    & > h3 {
+        margin: 0;
+        line-height: 100%;
+        color: #fff;
+        font-weight: normal;
+    }
+    
+    & > small {
+        line-height: 100%;
+        margin-top: 1px;
+        display: block;
+        font-size: 11px;
+        color: #fff;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Flot Charts
+-----------------------------------------------------------*/
+.flot-legend {
+    text-align: center;
+    margin: 10px 0 5px;
+    
+    table {
+        display: inline-block;
+    }
+    
+    .legendColorBox {
+        & > div {
+            border: #fff !important;
+            
+            & > div {
+                border-radius: 50%;
+            }
+        }
+    }
+    
+    .legendLabel {
+        padding: 0 8px 0 3px;
+    }
+}
+
+[class*="flc-"] {
+    text-align: center;
+    margin: 20px 0 5px;
+    
+    table {
+        display: inline-block;
+    }
+    
+    .legendColorBox {
+        & > div {
+            border: #fff !important;
+            
+            & > div {
+                border-radius: 50%;
+            }
+        }
+    }
+    
+    .legendLabel {
+        padding: 0 8px 0 3px;
+    }
+}
+
+/* --------------------------------------------------------
+    Easy Pie Charts
+-----------------------------------------------------------*/
+.pie-overviews {
+    margin-bottom: -15px;
+}
+
+.po-item {
+    display: inline-block;
+    position: relative;
+    margin: 0 5px 10px;
+    padding-bottom: 13px;
+    color: #fff;
+}
+
+.poi-percent {
+    position: absolute;
+    text-align: center;
+    width: 100%;
+    margin-top: 32px;
+    font-size: 27px;
+    text-shadow: none;
+    padding-left: 2px;
+    
+    &:after {
+        content: '%';
+        font-size: 11px;
+    }
+}
+
+.poi-title {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+    font-size: 12px;
+    
+    i {
+        font-size: 15px;
+        font-weight: normal;
+        -webkit-font-smoothing: antialiased;
+        .opacity(0.5);
+        
+        &:hover {
+            .opacity(1);
+            cursor: pointer;
+        }
+    }
+}
+
+/* --------------------------------------------------------
+    Chart Tooltips
+-----------------------------------------------------------*/
+#jqstooltip,
+.chart-tooltip {
+    min-width: 21px;
+    min-height: 23px;
+    text-align: center;
+    border: 0;
+    background: #333;
+}
+
+#jqstooltip .jqsfield,
+.chart-tooltip {
+    font-size: 12px;
+    font-weight: 500;
+    font-family: inherit;
+    text-align: center;
+    color: #fff;
+}
+
+#jqstooltip .jqsfield {
+    & > span {
+        display: none;
+    }
+}
+
+.chart-tooltip {
+    position: absolute;
+    padding: 6px 10px 5px;
+}

client/app/assets/less/inc/dropdown.less

@@ -0,0 +1,97 @@
+
+.dropdown-menu {
+    z-index: 1000000000;
+    box-shadow: @dropdown-shadow;
+    margin-top: 1px;
+    border-width: 0;
+    .animated(fadeIn, 300ms);
+
+    > .disabled{
+        cursor: not-allowed;
+        // The real magic ;)
+        > a {
+            pointer-events: none;
+        }
+    }
+
+    & > li > a {
+        padding: 8px 17px;
+    }
+
+    &.dm-icon {
+        & > li > a > .zmdi {
+            line-height: 100%;
+            vertical-align: top;
+            font-size: 18px;
+            width: 28px;
+        }
+    }
+
+    &:not([class*="bg-"]) {
+        & > li > a {
+            color: #4C4C4C;
+
+            &:hover {
+                color: #000;
+            }
+        }
+    }
+
+    &[class*="bg-"] {
+        & > li > a {
+            font-weight: 300;
+            color: #fff;
+        }
+    }
+}
+
+.dropdown-header {
+    padding: 10px 15px 9px;
+    text-transform: uppercase;
+    font-weight: normal;
+    border-radius: 1px 1px 0 0;
+    line-height: 100%;
+    border-radius: 2px 2px 0 0;
+
+    &[class*="bg-"] {
+        color: #fff;
+    }
+
+    .actions {
+        top: 0;
+        right: 0;
+
+        & > li > a {
+            display: block;
+            padding: 6px 0 5px;
+            width: 33px;
+            text-align: center;
+
+            &:hover {
+                background: rgba(0,0,0,0.08);
+            }
+        }
+    }
+}
+
+.dropdown-menu {
+  >span {
+    >li {
+      >a {
+        display: block;
+        padding: 3px 20px;
+        clear: both;
+        font-weight: normal;
+        line-height: 1.428571429;
+        color: #333333;
+        white-space: nowrap;
+        &:hover, &:focus {
+          color: #ffffff;
+          text-decoration: none;
+          background-color: #428bca;
+        }
+      }
+    }
+  }
+}
+

client/app/assets/less/inc/edit-in-place.less

@@ -0,0 +1,63 @@
+.edit-in-place span {
+  white-space: pre-line;
+
+  p {
+    margin-bottom: 0;
+  }
+}
+
+.edit-in-place span.editable {
+  cursor: pointer;
+}
+
+.edit-in-place span.editable:hover {
+  background: @redash-yellow;
+  border-radius: @redash-radius;
+}
+
+.edit-in-place input,
+.edit-in-place textarea {
+  display: none;
+}
+
+.edit-in-place.active span {
+  display: none;
+}
+
+.edit-in-place.active input,
+.edit-in-place.active textarea {
+  display: inline-block;
+}
+
+.edit-in-place {
+  display: inline-block;
+}
+
+.edit-in-place {
+  .rd-form-control {
+    padding: 0px 6px;
+    width: 30vw;
+  }
+
+  &.active {
+    textarea.rd-form-control {
+      height: 29px;
+      width: 40vw;
+    }
+  }
+}
+
+
+@media (max-width: 880px) {
+  .edit-in-place {
+    .rd-form-control {
+      width: 50vw;
+    }
+
+    &.active {
+      textarea.rd-form-control {
+        width: 50vw;
+      }
+    }
+  }
+}

client/app/assets/less/inc/flex.less

@@ -0,0 +1,38 @@
+.d-flex         { display: flex !important; }
+.d-inline-flex  { display: inline-flex !important; }
+
+.flex-row            { flex-direction: row !important; }
+.flex-column         { flex-direction: column !important; }
+.flex-row-reverse    { flex-direction: row-reverse !important; }
+.flex-column-reverse { flex-direction: column-reverse !important; }
+
+.flex-wrap         { flex-wrap: wrap !important; }
+.flex-nowrap       { flex-wrap: nowrap !important; }
+.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
+.flex-fill         { flex: 1 1 auto !important; }
+
+.justify-content-start   { justify-content: flex-start !important; }
+.justify-content-end     { justify-content: flex-end !important; }
+.justify-content-center  { justify-content: center !important; }
+.justify-content-between { justify-content: space-between !important; }
+.justify-content-around  { justify-content: space-around !important; }
+
+.align-items-start    { align-items: flex-start !important; }
+.align-items-end      { align-items: flex-end !important; }
+.align-items-center   { align-items: center !important; }
+.align-items-baseline { align-items: baseline !important; }
+.align-items-stretch  { align-items: stretch !important; }
+
+.align-content-start   { align-content: flex-start !important; }
+.align-content-end     { align-content: flex-end !important; }
+.align-content-center  { align-content: center !important; }
+.align-content-between { align-content: space-between !important; }
+.align-content-around  { align-content: space-around !important; }
+.align-content-stretch { align-content: stretch !important; }
+
+.align-self-auto     { align-self: auto !important; }
+.align-self-start    { align-self: flex-start !important; }
+.align-self-end      { align-self: flex-end !important; }
+.align-self-center   { align-self: center !important; }
+.align-self-baseline { align-self: baseline !important; }
+.align-self-stretch  { align-self: stretch !important; }

client/app/assets/less/inc/font.less

@@ -0,0 +1,22 @@
+///* --------------------------------------------------------
+//    Roboto Light - 300
+//-----------------------------------------------------------*/
+//.font-face(roboto, 'Roboto-Light-webfont', 300, normal);
+//
+//
+///* --------------------------------------------------------
+//    Roboto Regular - 400
+//-----------------------------------------------------------*/
+//.font-face(roboto, 'Roboto-Regular-webfont', 400, normal);
+//
+//
+///* --------------------------------------------------------
+//    Roboto Medium - 500
+//-----------------------------------------------------------*/
+//.font-face(roboto, 'Roboto-Medium-webfont', 500, normal);
+//
+//
+///* --------------------------------------------------------
+//    Roboto Bold - 700
+//-----------------------------------------------------------*/
+//.font-face(roboto, 'Roboto-Bold-webfont', 700, normal);

client/app/assets/less/inc/footer.less

@@ -0,0 +1,48 @@
+#footer {
+    position: absolute;
+    bottom: 0;
+    text-align: center;
+    width: 100%;
+    height: @footer-height;
+    color: #a2a2a2;
+    padding-top: 10px;
+    padding-bottom: 15px;
+
+    .f-menu {
+        display: block;
+        width: 100%;
+        .list-inline();
+        margin-top: 8px;
+
+        & > li > a {
+            color: #a2a2a2;
+
+            &:hover {
+                color: #777;
+            }
+        }
+    }
+
+    @media (min-width: (@screen-lg-min + 80px)) {
+        padding-left: (@sidebar-left-width + @grid-gutter-width);
+    }
+
+    @media (min-width: @screen-sm-min) and (max-width: (@screen-md-max + 80px)) {
+        padding-left: (@sidebar-left-mid-width + @grid-gutter-width);
+    }
+
+    @media (max-width: (@screen-sm-min)) {
+        padding-left: @grid-gutter-width/2;
+    }
+}
+
+.footer {
+  color: #818d9f;
+  padding-bottom: 30px;
+  a {
+    color: #818d9f;
+    margin-left: 20px;
+  }
+}
+
+

client/app/assets/less/inc/form.less

@@ -0,0 +1,310 @@
+label {
+    font-weight: 500;
+}
+
+textarea.v-resizable {
+    resize: vertical;
+}
+
+.form-group {
+  &.required {
+    .control-label {
+      &:after {
+        content: " *";
+        color: inherit;
+      }
+    }
+  }
+  &.has-error {
+    .help-block {
+      &.error {
+        display: block;
+      }
+    }
+  }
+  .help-block {
+    &.error {
+      display: none;
+    }
+  }
+}
+
+/* light version of bootstrap's form-control */
+.rd-form-control {
+  display: block;
+  padding: 6px 12px;
+  line-height: 1.428571429;
+  color: #555555;
+  vertical-align: middle;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+  width: 90%;
+}
+
+
+/* --------------------------------------------------------
+    Input Fields
+-----------------------------------------------------------*/
+.form-control {
+    .transition(all);
+    .transition-duration(300ms);
+    resize: none;
+    box-shadow: 0 0 0 40px rgba(0, 0, 0, 0) !important;
+    border-radius: 0;
+
+    &:focus {
+        box-shadow: 0 0 1px -2px rgba(121,194,255,0.5) !important;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Custom Checkbox + Radio
+-----------------------------------------------------------*/
+.cra-validatation(@color) {
+    input[type="checkbox"], input[type="radio"] {
+        & + .input-helper {
+            border-color: @color;
+        }
+
+        &:checked + .input-helper:before {
+            background: @color;
+        }
+    }
+}
+
+.cr-alt {
+    position: relative;
+    padding-top: 0;
+    margin: 0;
+
+    label {
+        position: relative;
+        padding-left: 28px;
+    }
+
+    &.has-success {
+        .cra-validatation(@green);
+    }
+
+    &.has-warning {
+        .cra-validatation(@orange);
+
+    }
+
+    &.has-error {
+        .cra-validatation(@red);
+
+    }
+
+    input[type="checkbox"], input[type="radio"] {
+        .opacity(0);
+        width: 20px;
+        height: 20px;
+        position: absolute;
+        z-index: 10;
+        margin: 0;
+        top: 0;
+        left: 0;
+        cursor: pointer;
+
+        & + .input-helper {
+            border: 1px solid @input-border;
+            width: 19px;
+            height: 19px;
+            background: #fff;
+            position: absolute;
+            left: 0;
+            top: -1px;
+            cursor: pointer;
+        }
+
+        &:checked + .input-helper:before {
+            content: "";
+            width: 9px;
+            height: 9px;
+            background: #31ACFF;
+            position: absolute;
+            left: 4px;
+            top: 4px;
+        }
+    }
+
+    input[type="radio"] {
+        & + i {
+            border-radius: 50%;
+        }
+
+        &:checked + i:before {
+            border-radius: 50%;
+        }
+    }
+
+    &.disabled {
+        .opacity(0.7);
+    }
+}
+
+.checkbox-inline,
+.radio-inline {
+    padding-left: 27px;
+}
+
+
+/* --------------------------------------------------------
+    Input Addon
+-----------------------------------------------------------*/
+.input-group {
+    .input-group-addon {
+        min-width: 40px;
+        color: #333;
+        padding: 0;
+    }
+
+    &:not([class*="input-group-"]) {
+        .input-group-addon {
+            font-size: 15px;
+        }
+    }
+}
+
+
+/* --------------------------------------------------------
+    Toggle Switch
+-----------------------------------------------------------*/
+.ts-color(@color){
+    input {
+        &:not(:disabled) {
+            &:checked {
+                & + .ts-helper {
+                    background: fade(@color, 50%);
+
+                    &:before {
+                        background: @color;
+                    }
+
+                    &:active {
+                        &:before {
+                            box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px fade(@color, 20%);
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.toggle-switch {
+    display: inline-block;
+    vertical-align: top;
+    .user-select(none);
+
+    .ts-label {
+        display: inline-block;
+        margin: 0 20px 0 0;
+        vertical-align: top;
+        -webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
+        transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .ts-helper {
+        display: inline-block;
+        position: relative;
+        width: 40px;
+        height: 16px;
+        border-radius: 8px;
+        background: rgba(0,0,0,0.26);
+        -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
+        transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
+        vertical-align: middle;
+        cursor: pointer;
+
+        &:before {
+            content: '';
+            position: absolute;
+            top: -4px;
+            left: -4px;
+            width: 24px;
+            height: 24px;
+            background: #fafafa;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.28);
+            border-radius: 50%;
+            webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
+            transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+    }
+
+    &:not(.disabled) {
+        .ts-helper {
+            &:active {
+                &:before {
+                    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);
+                }
+            }
+        }
+    }
+
+    input {
+        position: absolute;
+        z-index: 1;
+        width: 46px;
+        margin: 0 0 0 -4px;
+        height: 24px;
+        .opacity(0);
+        cursor: pointer;
+
+        &:checked {
+            & + .ts-helper {
+                &:before {
+                    left: 20px;
+                }
+            }
+        }
+    }
+
+    &:not([data-ts-color]){
+        .ts-color(@teal);
+    }
+
+    &.disabled {
+        .opacity(0.6);
+    }
+
+    &[data-ts-color="red"] {
+        .ts-color(@red);
+    }
+
+    &[data-ts-color="blue"] {
+        .ts-color(@blue);
+    }
+
+    &[data-ts-color="amber"] {
+        .ts-color(@amber);
+    }
+
+    &[data-ts-color="purple"] {
+        .ts-color(@purple);
+    }
+
+    &[data-ts-color="pink"] {
+        .ts-color(@pink);
+    }
+
+    &[data-ts-color="lime"] {
+        .ts-color(@lime);
+    }
+
+    &[data-ts-color="cyan"] {
+        .ts-color(@cyan);
+    }
+
+    &[data-ts-color="green"] {
+        .ts-color(@green);
+    }
+
+}

client/app/assets/less/inc/generics.less

@@ -0,0 +1,154 @@
+/* --------------------------------------------------------
+    Generate Margin Classes (0px - 25px)
+    margin, margin-top, margin-bottom, margin-left, margin-right
+-----------------------------------------------------------*/
+.margin (@label, @size: 1, @key:1) when (@size =< 30){
+    .m-@{key} {
+        margin: @size !important;
+    }
+    
+    .m-t-@{key} {
+        margin-top: @size !important;
+    }
+    
+    .m-b-@{key} {
+        margin-bottom: @size !important;
+    }
+    
+    .m-l-@{key} {
+        margin-left: @size !important;
+    }
+    
+    .m-r-@{key} {
+        margin-right: @size !important;
+    }
+    
+    .margin(@label - 5; @size + 5; @key + 5);
+}
+
+.margin(25, 0px, 0);
+
+.m-2{
+  margin:2px;
+}
+
+/* --------------------------------------------------------
+    Generate Padding Classes (0px - 25px)
+    padding, padding-top, padding-bottom, padding-left, padding-right
+-----------------------------------------------------------*/
+.padding (@label, @size: 1, @key:1) when (@size =< 30){
+    .p-@{key} {
+        padding: @size !important;
+    }
+    
+    .p-t-@{key} {
+        padding-top: @size !important;
+    }
+    
+    .p-b-@{key} {
+        padding-bottom: @size !important;
+    }
+    
+    .p-l-@{key} {
+        padding-left: @size !important;
+    }
+    
+    .p-r-@{key} {
+        padding-right: @size !important; 
+    }
+    
+    .padding(@label - 5; @size + 5; @key + 5);
+} 
+
+.padding(25, 0px, 0);
+
+
+/* --------------------------------------------------------
+    Generate Font-Size Classes (8px - 20px)
+-----------------------------------------------------------*/
+.font-size (@label, @size: 8, @key:10) when (@size =< 20){
+    .f-@{key} {
+        font-size: @size !important;
+    }
+    
+    .font-size(@label - 1; @size + 1; @key + 1);
+} 
+
+.font-size(20, 8px, 8);
+
+
+/* --------------------------------------------------------
+    Font Weight
+-----------------------------------------------------------*/
+.f-300 { font-weight: 300 !important; }
+.f-400 { font-weight: 400 !important; }
+.f-500 { font-weight: 500 !important; }
+.f-700 { font-weight: 700 !important; }
+
+
+/* --------------------------------------------------------
+    Position
+-----------------------------------------------------------*/
+.p-relative { position: relative !important; }
+.p-absolute { position: absolute !important; }
+.p-fixed { position: fixed !important; }
+.p-static { position: static !important; }
+
+
+/* --------------------------------------------------------
+    Overflow
+-----------------------------------------------------------*/
+.o-hidden { overflow: hidden !important; }
+.o-visible { overflow: visible !important; }
+.o-auto { overflow: auto !important; }
+
+
+/* --------------------------------------------------------
+    Display
+-----------------------------------------------------------*/
+.di-block { display: inline-block !important; } 
+.d-block { display: block; }
+
+/* --------------------------------------------------------
+    Background Colors and Colors
+-----------------------------------------------------------*/
+@array: c-white bg-white @white, c-ace bg-ace @ace, c-black bg-black @black, c-brown bg-brown @brown, c-pink bg-pink @pink, c-red bg-red @red, c-blue bg-blue @blue, c-purple bg-purple @purple, c-deeppurple bg-deeppurple @deeppurple, c-lightblue bg-lightblue @lightblue, c-cyan bg-cyan @cyan, c-teal bg-teal @teal, c-green bg-green @green, c-lightgreen bg-lightgreen @lightgreen, c-lime bg-lime @lime, c-yellow bg-yellow @yellow, c-amber bg-amber @amber, c-orange bg-orange @orange, c-deeporange bg-deeporange @deeporange, c-gray bg-gray @gray, c-bluegray bg-bluegray @bluegray, c-indigo bg-indigo @indigo;
+
+.for(@array); .-each(@value) {
+    @name:  extract(@value, 1);
+    @name2:  extract(@value, 2);
+    @color: extract(@value, 3); 
+    &.@{name2} {
+        background-color: @color !important;
+    }
+    
+    &.@{name} {
+        color: @color !important;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Background Colors
+-----------------------------------------------------------*/
+.bg-brand { background-color: @brand-bg; }
+.bg-black-trp { background-color: rgba(0,0,0,0.12) !important; }
+
+
+
+/* --------------------------------------------------------
+    Borders
+-----------------------------------------------------------*/
+.b-0 { border: 0 !important; }
+
+
+/* --------------------------------------------------------
+    Width
+-----------------------------------------------------------*/
+.w-100 { width: 100% !important; }
+
+
+/* --------------------------------------------------------
+    Border Radius
+-----------------------------------------------------------*/
+.brd-2 { border-radius: 2px; }

client/app/assets/less/inc/growl.less

@@ -0,0 +1,28 @@
+/* angular-growl */
+.growl {
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
+  float: right;
+  width: 250px;
+  z-index: 10000;
+}
+
+.growl-item.ng-enter,
+.growl-item.ng-leave {
+  -webkit-transition: 0.5s linear all;
+  -moz-transition: 0.5s linear all;
+  -o-transition: 0.5s linear all;
+  transition: 0.5s linear all;
+}
+
+.growl-item.ng-enter,
+.growl-item.ng-leave.ng-leave-active {
+  opacity: 0;
+}
+
+.growl-item.ng-leave,
+.growl-item.ng-enter.ng-enter-active {
+  opacity: 1;
+
+}

client/app/assets/less/inc/header.less

@@ -0,0 +1,366 @@
+#header {
+    width: 100%;
+    z-index: 10;
+    top: 0;
+    left: 0;
+    background-color: #fff;
+    height: @header-height;
+    
+    &.affix {
+        box-shadow: 0 0 20px rgba(0, 0, 0, 0.23);
+    }
+    
+    &:not(.affix) {
+        box-shadow: @tile-shadow;
+        position: fixed;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Top Menu
+-----------------------------------------------------------*/
+.header-inner {
+    padding: 0;
+    margin: 0;
+    width: 100%;
+    list-style: none;
+
+    & > li {
+        &:not(.pull-right) {
+            float: left;
+        }
+        
+        @media (max-width: @screen-sm-min) {
+            &:not(.top-search) {
+                position: static;
+            }
+            
+            .dropdown-menu {
+                width: ~"calc(100% - 30px)";
+                margin-left: 15px;
+            }
+        }
+
+        & > a {
+            height: @header-height;
+            color: #333;
+            min-width: 45px;
+            display: block;
+            position: relative;
+            
+            & > .zmdi {
+                font-size: 22px;
+                line-height: @header-height;
+            }
+        }
+        
+        &:not(.logo) {
+            text-align: center;
+        }
+        
+        &.open > a:not([class*="hi-"]):before {
+            content: "";
+            width: 40px;
+            height: 40px;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            margin-top: -21px;
+            margin-left: -20px;
+            background: #eee;
+            border-radius: 50%;
+            z-index: -1;
+        }
+    }
+    
+    .dropdown-menu {
+        margin-top: -5px; 
+    }
+    
+    .open {
+        & > .hi-messages { color: @green; }
+        & > .hi-notifications { color: @orange; }
+        & > .hi-projects { color: @green; }
+        & > .hi-events { color: @blue; }
+        
+        .hi-count {
+            display: none;
+        }
+    }
+}
+
+.hi-count {
+    position: absolute;
+    font-style: normal;
+    background-color: @red;
+    padding: 0 4px;
+    font-size: 10px;
+    color: #fff;
+    line-height: 17px;
+    height: 17px;
+    top: 11px;
+    right: 6px;
+    border-radius: 50%;
+    width: 17px;
+}
+
+.hi-dropdown {
+    padding: 0;
+    
+    @media (min-width: @screen-sm-min) {
+        width: 350px;
+    }
+}
+
+/* --------------------------------------------------------
+    Logo
+-----------------------------------------------------------*/
+.logo {
+    position: relative; 
+    z-index: 2;
+    height: @logo-height;
+    
+    @media (min-width: (@screen-lg-min + 80px)) { 
+        width: @logo-width;
+        background-color: #000;
+        margin-right: 15px;
+        
+        & > a {
+            padding: 15px 22px;
+        }
+    }
+    
+    @media (max-width: (@screen-md-max + 80px)) {
+        width: @sidebar-left-mid-width;
+        
+        & > a {
+            display: none !important;
+        }
+    }
+    
+    @media (max-width: (@screen-sm-min)) {
+        padding: 12px;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Sidebar Trigger for mobile
+-----------------------------------------------------------*/
+#menu-trigger {
+    font-size: 21px;
+    text-align: center;
+    color: #fff;
+    cursor: pointer;
+    display: none;
+    background: #000;
+    height: 100%;
+    
+    &.toggled i:before {
+        content: '\f2ea';
+    }
+    
+    @media (min-width: (@screen-sm-min + 1)) {
+        line-height: @header-height;
+    }
+    
+    @media (max-width: (@screen-md-max + 80px)) {
+        display: block;
+    }
+    
+    @media (max-width: (@screen-sm-min)) {
+        border-radius: 2px;
+        line-height: 39px;
+    }
+}
+        
+
+/* --------------------------------------------------------
+    Top Search
+-----------------------------------------------------------*/
+.top-search {
+    position: relative;
+    background: #fff;
+    height: @header-height;
+    
+    &:not(.toggled) {
+        width: 80px;
+        margin-left: 15px;
+        
+        &:before {
+            font-family: @font-icon;
+            content: "\f1c3";
+            position: absolute;
+            left: 0;
+            top: 15px;
+            font-size: 22px;
+            z-index: 1;
+            color: #333;
+        }
+            
+        .ts-reset {
+            display: none;    
+        }
+        
+        .ts-input {
+            cursor: pointer;
+        }
+        
+        @media (max-width: (@screen-xs-min - 150px)) {
+            width: 20px;
+        }
+    }
+    
+    .ts-input {
+        height: @header-height - 2px;
+        padding-left: 25px;
+        width: 100%;
+        border: 0;
+        position: relative;
+        background: transparent;
+        z-index: 1;
+    }
+    
+    &.toggled {
+        position: absolute;
+        top: 0;
+        font-size: 20px;
+        font-weight: normal;
+        z-index: 1;
+        width: 100%;
+        left: 0;
+        
+        @media (min-width: (@screen-lg-min + 80px)) {
+            padding-left: @sidebar-left-width;
+        }
+        
+        @media (min-width: (@screen-sm-min + 1px)) and (max-width: (@screen-md-max + 80px)) { 
+            padding-left: @sidebar-left-mid-width;
+        }
+        
+        .ts-input {
+            background: #fff;
+        }
+        
+        .ts-reset {
+            font-size: 11px; 
+            color: #fff; 
+            position: absolute;
+            top: 50%;
+            right: 15px;
+            z-index: 2;
+            width: 20px;
+            height: 20px;
+            background-color: #8E8E8E;
+            line-height: 20px;
+            text-align: center;
+            border-radius: 50%;
+            margin-top: -10px;
+            
+            &:hover {
+                cursor: pointer;
+                background: #333;
+            }
+        }
+    }
+}
+
+
+/* --------------------------------------------------------
+    Events
+-----------------------------------------------------------*/
+.event-time {
+    width: 67px; 
+    height: 50px;
+    text-align: center;
+    padding: 9px 0;
+    color: #fff;
+    border-radius: 2px;
+    margin-top: 2px;
+    
+    & > h2 {
+        margin: 0;
+        line-height: 100%;
+        font-size: 17px;
+        margin-bottom: -1px;
+        color: #fff;
+        font-weight: normal;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Apps
+-----------------------------------------------------------*/
+@media (min-width: @screen-sm-min) {
+    #launch-apps {    
+        padding: 0;
+        text-align: center;
+        width: 300px;
+    }
+    
+    .la-body {
+        padding: 20px 10px;
+    }
+    
+    .lab-item {
+        width: 60px;
+        display: inline-block;
+        margin: 10px;
+        
+        &:hover {
+            & > a {
+                .opacity(0.8);
+            }
+            
+            & > small {
+                color: #333;
+            }
+        }
+        
+        & > a {
+            height: 60px;
+            display: block;
+            color: #fff;
+            line-height: 70px;
+            border-radius: 50%;
+            .transition(opacity);
+        
+            & > i {
+                font-size: 25px;
+            }
+        }
+        
+        & > small { 
+            color: #969696;  
+            display: block;
+            margin-top: 5px; 
+            .transition(color);
+        } 
+  
+    }
+}
+
+
+/* --------------------------------------------------------
+    Time
+-----------------------------------------------------------*/
+#time {
+    font-size: 18px;
+    font-weight: 400;
+    background-color: @sidebar;
+    color: #FBFBFB;
+    padding: 4px 11px;
+    border-radius: 2px;
+    margin: 14px;
+    
+    span {
+        &:not(:last-child):after {
+            content: ":";
+            position: relative;
+            top: -1px;
+            right: -1px;
+        }
+    }
+}

client/app/assets/less/inc/ie-warning.less

@@ -0,0 +1,53 @@
+.ie-warning {
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 9999;
+	background: @black;
+	width: 100%;
+	height: 100%;
+	text-align: center;
+	color: #fff;
+	font-family: "Courier New", Courier, monospace;
+	padding: 50px 0;
+
+	p {
+		font-size: 17px;
+	}
+    
+    .iew-container {
+        min-width: 1024px;
+        width: 100%;
+        height: 200px;
+        background: #fff;
+        margin: 50px 0;
+    }
+
+	.iew-download {
+		list-style: none;
+		padding: 30px 0;
+		margin: 0 auto;
+        width: 720px;
+
+		& > li {
+			float: left;
+			vertical-align: top;
+
+			& > a {
+				display: block;
+				color: #000;
+				width: 140px;
+				font-size: 15px;
+				padding: 15px 0;
+
+				& > div {
+					margin-top: 10px;
+				}
+
+				&:hover {
+					background-color: #eee;
+				}
+			}
+		}
+	}
+}

client/app/assets/less/inc/jumbotron.less

@@ -0,0 +1,4 @@
+.jumbotron {
+    padding-left: 60px;
+    padding-right: 60px;
+}

client/app/assets/less/inc/label.less

@@ -0,0 +1,14 @@
+.label {
+    border-radius: 1px;
+    padding: 4px 5px 3px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    .label {
+        border-radius: 2px;
+    }
+}
+
+.badge {
+    border-radius: 1px;
+}

client/app/assets/less/inc/less-plugins/for.less

@@ -0,0 +1,10 @@
+
+.for(@i, @n) {.-each(@i)}
+.for(@n)     when (isnumber(@n)) {.for(1, @n)}
+.for(@i, @n) when not (@i = @n)  {
+    .for((@i + (@n - @i) / abs(@n - @i)), @n);
+}
+
+.for(@array)   when (default()) {.for-impl_(length(@array))}
+.for-impl_(@i) when (@i > 1)    {.for-impl_((@i - 1))}
+.for-impl_(@i) when (@i > 0)    {.-each(extract(@array, @i))}

client/app/assets/less/inc/list-group.less

@@ -0,0 +1,60 @@
+.list-group {
+    margin-bottom: 0;
+
+    &.lg-alt .list-group-item {
+        border: 0;
+    }
+
+    &:not(.lg-alt) {
+        &.lg-listview .list-group-item {
+            border-left: 0;
+            border-right: 0;
+
+            &:last-child {
+                border-bottom: 0;
+            }
+        }
+    }
+}
+
+ .list-group-item {
+   &.active {
+     button {
+       color: white;
+     }
+   }
+    .cr-alt {
+        line-height: 100%;
+        margin-top: 2px;
+    }
+ }
+
+.list-group-item-heading {
+    margin-bottom: 2px;
+    color: #333;
+
+    & > small {
+        font-size: 11px;
+        color: #C5C5C5;
+        margin-left: 10px;
+    }
+}
+
+.list-group-item-heading,
+.list-group-item-text {
+    .text-overflow();
+}
+
+.list-group-item-text {
+    display: block;
+
+    &:not(:last-child) {
+        margin-bottom: 4px;
+    }
+}
+
+.list-group-img {
+    width: 38px;
+    height: 38px;
+    border-radius: 2px;
+}

client/app/assets/less/inc/list.less

@@ -0,0 +1,23 @@
+.clist {
+    list-style: none;
+    
+    & > li {
+        &:before {
+            font-family: @font-icon;
+            margin: 0 10px 0 -20px;
+            vertical-align: middle;
+        }
+    }
+    
+    &.clist-angle > li:before {
+        content: "\f2fb";
+    }
+    
+    &.clist-check > li:before {
+        content: "\f26b";
+    }
+    
+    &.clist-star > li:before { 
+        content: "\f27d";
+    }
+}

client/app/assets/less/inc/login.less

@@ -0,0 +1,138 @@
+.login-content {
+    overflow: hidden;
+    height: 100%;
+    background: @brand-bg;
+    padding: 0;
+    text-align: center;
+    
+    &:after {
+        content: "";
+        vertical-align: middle; 
+        display: inline-block;
+        width: 1px;
+        height: 100vh;
+    }
+}
+
+.lc-block {
+    background: #fff;
+    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
+    border-radius: 2px;
+    width: 300px;
+    display: inline-block;
+    vertical-align: middle;
+    position: relative;
+    padding: 45px 30px 30px;
+    
+    &:not(.toggled) {
+        display: none;
+    }
+    
+    &.toggled {
+        .animated(fadeInUp, 300ms);
+        z-index: 10;
+    }
+    
+    @media (max-width: @screen-xs-max) {
+        padding: 15px 35px 25px 20px;
+        width: ~"calc(100% - 60px)";
+    }
+    
+    .form-control {
+        text-align: center;
+    }
+}
+
+.lcb-float {
+    width: 60px;
+    height: 60px;
+    background: #ffffff;
+    border-radius: 50%;
+    box-shadow: 0 -10px 19px rgba(0, 0, 0, 0.38);
+    position: absolute;
+    top: -35px;
+    left: 50%;
+    margin-left: -30px;
+    
+    img {
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+        padding: 4px;
+    }
+    
+    i {
+        color: #333;
+        font-size: 25px;
+        line-height: 60px;
+    }
+}
+
+.lcb-lockscreen {
+    position: relative;
+    
+    .form-control {
+        padding-right: 35px;
+    }
+    
+    .lcbl-btn {
+        background-color: #2196F3;
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 30px;
+        color: #fff;
+        font-size: 15px;
+        height: 27px;
+        margin: 4px;
+        line-height: 26px;
+        border-radius: 2px;
+    }
+}
+
+.login-navigation {     
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    width: 100%;
+    text-align: center;
+    left: 0%;
+    bottom: -45px;
+
+    & > li {
+        display: inline-block;
+        margin: 0 2px;
+        .transition(all);
+        .transition-duration(150ms);
+        cursor: pointer;
+        vertical-align: top;
+        color: #fff;
+        line-height: 16px;
+        min-width: 16px; 
+        min-height: 16px;
+        text-transform: uppercase;
+        .backface-visibility(hidden); 
+
+        & > span {
+            .opacity(0);
+        }
+
+        &:not(:hover) {
+            font-size: 0px;
+            border-radius: 100%;
+        }
+
+        &:hover {
+            border-radius: 10px;
+            padding: 0 5px;
+            font-size: 8px; 
+
+            & > span {
+                .opacity(1);
+            } 
+        }
+
+    }
+}
+ 

client/app/assets/less/inc/media.less

@@ -0,0 +1,124 @@
+/* --------------------------------------------------------
+    Thumbnail
+-----------------------------------------------------------*/
+.thumbnail {
+	a&:hover,
+	a&:focus,
+	a&.active {
+	    border-color: @thumbnail-border;
+	} 
+} 
+
+
+/* --------------------------------------------------------
+    Lightbox
+-----------------------------------------------------------*/
+.lightbox {
+    & > a {
+        position: relative;
+        .transition(opacity);
+        .transition-duration(300ms);
+        
+        & > img {
+            width: 100%;
+        }
+        
+        &:hover {
+            .opacity(0.8);
+        }
+    }
+    
+    & > a:not(.p-item) {   //Not for photo items
+        margin-bottom: 20px;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Carousel
+-----------------------------------------------------------*/
+.carousel {
+	.carousel-control {
+		.transition(all);
+		.transition-duration(250ms);
+		.opacity(0);
+		
+		.zmdi {
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			line-height: 100%;
+			
+			@media screen and (min-width: @screen-sm-min) {
+				font-size: 60px;
+				width: 60px;
+				height: 60px;
+				margin-top: -30px;
+				margin-left: -30px;
+			}
+			
+			@media screen and (max-width: @screen-sm-max) {
+				width: 24px;
+				height: 24px;
+				margin-top: -12px;
+				margin-left: -12px;
+			}
+		}
+	}
+	
+	&:hover {
+		.carousel-control {
+			.opacity(1);
+		}
+	}
+	
+	.carousel-caption {
+		background: rgba(0,0,0,0.6);
+		left: 0;
+		right: 0;
+		bottom: 0;
+		width: 100%;
+		padding-bottom: 50px;
+		
+		& > h3 {
+			color: #fff;
+			margin: 0 0 5px;
+			font-weight: 300;
+		}
+		
+		& > p {
+			margin: 0;
+		}
+		
+		@media screen and (max-width: @screen-sm-max) {
+			display: none;
+		}
+	}
+	
+	.carousel-indicators {
+		bottom: 10px;
+		margin: 0;
+		left: 0;
+		bottom: 0;
+		width: 100%;
+		padding: 0 0 6px;
+		background: rgba(0,0,0,0.6);
+		
+		li {
+			border-radius: 0;
+			width: 15px;
+			border: 0;
+			background: #fff;
+			height: 3px;
+			margin: 0;
+			.transition(all);
+			.transition-duration(250ms);
+			
+			&.active {
+				width: 25px;
+				height: 3px;
+				background: @orange;
+			}
+		}
+	}
+}

client/app/assets/less/inc/messages.less

@@ -0,0 +1,161 @@
+#messages-main {
+    position: relative;
+    margin: 0 auto;
+    .clearfix();
+    
+    .ms-menu {
+        position: absolute;
+        left: 0;
+        top: 0;
+        border-right: 1px solid #eee;
+        padding-bottom: 50px;
+        height: 100%;
+        width: 240px;
+        background: #fff;
+
+        @media (max-width: @screen-xs-max) {
+            height: ~"calc(100% - 58px)";
+            display: none;
+            z-index: 1;
+            top: 58px;
+
+            &.toggled {
+                display: block;
+            }
+        }
+    }
+    
+    .ms-body {
+        @media (min-width: @screen-sm-min) {
+            padding-left: 240px;
+        }
+
+        @media (max-width: @screen-xs-max) {
+            overflow: hidden;
+        }
+    }
+    
+    .ms-user {
+        padding: 15px;
+        background: @ace;
+        
+        & > div {
+            overflow: hidden;
+            padding: 3px 5px 0px 15px;
+            font-size: 11px;
+        }
+    }
+    
+    #ms-compose {
+        position: fixed;
+        bottom: 120px;
+        z-index: 1;
+        right: 30px;
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.14),0 4px 8px rgba(0, 0, 0, 0.28);
+    }
+}
+
+#ms-menu-trigger {
+    .user-select(none);
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 50px;
+    height: 100%;
+    text-align: right;
+    padding-right: 10px;
+    padding-top: 19px;
+    
+    i {
+        font-size: 21px;
+    }
+
+    &.toggled {
+        i:before{
+            content: '\f2ea';
+        }
+    }
+}
+
+
+/* --------------------------------------------------------
+    For Message
+-----------------------------------------------------------*/
+.message-feed {
+    padding: 20px;
+    
+    &.right {
+        text-align: right;
+        
+        & > .pull-right {
+            margin-left: 15px;
+        }
+    }
+    
+    &:not(.right) {
+        .mf-content {
+            background: @amber;
+            color: #fff;
+        }
+        
+        
+    }
+    
+    &.right .mf-content {
+        background: #eee;
+    }
+}
+
+.mf-content {
+    padding: 12px 17px 13px;
+    border-radius: 2px;
+    display: inline-block;
+    max-width: 80%;
+}
+
+.mf-date {
+    display: block;
+    color: #B3B3B3;
+    margin-top: 7px;
+    
+    & > i {
+        font-size: 14px;
+        line-height: 100%;
+        position: relative;
+        top: 1px;
+    }
+}
+
+.msb-reply {
+    box-shadow: 0 -20px 20px -5px #fff;
+    position: relative;
+    margin-top: 30px;
+    border-top: 1px solid #eee;
+    background: @ace;
+  
+    textarea {
+        width: 100%;
+        font-size: 13px;
+        border: 0;
+        padding: 10px 15px;
+        resize: none;
+        height: 60px;
+        background: transparent;
+    }
+    
+    button {
+        position: absolute;
+        top: 0;
+        right: 0;
+        border: 0;
+        height: 100%;
+        width: 60px;
+        font-size: 25px;
+        color: @blue;
+        background: transparent;
+        
+        &:hover {
+            background: #f2f2f2;
+        }
+    }
+}

client/app/assets/less/inc/misc.less

@@ -0,0 +1,228 @@
+/* --------------------------------------------------------
+    Actions
+-----------------------------------------------------------*/
+.actions {
+    position: absolute;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    
+    & > li {
+        display: inline-block;
+    
+        & > a {
+            display: block;
+            padding: 0 10px;
+            
+            & > i {
+                font-size: 20px;
+            }
+        }
+    }
+
+    .dropdown-menu {
+        min-width: 140px;
+        margin-top: -8px;
+        margin-right: -1px;
+    }
+    
+    &:not(.a-alt) {
+        & > li > a > i {
+            color: #939393;
+        }
+        
+        & > li.open > a > i,
+        & > li > a:hover > i {
+            color: #000;
+        }
+    }
+    
+    &.a-alt {
+        & > li > a > i {
+            color: #fff;
+        }
+    }
+}
+
+
+/* --------------------------------------------------------
+    View More
+-----------------------------------------------------------*/
+.view-more {
+    display: block;
+    padding: 5px 10px;
+    text-align: center;
+    border-top: 1px solid darken(@light-gray, 3%);
+    font-size: 12px;
+    margin-top: 15px;
+    color: #777777;
+    
+    &:hover {
+        color: #333;
+        background-color: @light-gray;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Page Header
+-----------------------------------------------------------*/
+.page-header {
+    padding: 0 22px;
+    font-weight: normal;
+    font-size: 19px;
+    margin: 0 0 20px 0;
+    
+    small {
+        text-transform: none;
+        display: block;
+        font-size: 12px;
+        color: #9C9C9C;
+        margin-top: 7px;
+        line-height: 140%;
+    }
+    
+    h3 {
+        margin: 0;
+        font-weight: normal;
+        font-size: 15px;
+        color: #333;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Close
+-----------------------------------------------------------*/
+.close {
+    font-weight: normal;
+    text-shadow: none;
+    .opacity(0.5);
+}
+
+
+/* --------------------------------------------------------
+    Action Header
+-----------------------------------------------------------*/
+.action-header {
+    position: relative;
+    background: @ace;
+    padding: 15px 13px 15px 17px;
+}
+
+.ah-actions {
+    z-index: 3;
+    float: right;
+    margin-top: 7px;
+    position: relative;
+}
+
+.ah-label {
+    color: #818181;
+    display: inline-block;
+    margin: 0;
+    font-size: 14px;
+    font-weight: normal;
+    padding: 0 6px;
+    line-height: 33px;
+    vertical-align: middle;
+    float: left;
+}
+
+.ah-search {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    z-index: 4;
+    background: #fff;
+    display: none;
+    
+    &:before {
+        content: "\f1c3";
+        font-family: 'Material-Design-Iconic-Font';
+        position: absolute;
+        left: 24px;
+        top: 17px;
+        font-size: 22px;
+    }
+}
+
+.ahs-input {
+    border: 0;
+    padding: 0 26px 0 55px;
+    height: 63px;
+    font-size: 18px;
+    width: 100%;
+    font-weight: 100;
+    background: #fff;
+    border-bottom: 1px solid #EEE;
+}
+
+.ahs-close {
+    font-style: normal;
+    position: absolute;
+    top: 23px;
+    right: 22px;
+    font-size: 17px;
+    width: 18px;
+    height: 18px;
+    background-color: #ADADAD;
+    line-height: 100%;
+    color: #fff;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 50%;
+    
+    &:hover {
+        background: #333;
+    }
+}
+
+
+/* --------------------------------------------------------
+    Load More
+-----------------------------------------------------------*/
+.load-more {
+    text-align: center;
+    margin-top: 30px;
+    
+    a {
+        padding: 5px 10px 3px;
+        display: inline-block;
+        background-color: @red;
+        color: #FFF;
+        border-radius: 2px;
+        white-space: nowrap;
+        
+        i {
+            font-size: 20px;
+            vertical-align: middle;
+            position: relative;
+            margin-top: -2px;
+        }
+        
+        &:hover {
+            background-color: darken(@red, 10%);
+        }
+    }
+}
+
+
+/* --------------------------------------------------------
+    Data List
+-----------------------------------------------------------*/
+.dl-horizontal dt {
+    text-align: left;
+}
+
+
+/* --------------------------------------------------------
+    User Avatar
+-----------------------------------------------------------*/
+.img-avatar {
+    height: 37px;
+    border-radius: 2px;
+    width: 37px;
+}

client/app/assets/less/inc/mixins.less

@@ -0,0 +1,82 @@
+/* --------------------------------------------------------
+    Font Face
+-----------------------------------------------------------*/
+.font-face(@family, @name, @weight: 300, @style){
+    @font-face{
+        font-family: @family;
+        src:url('../fonts/@{family}/@{name}.eot');
+        src:url('../fonts/@{family}/@{name}.eot?#iefix') format('embedded-opentype'),
+            url('../fonts/@{family}/@{name}.woff') format('woff'),
+            url('../fonts/@{family}/@{name}.ttf') format('truetype'),
+            url('../fonts/@{family}/@{name}.svg#icon') format('svg');
+        font-weight: @weight;
+        font-style: @style;
+    }
+}
+
+/* --------------------------------------------------------
+    Button Varients
+-----------------------------------------------------------*/
+.button-variant(@color; @background; @border) {
+    color: @color;
+    background-color: @background;
+    border-color: @border;
+  
+    &:hover,
+    &:focus,
+    &.focus,
+    &:active,
+    &.active,
+    .open > .dropdown-toggle& {
+        color: @color;
+        background-color: darken(@background, 2%);
+        border-color: darken(@border, 1%);
+    }
+    &:active,
+    &.active,
+    .open > .dropdown-toggle& {
+      background-image: none;
+    }
+    &.disabled,
+    &[disabled],
+    fieldset[disabled] & {
+        &,
+        &:hover,
+        &:focus,
+        &.focus,
+        &:active,
+        &.active {
+            background-color: @background;
+            border-color: @border;
+        }
+    }
+  
+    .badge {
+        color: @background;
+        background-color: @color;
+    }
+}
+
+
+/* --------------------------------------------------------
+    CSS Transform - Scale and Rotate
+-----------------------------------------------------------*/
+.scale-rotate(@scale, @rotate) {
+    -webkit-transform: scale(@scale) rotate(@rotate);
+    -ms-transform: scale(@scale) rotate(@rotate);
+    -o-transform: scale(@scale) rotate(@rotate);
+    transform: scale(@scale) rotate(@rotate);
+}
+
+
+/* --------------------------------------------------------
+    CSS Animations based on animate.css
+-----------------------------------------------------------*/
+.animated(@name, @duration) {
+    -webkit-animation-name: @name;
+    animation-name: @name;
+    -webkit-animation-duration: @duration;
+    animation-duration: @duration;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+}

client/app/assets/less/inc/modal.less

@@ -0,0 +1,65 @@
+.modal-header {
+    padding: 23px 26px;
+}
+
+.modal-body {
+    padding: 0 26px 10px;
+}
+
+.modal-content {
+    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31);
+}
+
+.modal-footer {
+    padding: 20px 26px;
+}
+
+.modal-xl {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  .modal-dialog {
+    position: fixed;
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+  }
+  .modal-content {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    border: 2px solid #3c7dcf;
+    border-radius: 0;
+    box-shadow: none;
+  }
+  .modal-header {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    height: 50px;
+    padding: 10px;
+    border: 0;
+  }
+  .modal-body {
+    position: absolute;
+    top: 50px;
+    bottom: 60px;
+    width: 100%;
+    overflow: auto;
+  }
+  .modal-footer {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: 60px;
+    padding: 10px;
+  }
+}

client/app/assets/less/inc/navbar.less

@@ -0,0 +1,33 @@
+a.navbar-brand {
+  padding: 5px 5px 0px 0px;
+  margin-left: 0px !important;
+}
+
+.navbar .fa {
+  font-size: 18px;
+}
+
+.navbar .collapse.in {
+  background: #222;
+}
+
+a.navbar-brand img {
+  height: 40px;
+}
+
+.avatar {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.avatar img {
+  width: 40px;
+  height: 40px;
+}
+
+#logout {
+  color: white;
+  position: relative;
+  left: -9px;
+  bottom: -11px;
+}

client/app/assets/less/inc/overlay.less

@@ -0,0 +1,11 @@
+.overlay {
+  background-color: #808080;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 0;
+  z-index: 1000;
+  opacity: 0.8;
+}