Git Product home page Git Product logo

brass-beagle-05's Introduction

Deployment instructions

https://www.polymer-project.org/1.0/start/toolbox/deploy https://youtu.be/ByV3MWTa1fw | https://www.youtube.com/watch?v=ByV3MWTa1fw&list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN&index=1

Licence source

http://softwareengineering.stackexchange.com/a/68150

Backup instructions

Github backup instructions are at Dropbox/CodeBase/Automation/Shell/GitBackup.sh (at bottom of page โ€” currently labeled ITEM 4)

Polymer lint command

polymer lint --verbose --input src/app-main/app-main.html
polymer lint --help
polymer lint --verbose

"lint": { "rules": ["polymer-1", polymer-2", polymer-2-hybrid", ] }

Cloning a github repo

https://github.com/Polymer/shop

# Using CLI
mkdir shop
cd shop
polymer init shop

# Or cloning direct from GitHub
git clone https://github.com/Polymer/shop.git
cd shop
bower install

Version History

v05

  1. TODO: Merge v02a into v04 a. Preserve routing structure b. Preserve Vaadin Board c. Guard against introducing polymer build errors

v04

  1. Cloned Vaadin-Board-Demo.
  2. Added features.
  3. Added Vaadin Valo Theme and QuickTickets Demo.

v03

  1. PSK2 plus added gage progressbar.js

v02a

  1. Broken by running polymer build

v02

  1. Extended swap/v01
  2. Began experimenting with dashboard components
  3. TODO: a. Improve UX b. Improve navigation experience c. Leverage other apps 1. Home Assistant | https://home-assistant.io/demo/ | https://github.com/home-assistant/home-assistant-polymer 2. Polymer Admin | https://polymer-admin.firebaseapp.com/ | https://github.com/akveo/polymer-admin 3. FitBit | https://www.microsoft.com/en-us/store/p/fitbit/9wzdncrfj1xx# d. Begin with PSK-2 e. Add dashboard components, paper drawer panel, minimizer, as described f. Fix build error by starting with PSK-2 (zero build errors) and building incrementally

v01

  1. Forked emna/v15
  2. Created MVP (minimum viable product) for deployment and beta test release
  3. TODO: a. Replace iron-data-table with Vaadin Grid 2.x -- for 1. CRUD and 2. data refreshing b. Improve UX 1. Minimize clicks 2. More logical navigation layout

References

Demos

Name Demo Source
Vaadin Board Demo Source
Moji Brag Demo Source
Blocks Dashboard Demo None
Home Assistant Demo Source
Polymer Admin Demo Source
Admin Template Demo Source
Vaadin Dashboard Demo Demo Source
Vaadin Valo Theme Demo Source
Vaadin Expense Manager Demo Source
Vaadin Fitness Tracker None Source
Hoverboard Demo Source

List of Polymer Projects

How to Run Github Source Code

git clone https://github.com/vaadin/vaadin-board-demo
cd vaadin-board-demo
bower install
polymer serve

How to install latest version of something using Bower

Say, v1.0 is the latest stable release. But you want the features of v3.0. Use:

bower install --save vaadin-context-menu#3.0.0-alpha1

Vaadin License

30-day free trial license for Vaadin Charts and clicking the orange "Free trial key" button. It gives you a trial key. See the help section which shows you how to install the key.

Themes and Colors

Reference

Base Complementary Palette Source
rgb(0, 105, 204) Apple web site: https://support.apple.com/en-us/HT201236
#0079FF #FF9A00 Palette Apple osX, iOS, Valo?
#00B4F0 #FF8300 Palette Vaadin (Theme-A) primary ("--water")
#33383A #5C5751 Palette Vaadin (Theme-A) secondary ("--charcoal")
#414B56 #847661 Palette Vaadin (Theme-B) secondary valo-menu-background-color
#1879DB Valo Theme Primary ("--water", gradient: low:rgb(22, 110, 213), mid:rgb(24, 121, 219), high:rgb(27, 135, 227)
#1778DC Valo Theme Primary ("--water", rgb(23, 120, 220)) (measured by Digital Color Meter : macOS > Utilities)
#187CDD Valo Theme Primary ("--water", rgb(24, 124, 221)) (measured by Digital Color Meter : macOS > Utilities)
#4B4B4B Valo Theme Secondary ("--charcoal", rgb(75, 75, 75)) (measured by Digital Color Meter : macOS > Utilities)
#434343 Valo Theme Secondary-selected ("--charcoal-dark", rgb(67, 67, 67)) (measured by Digital Color Meter : macOS > Utilities)
#585858 Valo Theme Secondary-selected ("--charcoal-light", rgb(88, 88, 88)) (measured by Digital Color Meter : macOS > Utilities)
#FAFAFA Valo Theme Background ("--smoke", rgb(250, 250, 250)) (measured by Digital Color Meter : macOS > Utilities)

<board-demo>

Demo app for vaadin-board element

Setup

Prerequisites

First, install Polymer CLI using npm (we assume you have pre-installed node.js).

npm install -g polymer-cli
Install dependencies
bower install

Start the development server

This command serves the app at http://localhost:8080 and provides basic URL routing for the app:

polymer serve --open

brass-beagle-05's People

Contributors

alvarezguille avatar rogozinds avatar peppe avatar diegocardoso avatar

Watchers

James Cloos avatar Gray Ox avatar

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

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

Recommend Topics

  • javascript

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

  • web

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

  • server

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

  • Machine learning

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

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

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

  • D3 photo D3

    Data-Driven Documents codes.