Neanderthal Pudding Mix

    croud-layout

    1.13.8 • Public • Published

    croud-layout

    Build Status npm version

    Plugin

    Step 1: Install plugin

    yarn add croud-layout

    Step 2: Add it to your project

    import CroudLayout from 'croud-layout'
    import store from './store'
    Vue.use(CroudLayout, { store })
     
    /* eslint-disable no-new */
    new Vue({
        el: '#app',
        template: '<croud-layout><App slot="content"/></croud-layout>',
        components: { App },
        store,
    })
     

    Step 3: ????

    Step 4: Profit :)

    No Legacy SSO Auth

    You can pass an additional option to disable legacy SSO auth

    Vue.use(CroudLayout, { store, noLegacyAuth: true })

    Moment

    The croud-layout plugin will add vue-moment to your project. This will globally register the moment filter...

    <div>{{ date | moment('YYYY-MM-DD')}}</div>

    ...and also add $moment to the Vue prototype...

    //App.vue
    this.$moment(date).format('YYYY-MM-DD')

    See their docs for more examples.

    Custom moment instance

    You can pass in a custom moment instance to replace vue-moment's default instance by adding a moment object to the croud-layout plugin options

    import moment from 'moment-timezone'
    ...
    Vue.use(CroudLayout, { store, moment })

    Axios plugin

    A drop in replacement for vue-resource

    Basic usage

    /* Main.js */
    ...
    import axios from 'croud-layout/src/axios'
    ...
     
    new Vue({
    ...
        created() {
            Vue.use(axios, { setCroudDefaults: true })
        },
    })
     

    Security Mixin

    Croud-layout now includes the Security mixin that can make quick CRUD permission checks for the current user.

    Basic Usage

    import Security from 'croud-layout/src/mixin/security'
     
    export default {
        mixins: [Security],
     
        data() {
            return {
                permission: {
                    read: 'my-read-permission',
                    custom: 'my-custom-permission',
                },
            },
        },
    }

    This will add a security object to your component that looks like this (if they have the correct permissions)...

    {
        create: false,
        read: true,
        update: false,
        delete: false,
        custom: true,
    }

    Build Setup

    # install dependencies
    npm install
     
    # serve with hot reload at localhost:8080
    npm run dev
     
    # build for production with minification
    npm run build
     
    # build for production and view the bundle analyzer report
    npm run build --report
     
    # run unit tests
    npm run unit
     
    # run all tests
    npm test

    For detailed explanation on how things work, checkout the guide and docs for vue-loader.

    Keywords

    none

    Install

    npm i croud-layout

    DownloadsWeekly Downloads

    3

    Version

    1.13.8

    License

    none

    Unpacked Size

    13.3 MB

    Total Files

    683

    Last publish

    Collaborators

    • brockreece