intersoft-vue-js-hal v0.1.2

intersoft-vue-hal

HAL is a standard to describe REST request vie json. http://stateless.co/hal_specification.html Aditional there is HAL Forms to describe forms https://rwcbook.github.io/hal-forms/

These plugin contains vuetify components that transform a json document to usable components. All views that uses any component has to implement the HypermediaFormMixin.

Basic usage

<template>
    <h-form @submit="submit" @abort="abort" :disabled="disabled" :valid="!loading">
        <h-currency-field ref="currency field" label="currency field" property="currencyfield" />
        <anyOtherComponent />
    </h-form>
</template>

import {
    HypermediaFormMixin,
    HCurrencyField,
    } from "intersoft-vue-js-hal";

export default {
    name: 'vue-component',
    components: {
        'h-currency-field': HCurrencyField,
        'h-form': HForm
    },
    mixins: [
        HypermediaFormMixin
    ]
}

Availible Components

All components are created by vue extension vuetify which folowing the material design guide. These components inherited all props by there vuetify parent.

h-currency-field

<h-currency-field ref="currency field" label="currency field" property="currencyfield" />

h-date-field

<h-date-field label="Date" property="date" />

h-select-field

<h-select-field property="abrechnungsempfaenger">

h-textarea

<h-textarea label="Freitext" property="freitext" />

h-text-field

<h-text-field field" label="currency field" property="currencyfield" />