bootstrap-bookingsync-sass 0.0.19 → 1.0.0.beta1

data/lib/bootstrap/bookingsync/version.rb

@@ -1,5 +1,5 @@
 module Bootstrap
   module BookingSync
-    VERSION = '0.0.19'
+    VERSION = '1.0.0.beta1'
   end
 end

data/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "ember-cli-bootstrap-bookingsync-sass",
+  "version": "0.0.0",
+  "description": "Sass-powered version of Bootstrap with BookingSync theme.",
+  "directories": {
+    "doc": "doc",
+    "test": "tests"
+  },
+  "scripts": {
+    "build": "ember build",
+    "start": "ember server",
+    "test": "ember try:testall"
+  },
+  "repository": "",
+  "engines": {
+    "node": ">= 0.10.0"
+  },
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "broccoli-asset-rev": "^2.2.0",
+    "ember-ajax": "0.7.1",
+    "ember-cli": "2.3.0-beta.2",
+    "ember-cli-app-version": "^1.0.0",
+    "ember-cli-bootstrap-sassy": "0.5.3",
+    "ember-cli-dependency-checker": "^1.2.0",
+    "ember-cli-deploy": "0.6.4",
+    "ember-cli-deploy-build": "0.1.1",
+    "ember-cli-htmlbars": "^1.0.1",
+    "ember-cli-htmlbars-inline-precompile": "^0.3.1",
+    "ember-cli-inject-live-reload": "^1.3.1",
+    "ember-cli-qunit": "^1.2.1",
+    "ember-cli-release": "0.2.8",
+    "ember-cli-sass": "5.3.1",
+    "ember-cli-sri": "^2.0.0",
+    "ember-cli-uglify": "^1.2.0",
+    "ember-data": "^2.3.0",
+    "ember-disable-prototype-extensions": "^1.1.0",
+    "ember-disable-proxy-controllers": "^1.0.1",
+    "ember-export-application-global": "^1.0.4",
+    "ember-load-initializers": "^0.5.0",
+    "ember-resolver": "^2.0.3",
+    "ember-try": "~0.0.8",
+    "loader.js": "^4.0.0"
+  },
+  "keywords": [
+    "ember-addon",
+    "bookingsync",
+    "bsy"
+  ],
+  "dependencies": {
+    "ember-cli-babel": "^5.1.5",
+    "ember-one-way-controls": "^0.8.0",
+    "ember-power-select": "^0.10.9",
+    "ember-modal-dialog": "^0.8.4",
+    "ember-cli-htmlbars": "^1.0.8"
+  },
+  "ember-addon": {
+    "configPath": "tests/dummy/config",
+    "demoURL": "http://styleguide.bookingsync.com"
+  }
+}

data/testem.json

@@ -0,0 +1,12 @@
+{
+  "framework": "qunit",
+  "test_page": "tests/index.html?hidepassed",
+  "disable_watching": true,
+  "launch_in_ci": [
+    "PhantomJS"
+  ],
+  "launch_in_dev": [
+    "PhantomJS",
+    "Chrome"
+  ]
+}

data/tests/.jshintrc

@@ -0,0 +1,52 @@
+{
+  "predef": [
+    "document",
+    "window",
+    "location",
+    "setTimeout",
+    "$",
+    "-Promise",
+    "define",
+    "console",
+    "visit",
+    "exists",
+    "fillIn",
+    "click",
+    "keyEvent",
+    "triggerEvent",
+    "find",
+    "findWithAssert",
+    "wait",
+    "DS",
+    "andThen",
+    "currentURL",
+    "currentPath",
+    "currentRouteName"
+  ],
+  "node": false,
+  "browser": false,
+  "boss": true,
+  "curly": true,
+  "debug": false,
+  "devel": false,
+  "eqeqeq": true,
+  "evil": true,
+  "forin": false,
+  "immed": false,
+  "laxbreak": false,
+  "newcap": true,
+  "noarg": true,
+  "noempty": false,
+  "nonew": false,
+  "nomen": false,
+  "onevar": false,
+  "plusplus": false,
+  "regexp": false,
+  "undef": true,
+  "sub": true,
+  "strict": false,
+  "white": false,
+  "eqnull": true,
+  "esnext": true,
+  "unused": true
+}

data/tests/dummy/app/app.js

@@ -0,0 +1,18 @@
+import Ember from 'ember';
+import Resolver from './resolver';
+import loadInitializers from 'ember-load-initializers';
+import config from './config/environment';
+
+let App;
+
+Ember.MODEL_FACTORY_INJECTIONS = true;
+
+App = Ember.Application.extend({
+  modulePrefix: config.modulePrefix,
+  podModulePrefix: config.podModulePrefix,
+  Resolver
+});
+
+loadInitializers(App, config.modulePrefix);
+
+export default App;

data/tests/dummy/app/controllers/index.js

@@ -0,0 +1,31 @@
+import Ember from "ember";
+
+export default Ember.Controller.extend({
+  currentName: 'John Doe',
+  currentFirstName: 'John',
+  currentLastName: 'Doe',
+  currentEmail: 'john@example.com',
+  currentAmount: 123,
+  currentComment: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a fermentum ex, at malesuada sapien. In quis nisl diam. Ut mattis volutpat massa vel porta. Suspendisse aliquam accumsan justo. Morbi non augue risus. Integer congue, eros ac condimentum scelerisque, odio ante laoreet mauris, vitae faucibus ex nisi ut mauris. Nunc imperdiet ex felis, tempus viverra lorem lobortis quis. Curabitur molestie tempor orci et tincidunt. Suspendisse vestibulum aliquet diam, a lobortis lorem pretium eu. Etiam accumsan ex at odio iaculis, at malesuada augue faucibus. Mauris vitae risus sed magna dapibus dapibus ac quis eros. Sed cursus placerat porta.",
+
+  // Used for select
+  cities: ['Barcelona', 'Nevache', 'Sivota'],
+  currentDestination: 'Nevache',
+  currentDestinations: ['Nevache', 'Sivota'],
+
+  // Used by radio
+  selectedRentalType: 'apartment',
+
+  // Used for modal
+  isShowingModal: false,
+  actions: {
+    toggleModal: function() {
+      this.toggleProperty('isShowingModal');
+      if (this.get('isShowingModal') === true) {
+        $('body').addClass('modal-open');
+      } else {
+        $('body').removeClass('modal-open');
+      }
+    }
+  }
+});

data/tests/dummy/app/index.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>BookingSync Styleguide - Ember Addon</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for "head"}}
+
+    <link rel="stylesheet" href="assets/vendor.css">
+    <link rel="stylesheet" href="assets/dummy.css">
+
+    {{content-for "head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+
+    <script src="assets/vendor.js"></script>
+    <script src="assets/dummy.js"></script>
+
+    {{content-for "body-footer"}}
+  </body>
+</html>

data/tests/dummy/app/resolver.js

@@ -0,0 +1,3 @@
+import Resolver from 'ember-resolver';
+
+export default Resolver;

data/tests/dummy/app/router.js

@@ -0,0 +1,11 @@
+import Ember from 'ember';
+import config from './config/environment';
+
+const Router = Ember.Router.extend({
+  location: config.locationType
+});
+
+Router.map(function() {
+});
+
+export default Router;

data/tests/dummy/app/styles/app.scss

@@ -0,0 +1,3 @@
+@import "ember-modal-dialog/ember-modal-structure";
+@import "bootstrap-bookingsync";
+@import "ember-power-select";

data/tests/dummy/app/templates/application.hbs

@@ -0,0 +1,7 @@
+{{partial "sidebar"}}
+<div class="sided-content">
+  {{partial "navbar"}}
+  <section class="main-content">
+    {{outlet}}
+  </section>
+</div>

data/tests/dummy/app/templates/index.hbs

@@ -0,0 +1,275 @@
+<section class="annotated-section">
+  <header class="annotated-section-annotation">
+    <h2 class="annotated-section-title">Forms</h2>
+  </header>
+  <div class="annotated-section-content">
+    <form>
+      <div class="form-group">
+        <label for="email">Email address</label>
+        {{one-way-input
+          value=currentEmail
+          update=(action (mut currentEmail))
+          class="form-control"
+          type="email"
+          id="email"
+        }}
+      </div>
+
+      <div class="row">
+        <div class="col-xs-6">
+          <div class="form-group">
+            <label for="firstname">First name</label>
+            {{one-way-input
+              value=currentFirstName
+              update=(action (mut currentFirstName))
+              class="form-control"
+              id="firstname"
+            }}
+          </div>
+        </div>
+
+        <div class="col-xs-6">
+          <div class="form-group">
+            <label for="lastname">Last name</label>
+            {{one-way-input
+              value=currentLastName
+              update=(action (mut currentLastName))
+              class="form-control"
+              id="lastname"
+            }}
+          </div>
+        </div>
+      </div>
+
+      <div class="form-group">
+        <div class="input-group">
+          <div class="input-group-addon">$</div>
+          <label class="control-label" for="amount">Amount</label>
+          {{one-way-input
+            value=currentAmount
+            update=(action (mut currentAmount))
+            class="form-control"
+            type="number"
+            id="amount"
+          }}
+          <div class="input-group-addon">.00</div>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col-xs-4">
+          <div class="select">
+            <label for="destination">Destination</label>
+            {{#power-select
+              selected=currentDestination
+              options=cities
+              onchange=(action (mut currentDestination))
+              id="destination"
+              class="form-control"
+              as |name|
+            }}
+              {{name}}
+            {{/power-select}}
+          </div>
+        </div>
+
+        <div class="col-xs-4">
+          <div class="select">
+            <label for="destination2">Destination</label>
+            {{#power-select
+              selected=currentDestination
+              options=cities
+              searchEnabled=false
+              onchange=(action (mut currentDestination))
+              id="destination2"
+              class="form-control"
+              as |name|
+            }}
+              {{name}}
+            {{/power-select}}
+          </div>
+        </div>
+
+        <div class="col-xs-4">
+          <div class="select">
+            <label for="destinations">Destinations</label>
+            {{#power-select-multiple
+              selected=currentDestinations
+              options=cities
+              onchange=(action (mut currentDestinations))
+              id="destinations"
+              class="form-control"
+              as |name|
+            }}
+              {{name}}
+            {{/power-select-multiple}}
+          </div>
+        </div>
+      </div>
+
+      <div class="form-group">
+        <label for="comment">Comment</label>
+        {{one-way-textarea
+          value=currentComment
+          update=(action (mut currentComment))
+          class="form-control"
+          id="comment"
+          rows=3
+        }}
+      </div>
+
+      <div class="checkbox">
+        <label>
+          {{one-way-checkbox
+            isChecked
+            update=(action (mut isChecked))
+          }}
+          Check me out
+        </label>
+      </div>
+
+      <div class="radio">
+        <label>
+          {{one-way-radio
+            selectedRentalType
+            option="apartment"
+            update=(action (mut selectedRentalType))
+          }}
+          Apartment
+        </label>
+      </div>
+      <div class="radio">
+        <label>
+          {{one-way-radio
+            selectedRentalType
+            option="house"
+            update=(action (mut selectedRentalType))
+          }}
+          House
+        </label>
+      </div>
+      <div class="radio">
+        <label>
+          {{one-way-radio
+            selectedRentalType
+            option="villa"
+            update=(action (mut selectedRentalType))
+          }}
+          Villa
+        </label>
+      </div>
+
+      <h3>Radio buttons</h3>
+      <div class="btn-group" role="group" aria-label="...">
+        <div class="btn-group" data-toggle="buttons">
+          <label class="btn btn-secondary active">
+            {{one-way-radio
+              selectedRentalType
+              option="apartment"
+              update=(action (mut selectedRentalType))
+            }}
+            Apartment
+          </label>
+          <label class="btn btn-secondary">
+            {{one-way-radio
+              selectedRentalType
+              option="house"
+              update=(action (mut selectedRentalType))
+            }}
+            House
+          </label>
+          <label class="btn btn-secondary">
+            {{one-way-radio
+              selectedRentalType
+              option="villa"
+              update=(action (mut selectedRentalType))
+            }}
+            Villa
+          </label>
+        </div>
+      </div>
+    </form>
+
+    <h3>Inline form</h3>
+    <form class="form-inline">
+      <div class="form-group">
+        <label for="name2">Name</label>
+        {{one-way-input
+          value=currentName
+          update=(action (mut currentName))
+          class="form-control"
+          id="name2"
+        }}
+      </div>
+
+      <div class="form-group">
+        <label for="email2">Email address</label>
+        {{one-way-input
+          value=currentEmail
+          update=(action (mut currentEmail))
+          class="form-control"
+          type="email"
+          id="email2"
+        }}
+      </div>
+
+      {{#bsy-button type="submit" loadingLabel="Sending..."}}Send invitation{{/bsy-button}}
+    </form>
+  </div>
+</section>
+
+<section class="annotated-section">
+  <header class="annotated-section-annotation">
+    <h2 class="annotated-section-title">Buttons</h2>
+  </header>
+  <div class="annotated-section-content">
+    {{#bsy-button type="primary"}}Primary{{/bsy-button}}
+    {{#bsy-button type="secondary"}}Secondary{{/bsy-button}}
+    {{#bsy-button type="secondary-inverse" class="btn-round" loadingLabel=""}}
+      <span>&times;</span>
+    {{/bsy-button}}
+    {{#bsy-button type="danger"}}Danger{{/bsy-button}}
+    {{#bsy-button type="link"}}Link{{/bsy-button}}
+  </div>
+</section>
+
+<section class="annotated-section">
+  <header class="annotated-section-annotation">
+    <h2 class="annotated-section-title">Modal</h2>
+  </header>
+  <div class="annotated-section-content">
+    {{#bsy-button type="primary" click=(action "toggleModal")}}Toggle Modal{{/bsy-button}}
+
+    {{#if isShowingModal}}
+      {{#modal-dialog close="toggleModal"
+                      targetAttachment="none"
+                      translucentOverlay=true
+                      overlay-class='modal in'
+                      container-class='modal-dialog'}}
+        <div class="modal-content">
+          <div class="modal-header">
+            {{#bsy-button type="secondary-inverse" class="btn-sm btn-round btn-modal-close"
+                          loadingLabel="" click=(action "toggleModal")}}
+              <span>&times;</span>
+            {{/bsy-button}}
+            <h3 class="modal-title">Modal Name or Headline</h3>
+          </div>
+          <div class="modal-body">
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec luctus felis. Nulla a lacus libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam mollis tortor sodales libero euismod, eget suscipit arcu mollis. Nam nibh libero, tempus eu urna convallis, tempor efficitur ex. Donec molestie nibh ac luctus imperdiet. Nulla vitae vulputate ipsum. Phasellus porta gravida odio, in iaculis quam cursus et. Ut ac vehicula erat. Nulla sapien turpis, dapibus vel pellentesque sed, suscipit sit amet nibh. Pellentesque rhoncus nibh porttitor, posuere nulla quis, auctor nunc. Pellentesque fermentum tempor justo, a interdum nulla. Nullam lacus odio, posuere ut posuere hendrerit, semper non velit.</p>
+            <p>Cras sed consequat nunc. Phasellus sed sagittis nibh. Aliquam a vulputate risus. Vestibulum molestie bibendum dolor, vel blandit ipsum malesuada et. Praesent enim nibh, finibus vel luctus id, bibendum vitae eros. Aliquam vel semper diam. Cras elementum molestie eros, ac venenatis quam. Proin fermentum ante eros, mollis vestibulum eros consequat eu. Cras quis lorem vel metus hendrerit porttitor. Nunc hendrerit vitae nunc ut pellentesque. Etiam quis urna ac lorem eleifend ornare. Donec nibh ante, bibendum id pellentesque non, dignissim ut urna. Phasellus congue ultricies ipsum, ut luctus augue pulvinar nec.</p>
+          </div>
+          <div class="modal-footer">
+            <div class="row">
+              <div class="col-xs-6">
+                {{#bsy-button type="secondary" class="btn-block" click=(action "toggleModal")}}Close{{/bsy-button}}
+              </div>
+              <div class="col-xs-6">
+                {{#bsy-button type="primary" class="btn-block"}}Save Changes{{/bsy-button}}
+              </div>
+            </div>
+          </div>
+        </div>
+      {{/modal-dialog}}
+    {{/if}}
+  </div>
+</section>