Blog

Adding Country & State Drop Down List In Laravel

April 18, 2016 by ghazalitajuddin Leave a Comment

Download at http://www.cssscript.com/generic-country-state-dropdown-list-countries-js/

Create public/js directory and put all the .js file inside.

Create public/css directory and put all the .css file inside.

Add to the master blade head tags

<script type="text/javascript" src="{{ asset('js/countries.js') }}"></script>

Add to the bottom of master body tags area

<script language="javascript">
populateCountries("country", "state"); // first parameter is id of country drop-down and second parameter is id of state drop-down
</script>

Adding Jquery Datepicker in Laravel Form

April 18, 2016 by ghazalitajuddin Leave a Comment

Add jquery css in your header (view)

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">

Add jquery js in yoyr footer (view – body tags)

<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>

Edit your forms

{!! Form::text('date', '', array('id' => 'datepicker','class' => 'form-control')) !!}

Reference: Laracast

Laravel html helpers with Laravel Collective Packages

April 17, 2016 by ghazalitajuddin Leave a Comment

We need to install http://laravelcollective.com.

HTML: HTML helpers for creating common HTML and form elements

Run

composer require "laravelcollective/html":"^5.2.0"

OR edit composer.json, Add

"require": {
"php": ">=5.5.9",
"laravel/framework": "5.1.*",
"laravelcollective/html": "5.1.*"
},

Run

composer update

Edit config/app.php.

Add to the provider array

App\Providers\RouteServiceProvider::class,
Collective\Html\HtmlServiceProvider::class,

Add to the aliases array

'View' => Illuminate\Support\Facades\View::class,
'Form' => Collective\Html\FormFacade::class,
'Html' => Collective\Html\HtmlFacade::class,

Usage

Normally our code like this.

<form action="contact">
<label>First name:</label>
<input type="text" name="firstname" value="Enter your first name">
<br />
<label>Last name:</label>
<input type="text" name="lastname" value="Enter your last name">
<br />
<input type="submit" value="Submit">
</form>

Using the HTML Package

{!! Form::open(array ('url' => 'contact')) !!}
{!! Form::label('First name') !!}
{!! Form::text('firstname', 'Enter your first name') !!}
<br />
{!! Form::label('Last name') !!}
{!! Form::text('lastname', 'Enter your last name') !!}
<br />
{!! Form::submit() !!}
{!! Form::close() !!}

Laravel Login Melalui Facebook Menggunakan Socialite

April 17, 2016 by ghazalitajuddin Leave a Comment

Selain facebook, Socialite juga support

Facebook
Github
Google
Twitter
Bitbucket

INSTALL SOCIALITE

Pertama install socialite

composer require laravel/socialite

atau lagkah alternatif, edit file composer.json, tambah pada require section

"laravel/socialite~2.0"

dan jangan lupa run composer update.

EDIT CONFIG/APP.PHP

Edit config/app.php, tambah code berikut pada bahagian array provider

Laravel\Socialite\SocialiteServiceProvider::class,

Tambah Socialide facade pada bahagian array aliases

'Socialite'=> Laravel\Socialite\Facades\Socialite::class,

CREATE FACEBOOK APP

Daftar app baru di https://developers.facebook.com.

Dapatkan

API ID
API SECRET

EDIT CONFIG/SERVICE.PHP

Tambah code berikut

'facebook' => [
'client_id' =>'yourFacebookAppID',
'client_secret' =>'yourFacebookAppSecret',
'redirect' =>'http://yourLaravelAppURL/login/facebook/callback',
],

EDIT FAIL .ENV

'facebook' =[
'client_id' =>env('FACEBOOK_ID'),
'client_secret' =>env('FACEBOOK_SECRET'),
'redirect' =>env('FACEBOOK_URL'),
],

CREATE/UPDATE TABLE USER

Untuk create table biasanya akan guna migration.

Biasanya untuk fresh installation dah ada migration create_users_table.

Cuma kena update sikit utk masukkan facebook unique id.

Edit database/migrations/timestamps_create_users_table.php

public function up()
{
Schema::create('users', function (Blueprint $table) {
$table->increments('id');
$table->string('facebook_id')-&amp;gt;unique();
$table->string('name');
$table->string('email')-&amp;gt;unique();
$table->string('password', 60);
$table->rememberToken();
$table->timestamps();
});
}

Untuk create table run command berikut

php artisan migrate

Kalau table user korang dah exist lain citer.

Kena create migration update_user_table.

Run command berikut, utk hasilkan migration table

php artisan make:migration update_users_table

edit database/migrations/timestamps_update_users_table.php

use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class UpdateUsersTable extends Migration
{
8 public function up(){
if(Schema::hasColumn('users', 'facebook_id')) {

} else {
Schema::table('users', function ($table) {
$table-&amp;amp;gt;string('facebook_id')-&amp;amp;gt;unique();
});
}
}

public function down()
{
Schema::table('users', function ($table) {
$table-&amp;amp;gt;dropColumn('facebook_id');
});
}
}

UPDATE APP/USER.PHP

protected $fillable = [
'name', 'email', 'password', 'facebook_id',
];

UPDATE ROUTE

Route::get('login/facebook', 'Auth\AuthController@redirectToFacebook');
Route::get('login/facebook/callback', 'Auth\AuthController@getFacebookCallback');

Route ini akan membawa (redirectToFacebook) kita ke facebook untuk login, dan kembali(getFacebookCallback) ke page pada host kita.

EDIT Auth/AuthController

Tambah method

redirectToFacebook()
getFacebookCallback()

public function redirectToFacebook()
{
return Socialite::with('facebook')->redirect();
}

public function getFacebookCallback()
{

$data = Socialite::with('facebook')->user();
$user = User::where('email', $data->email)->first();

if(!is_null($user)) {
Auth::login($user);
$user->name = $data->user['first_name'].' '.$data->user['last_name'];
$user->facebook_id = $data->id;
$user->save();
} else {
$user = User::where('facebook_id', $data->id)->first();
if(is_null($user)){
// Create a new user
$user = new User();
//$user->name = $data->user['first_name'].' '.$data->user['last_name'];
$user->name = $data->user['name'];
$user->facebook_id = $data->id;
$user->email = $data->email;
$user->save();
}

Auth::login($user);

}

return redirect('/')->with('success', 'Successfully logged in!');
}

Disebabkan class ini menggunakan Socialite dan Auth, sila tambah di atas class AuthController.

use Socialite;
use Auth;

VISIT

Cuba visit http://cookbook.app/login/facebook

Kita akan dibawa ke page login FB, jika tiada masalah kita akan diredirect ke web kita semula.

EDIT HOMEPAGE VIEW

@extends('master')
@section('title', 'Home')

@section('content')
<div class="container">
<div class="content">
	@if(!Auth::check())
	<div class="quote">Our Home page!</div>
	@else
	<div class="quote">You are now logged in!</div>
	@endif</div>
</div>
@endsection

Fungsi Auth::check() adalah untuk semak sama ada kita mempunyai access di Facebook atau tidak.

Edit Route.php

Untuk menggunakan Session dalam Laravel 5.2 perlu letakkan route dalam group web middleware seperti berikut

<?php

/*
|--------------------------------------------------------------------------
| Application Routes
|--------------------------------------------------------------------------
|
| Here is where you can register all of the routes for an application.
| It's a breeze. Simply tell Laravel the URIs it should respond to
| and give it the controller to call when that URI is requested.
|
*/

//Route::get('/', function () {return view('home');


Route::group(['middleware' => ['web']], function () {

Route::get('/','PagesController@home');
Route::get('/about','PagesController@about');
Route::get('/contact','PagesController@contact');
Route::get('/test','PagesController@test');

	
Route::get('login/facebook', 'Auth\AuthController@redirectToFacebook');
Route::get('login/facebook/callback', 'Auth\AuthController@getFacebookCallback');

});

SQL Laravel

April 17, 2016 by ghazalitajuddin Leave a Comment

Change

.env
[php]
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=bebasrokok01
DB_USERNAME=root
DB_PASSWORD=
[/php]

config/database.php
[php]
‘mysql’ => [
‘driver’ => ‘mysql’,
‘host’ => env(‘DB_HOST’, ‘localhost’),
‘port’ => env(‘DB_PORT’, ‘3306’),
‘database’ => env(‘DB_DATABASE’, ‘bebasrokok01’),
‘username’ => env(‘DB_USERNAME’, ‘root’),
‘password’ => env(‘DB_PASSWORD’, ”),
‘charset’ => ‘utf8’,
‘collation’ => ‘utf8_unicode_ci’,
‘prefix’ => ”,
‘strict’ => false,
‘engine’ => null,
],
[/php]

create_users_table.php
[php]
<?php

use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateUsersTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create(‘users’, function (Blueprint $table) {
$table->increments(‘id’);
$table->string(‘facebook_id’)->unique();
$table->string(‘name’);
$table->string(’email’)->unique();
$table->string(‘password’,60);
$table->rememberToken();
$table->timestamps();
});
}

/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::drop(‘users’);
}
}

[/php]

Simple Laravel 5.2 layout and view

April 16, 2016 by ghazalitajuddin Leave a Comment

This simple layout using basic Bootstrap CDN (http://getbootstrap.com)

master.blade.php
[php]

<html>
<head>
<title> @yield(‘title’) </title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">

@include(‘shared.navbar’)

@yield(‘content’)

</body>
</html>

[/php]

navbar.blade.php
[php]

<nav class="navbar navbar-default">
<div class="container-fluid">
<!– Brand and toggle get grouped for better mobile display –>
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Learning Laravel</a>
</div>

<!– Navbar Right –>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Member <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="/users/register">Register</a></li>
<li><a href="/users/login">Login</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>

[/php]

home.blade.php

[php]
@extends(‘master’)
@section(‘title’, ‘Home’)

@section(‘content’)
<div class="container">
<div class="content">
<div class="title">Home Page</div>
<div class="quote">Our Home page!</div>
</div>
</div>
@endsection
[/php]