teepluss/component

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

1.0.1 2015-07-28 05:00 UTC

This package is not auto-updated.

Last update: 2024-11-09 18:27:21 UTC


README

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

Installation

Composer

To get the latest version of Theme simply require it in your composer.json file.

"teepluss/component": "dev-master"

You'll then need to run composer update to download it and have the autoloader updated.

Laravel

In your config/app.php add 'Teepluss\Component\ComponentServiceProvider' to the end of the providers array:

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

Publish Configuration

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.

php artisan component:make LiveChatBox

The command will generate a structure like this:

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

npm install gulp

Using gulp to publish component assets.

$ cd app/Components/
$ gulp
$ gulp watch

Render all component scripts and styles from the main layout

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

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

Translation

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

Support or Contact

If you have some problem, Contact teepluss@gmail.com

Support via PayPal