boutell

module.exports = {
  props: {
    value: Object,
    field: Object,
    context: Object
  },
  data() {
    return {
      next: (this.value.data !== undefined) ? this.value.data : (this.field.def || ''),
      error: false

boutell

<template>
  <ApostropheModal @close="$emit('close')">
    <template slot="header">
      <p>New {{ options.label }}</p>
    </template>
    <template slot="body">
      <ApostropheSchemaEditor :fields="options.schema" v-model="pieceInfo" />
    </template>
    <template slot="footer">
      <slot name="footer">

boutell

<template>
  <ApostropheFieldset :field="field" :error="error">
    <template slot="body">
      <input v-model="next" />
    </template>
  </ApostropheFieldset>
</template>

boutell

<template>
  <fieldset :class="cssClass">
    <label class="apos-field-label">{{ field.label }}</label>
    <div v-if="field.help" class="apos-field-help">{{ field.help }}</div>
    <slot name="body"></slot>
  </fieldset>
</template>

boutell

<template>
  <div class="apos-schema">
    <component
      v-for="field in fields" 
      :is="options.components.fields[field.type]" 
      v-model="fieldState[field.name]" 
      :field="field" 
      :context="next.data"
    />
  </div>

boutell

// This will find "bar" and "woo". But it does not find "foo".

(function() {
  db.dropDatabase();
  db.docs.insert([{
    title: 'foo',
    ids: []
  }, {
    title: 'bar'
  }, {

boutell

    [
      {
        name: 'title',
        label: 'Title'
      },
      {
        name: 'updatedAt',
        label: 'Last Updated',
        partial: function(value) {
          if (!value) {

boutell

// Demonstration that promises do not involve the pyramid of doom.
// Native ES6 promises - you could do it with bluebird promises too,
// in which case Promise.delay is a built-in convenience method

function delays() {
  return delay(100).then(function() {
    return delay(100);
  }).then(function() {
    return delay(100);
  }).then(function() {

boutell

var list = {
  name: 'bob',
  next: {
    name: 'dick',
    next: {
      name: 'harry'
    }
  }
};

boutell

      let firstStep = null;
      if (options.count !== false) {
        // Create a dummy promise
        firstStep = Promise.resolve(true);
      } else {
        // Do actual work
        firstStep = q.clone().count(name + '.id')... // etc.
      }
      return firstStep.then(... more promises go down ...)