TheDutchCoder

// other tests

  it('should toggle the component when it\'s open and ESC is pressed', (done) => {
    vm = createTest(CpColorPicker, defaultProps)

    expect(vm.isOpen).to.equal(false)

    vm.isOpen = true

    Vue.nextTick(() => {

TheDutchCoder

// Types.
import {
  NOTIFICATIONS_ADD,
  NOTIFICATIONS_REMOVE
} from '../mutation-types'

// Default state.
const state = {
  items: []
}

TheDutchCoder

<template>
  <div class="notifications">
    <notification-item v-for="item in notificationsItems" v-if="$index === 0" :item="item" :index="$index"></notification-item>
  </div>
</template>

<script>
// Imports.
import notificationItem from './notificationItem'

TheDutchCoder

<template>
  <div class="notification" :class="classList" transition="notification">
    <div class="notification__progress"></div>
    <div class="notification__close" @click="remove">
      <div class="bar"></div>
      <div class="bar"></div>
    </div>
    <div class="notification__icon-area">
      {{{ icon }}}
    </div>

TheDutchCoder

<template>
  <div class="input" :class="classList">
    <label for="{{ id }}" class="input__label" @click="activate">{{ label }}<span class="required" v-if="required"> *</span></label>
    <input id="{{ id }}" type="{{ type }}" class="input__input" required="{{ required }}" v-model="value | formatInput" @focus="activate" @blur="deactivate" :value="val"></input>
    <div class="input__error" v-if="hasValue && !isValid" transition="input-error">{{ error }}</div>
  </div>
</template>

<script>
// Helpers.

TheDutchCoder

import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'
import App from './App'
import view from './components/view'

Vue.config.debug = true

Vue.use(VueRouter)
Vue.use(VueResource)

TheDutchCoder

box,-3.278|3.5|-1.321|60|,-3.517|3.5|-0.488|90|,-3.293|3.5|0.395|120|;box_large,-0.431|2.517|-2.29|300|,-0.816|2.517|-2.081|300|,-0.448|3|-2.315|300|,-0.823|3|-2.106|300|,-2.294|2.517|-1.832|300|,-2.708|2.517|-1.61|300|,-2.34|3|-1.869|300|,-2.724|3|-1.639|300|,0.649|2.5|-0.811|240|,-1.508|2.5|1.005|150|,-2.28|6.517|-1.814|300|,-2.71|6.517|-1.592|300|,-2.322|7|-1.852|300|,-2.709|7|-1.632|300|,-0.675|6.517|-2.367|210|,-0.443|6.517|-1.965|210|,-0.668|7|-2.378|210|,-0.438|7|-2.015|210|,-1.914|6.517|0.402|210|,-2.206|6.517|0.012|210|,-2.225|7|0.047|210|,-2.009|7|0.407|210|,-0.678|7.5|-2.425|30|,-1.995|7.5|0.469|30|,-2.806|7.5|-1.659|300|,0.15|7.5|-0.307|300|,-1.068|8.5|-0.969|270|,-1.503|8.5|-0.969|270|,-1.33|9.5|-0.278|270|,-1.318|9.5|-1.631|270|,-1.981|9.5|-0.977|180|,-0.66|9.5|-0.966|180|;cupboard,-1.356|5.5|-0.977|0|,-1.326|3.5|-0.972|270|,-1.342|1.5|-0.969|270|;door_armor,1.041|0.5|-1.47|180|,-1.825|0.5|-3.336|270|,-3.691|0.5|-0.47|0|,-0.825|0.5|1.396|90|,0.291|1.5|-0.537|210|,0.541|1.5|-0.97|90|,0.541|1.5|-1

TheDutchCoder

Hi there,

I'm a customer of Teksavvy, an internet provider who (in my area) uses the Rogers network to provide their services.
Recently Teksavvy was hit for a large number of outages (7) in a short period of time (5 days), some of which required their vendor (Rogers) to fix, or help fix, the actual issues.

However, Rogers is a direct competitor of Teksavvy and because there are no existing SLA's, they have very little to no incentive to help out their competitors, even though they have sold their network capacity to them.

This is not only an unfair situation to a company like Teksavvy (being dependant on your competitor without the competitor having incentive to assist in issues on their own network, affecting their competitor), but more importantly, it means that I as a consumer experience a lower quality of service.

As I am free to chose my service provider, but I am still in large part dependant on one of their much larger competitors, I need to be protected as a consumer from this problem.

TheDutchCoder

<template>
  <article class="product" transition="test" stagger="200">
    <div class="product__name">
      {{ product.name }}
      <div class="product__price">{{ getTotal | currency }}</div>
      <!-- <span class="product__price" v-if="product.pricing.length === 1">{{ product.pricing[0].price | currency }}</span>
      <select class="product__price" v-else>
        <option v-for="(index, price) in product.pricing">{{ getTotal | currency }}</option>
      </select> -->
    </div>

TheDutchCoder

// This is how I setup my store, but I'm unsure how to enable Hot Reloading for reducers.
// I feel it might have something to do with the middleware.
//
// Setup the middleware and create the store.
const loggerMiddleware = createLogger()

let middleWare = [thunkMiddleware, loggerMiddleware]

const finalCreateStore = compose(
  applyMiddleware(...middleWare),