Angular bindings for the Pebble Slate framework
JavaScript CSS HTML
Clone or download

README.md

Angular Slate

Angular bindings for the Pebble Slate framework.

Checkout the demo at angular-slate.bhdouglass.com.

Download

Get it via bower: bower install --save angular-slate

OR download the dist/css/angular-slate.min.css and dist/js/angular-slate.min.js files.

Usage

Include both angular-slate.min.js and angular-slate.min.css files in your project and add angular-slate to your angular app's dependencies.

Components

Color Picker

<color-picker ng-model="color" platform="{{platform}}"></color-picker>
  • color is an integer representation of a Pebble color.
  • platform is either aplite/basalt/chalk (more colors will show when it's set to basalt or chalk).

List

<list ng-model="dynamic_list"></list>
  • dynamic_list is an array of strings that can be removed or added to by the user.

Draggable List

<draggable ng-model="draggable_list" label="label"></draggable>
  • draggable_list is an array of objects that will be reordered by the user.
  • label is a property of draggable_list that will be shown to the user.

KiezelPay

<kiezelpay
    appid="{{appid}}"
    token="token"
    testing="false"
    licensed-message="{{optional message}}"
    unlicensed-message="{{optional message}}"
    trial-message="{{optional message}}"
></kiezelpay>
  • appid is your app's KiezelPay ID
  • token is the watch's token from Pebble.getAccountToken()
  • testing can be set to true to show test purchases
  • licensed-message is an optional message to show when the user has a license
  • unlicensed-message is an optional message to show when the user has no license
  • trial-message is an optional message to show when the user is in the trial period
  • The classes licensed, unlicensed, and trial will be applied to the directive to allow you to style as needed

Master Key

<master-key
    ng-model="master_key_data"
    logged-in="master_key_logged_in"
    title="{{optional message}}"
    email-placeholder="{{optional message}}"
    pin-placeholder="{{optional message}}"
    sync-button="{{optional message}}"
    logged-in-text="{{optional message}}"
    sync-again-button="{{optional message}}"
></master-key>
  • ng-model will hold the Master Key keys received from the server
  • logged-in this can be set to true when you already have the keys
  • title is an optional message to show instead of "Master Key"
  • email-placeholder is an optional message to show instead of "Master Key Email"
  • pin-placeholder is an optional message to show instead of "Master Key Pin"
  • sync-button is an optional message to show instead of "Sync"
  • logged-in-text is an optional message to show instead of "Your Master Key data has been saved."
  • sync-again-button is an optional message to show instead of "Sync Keys Again"

License

Copyright (C) 2016 Brian Douglass

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License version 3, as published by the Free Software Foundation.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranties of MERCHANTABILITY, SATISFACTORY QUALITY, or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.