https://github.com/wingsline/inuitcss

inuit.css helpers and pagination for Laravel 4
https://github.com/wingsline/inuitcss

inuitcss laravel4

Last synced: 3 months ago
JSON representation

inuit.css helpers and pagination for Laravel 4

• Host: GitHub
• URL: https://github.com/wingsline/inuitcss
• Owner: wingsline
• License: mit
• Created: 2013-03-25T19:15:42.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2015-01-29T16:44:42.000Z (almost 10 years ago)
• Last Synced: 2024-09-28T19:01:23.026Z (3 months ago)
• Topics: inuitcss, laravel4
• Language: PHP
• Homepage:
• Size: 218 KB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Wingsline/inuitcss

[inuit.css](http://inuitcss.com/) html, form helpers and pagination for [Laravel 4](http://laravel.com)

### Requirements

- PHP 5.3+

- Laravel 4.1

### Installation

Wingsline/inuitcss is available on Packagist ([wingsline/inuitcss](http://packagist.org/packages/wingsline/inuitcss))

and as such installable via [Composer](http://getcomposer.org/).

If you do not use Composer, you can grab the code from GitHub, and use any

PSR-0 compatible autoloader (e.g. the [Symfony2 ClassLoader component](https://github.com/symfony/ClassLoader))

to load Wingsline/Inuitcss classes.

### Form elements

In order to use inuitcss styled form elements replace the following alias in the app/config/app.php:

	'Form'            => 'Illuminate\Support\Facades\Form'

	

with

	'Form'            => 'Wingsline\Inuitcss\Facades\Form'

	

	

So when in example you call Form::text() a text field will be generated, BUT the text field will have the

```text-input``` class added to it automatically.

Currently the following elements will have the text-input added to it: 

- Form::text()

- Form::password()

- Form::email()

- Form::textarea()

Also there is a Form::extraHelp() available to add help text displayed after a field when that field is in focus (see [forms](http://jsfiddle.net/inuitcss/MhHHU/)):

	Form::extraHelp('.edu emails only')

	

#### Highlight label in case of a validation error

You can also highlight a label of an input element when a validation error occurs. Simply add the $errors from the view into the Form::open().

	

	Form::open(array('errors' => $errors))

	

	

The default css class is `error`, but if you want to change that add the errors like this:

	

	Form::open(array('errors' => array($errors, 'mycustomclass')))

	

### Pagination

After installation add the Wingsline/InuitcssServiceProvider to the config/app.php's service providers:

	

	'Wingsline\Inuitcss\InuitcssServiceProvider'

		

		

then change the config/view.php `pagination` value to one of the following views:

#### slider:

Show the most links with text labels

 	'pagination' => 'inuitcss::pagination.slider'

 		

![slider](https://dl.dropboxusercontent.com/s/fpkhx4d61na00eb/slider.png?dl=1&token_hash=AAFxt1xUEg-0q18nwFf7rDdVjBi8UExPdX-WV0seZycQGQ "slider")

#### simpleslider:

Shows the slider pagination except the first and last page links

	'pagination' => 'inuitcss::pagination.simpleslider'

![simpleslider](https://dl.dropboxusercontent.com/s/bd1qvwmmr1q1k9o/simpleslider.png?dl=1&token_hash=AAG5esM_uAbjE2JpXGG7FtB-DLR8SfpyQpTZ0or0G6xS8w "simpleslider")

#### slidernotext:

Shows the slider but without text labels

	'pagination' => 'inuitcss::pagination.slidernotext'

![slidernotext](https://dl.dropboxusercontent.com/s/4z2d6hacmw9k235/slidernotext.png?dl=1&token_hash=AAFrFAeKfbKAVKE_-63UsYjmR02_cxvlVu-xB50c1v7tTQ "slidernotext")

#### simple

Just the basic previous and next links.

	'pagination' => 'inuitcss::pagination.simple'

![simpleslider](https://dl.dropboxusercontent.com/s/hdahh1x0w3mrtk3/simple.png?dl=1&token_hash=AAE5ipqbHZPOZpQaK-Of-H4hr9yuatYxV_TwztsMuQekiA "slider")

### Language

The language keys for the pagination (```app/lang/en/pagination.php```) should look similar to this:

	 '‹ Previous',

	    'next'     => 'Next ›',

	    'first'    => 'First',

	    'last'     => 'Last',

	    

    );

    

 

### License

Wingsline/Inuitcss is open-sourced software license under the [MIT license](http://opensource.org/licenses/MIT)