vegarringdal

<template>
  <require from="valueConverters"></require>

  <div class="row">
    <v-grid
      class="col-sm-12"
      style="height:780px"
      v-header-height="40"
      v-row-height=40"
      v-resizable-headers="true"

vegarringdal

export class ArrayGrouping {

    constructor() {
        this.gID = 0;

    }



    //@params grouping : ["attribute", "attribute2"  etc etc ])

vegarringdal

<template>
  
  <div class="col-md-3">
    
  </div>
  
  <form style="width:300px">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <select choise></select>

vegarringdal

<template>
	   <textarea onsave.delegate="printToConsole($event.detail)" value.bind="myText" tiny-mce></textarea>
</template>

vegarringdal

<template>

  <style>
    /*dummy style so it looks better with bootstrap*/
    .choices__inner {
      height: 34px;
      min-height:34px;
    }
    .choices__list--single{
      padding:initial;

vegarringdal

<template>
   <require from="./flatpickr.min.css"></require>

	  <input flatpickr.bind="mydate">
	  
    <button click.delegate="setDate(2016, 5, 8)">set date</button>
</template>

vegarringdal

<template>
  <require from="./my-element"></require>
  <require from="./my-template"></require>
  <h1>Aurelia has been loaded</h1>
  <my-element>
    <my-template model.bind="appModel">
      element property: ${elementProperty}<br/>
      model title: ${title}
    </my-template>
  </my-element>

vegarringdal

<template>
  <require from="valueConverters"></require>
  <require from="v-grid-control-form.html"></require>
  <button click.trigger="back()">back</button>
  
  <div class="row">
    <compose  view-model="./composed" myGrid.bind="myGrid"></compose>
      <!-- Form to the right -->
    <v-grid-control-form show.bind="hidden" entity.bind="myCurrentEntity"></v-grid-control-form>

vegarringdal

<template>
  <require from="valueConverters"></require>
  <require from="v-grid-control-form.html"></require>
  <button show.bind="hidden" click.trigger="back()">back</button>
  
  <div class="row">
    <v-grid
      show.bind="!hidden"
      class="col-md-6"
      style="height:350px"

vegarringdal

<template>
  <require from="valueConverters"></require>
  <require from="v-grid-control-form.html"></require>
  <div class="row">
     <v-grid
      class="col-md-6"
      style="height:350px"
      v-row-height="25"
      v-header-height="50"
      v-footer-height="0"