teepluss/component

Component is used to separate small parts from the main view and still works perfectly.

Laravel 5 Component

Component is used to separate small parts from the main view and still works perfectly., _(*1)

Installation

Composer

• Component on Packagist
• Component on GitHub

To get the latest version of Theme simply require it in your composer.json file., _(*2)

"teepluss/component": "dev-master"

You'll then need to run composer update to download it and have the autoloader updated., _(*3)

Laravel

In your config/app.php add 'Teepluss\Component\ComponentServiceProvider' to the end of the providers array:, _(*4)

'providers' => [
    ...
    'Teepluss\Component\ComponentServiceProvider',
]

Publish Configuration, _(*5)

php artisan vendor:publish --provider="Teepluss\Component\ComponentServiceProvider"

Usage

Create a Component

Using artisan CLI to create a component, then you can found your component into app/Components., _(*6)

php artisan component:make LiveChatBox

The command will generate a structure like this:, _(*7)

root
|- app
|--- Components
|----- LiveChatbox
|------- assets
|--------- css
|------------ style.css
|--------- img
|--------- js
|------------ script.js
|------- lang
|--------- en
|------------ messages.php
|------- views
|--------- index.blade.php
|------- LiveChatbox.php
|----- gulp.js

Render a component.

{!! component()->uses('LiveChatBox', ['args' => '1'])->render() !!}

Working with assets.

Install gulp, _(*8)

npm install gulp

Using gulp to publish component assets., _(*9)

$ cd app/Components/
$ gulp
$ gulp watch

Render all component scripts and styles from the main layout, _(*10)

// Display component scripts and styles.
{!! component()->scripts() !!}
{!! component()->styles() !!}

// Locate to asset path.
{!! component()->uses('LiveChatBox')->asset('img/someimage.png') !!}

Translation, _(*11)

{!! component()->trans('message') !!}

Support or Contact

If you have some problem, Contact teepluss@gmail.com, _(*12)

, _(*13)