twentysix/booker

Booking System with Google Material Design Components and VueJs

Booker Package

The Booking Extension for Twenty Six Digital restaurant clients Content Management Systems., _(*1)

Getting Started

composer require twentysix/booker, _(*2)

Ensure the autoload is set in composer.json:, _(*3)

"autoload": {
    "classmap": [
        "database"
    ],
    "psr-4": {
        "App\\": "app/",
        "Twentysix\\Booker\\": "vendor/twentysix/booker/src"
    }
},

The run composer dump-autoload to sync up the files., _(*4)

Next you will need to publish the package and it's core files into the project:, _(*5)

php artisan vendor:publish, _(*6)

This will copy the views over to resources/backend/booker - so then these can be made accessible through includes etc., _(*7)

All public assets associated will also be copied over e.g JS and any Styles relating., _(*8)

Manual Configuration

Scripts

The vue components that are run on certain pages will need to be included into the backend/layout/default.blade.php footer just after the X-CRSF-TKEN is set to the Vue Header., _(*9)

@include('backend.booker.includes.scripts'), _(*10)

Views

If for whatever reason the view files are changed location, you must change the view_path variable in config/booker.php to the new path. (Remember, if you need to publish any new changes from the package, they will need to be copied over to your desired path)., _(*11)

Navigation

To include the booking navigation link with the number of bookings, the booking-nav include will need to be included within the backend.layout.header view where there will be a pre-defined comment., _(*12)

@include('backend.booker.includes.booking-nav'), _(*13)