Image Uploads, Laravel, Angular and Flow.js

Here is one combination out of many to make this happen. The libraries are https://github.com/flowjs/ng-flow and https://github.com/flowjs/flow-php-server Model and Imageable Resource What I like about this is we can make 1 controller to manage uploads. That controller will upload the file, place it into the correct folder, and setup the relationship to the resource. In this example the Resource will be a Contact. So I then follow Laravel docs to create the Polymorphic Imageable/Photo example http://laravel.

September 18, 2015 Read
Laravel and Angular Widgets e.g. Non SPA (Single Page Application) Pattern

Not all apps need to be an SPA (Single Page Application). Sure they have their place but in most cases the task might benefit from just a Blade template and Angular widget. This saves you from having to write an angular route which can be a tedious duplication of work. Also Blade is fast and fun to work with. Step One Add Data to Global Window Using the Transform PHP Vars to JavaScript you can easily start to inject some content into your templates, if needed, to setup the data your Angular widget can use to build out it’s elements.

August 26, 2015 Read
Quick way to Request Json from Angular and return from Laravel

I simply want to make sure to return json from my app more easily even on errors. So in Angular I set my app.js as such (function(){ 'use strict'; angular.module('app', []); angular.module('app').run( function($http) { $http.defaults.headers.common.Accept = 'application/json'; } ); })(); Then in my Laravel routes I can public function index(Request $request) { $blogs = Blog::orderBy('created_at', 'desc')->paginate(5); $customPagination = new CustomPagination($blogs); if($request->header('Accept') == 'application/json') return $blogs; return view('blogs.index', compact('blogs', 'customPagination')); } Then I can share the same route with Angular that I do with my Blade templates as needed.

July 6, 2015 Read
Code for making a Shortcut tool for your App

This allows the user to easily make shortcuts to urls they are on and give them names. video The Migration <?php use Illuminate\Database\Migrations\Migration; use Illuminate\Database\Schema\Blueprint; class CreateShortcutsTable extends Migration { /** * Run the migrations. * * @return void */ public function up() { Schema::create('shortcuts', function(Blueprint $table) { $table->string('id', 36)->primary(); $table->string('url'); $table->string('name'); $table->string('user_id', 36); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::drop('shortcuts'); } } The Model You will see me using scopes as I wanted to make a really simple POC

March 29, 2015 Read
Sending Dates to Angular from Laravel

This might not be ideal but so far it allows me to more easily sort dates and filter dates in Angular. From the Laravel model I add these two methods /** * See docs http://laravel.com/docs/5.0/eloquent#date-mutators */ public function getDates() { return array('created_at'); } public function getCreatedAtAttribute($attr) { return Carbon::parse($attr)->timestamp; //Change the format to whichever you desire } Then in Angular I can use the filters {{ vm.created_at | date:'medium'}}

February 24, 2015 Read
Laravel Behat and Selenium

Laracasts has some great videos and libraries for Laravel 5 and Behat integration. Examples https://github.com/laracasts/Behat-Laravel-Extension and https://laracasts.com/lessons/laravel-5-and-behat-bffs Two things that I still need and get from this though that I do not think I can get from those are Laravel 4.2 support which obviously is not going to work with the above L5 libraries :) Mocking APIs when running under APP_ENV=local or testing Also I think with the libraries above only goutte drivers work for the APP_ENV setting.

February 2, 2015 Read
Reusable UI/API CRUD Laravel and Angular

related repo Working on a recent project it finally hit me how repetitive then need was to make a Resource at the API level and to make the UI to Create, Retrieve, Update, Delete, Index. And how easy it would be to make a foundation for this to use for each Resource keeping the UI goals consistent and simple between these Resources. With this came also a set of API tests in Behat that could also be used with the project.

December 26, 2014 Read
Redirecting back to original Angular.js destination from Laravel Auth

UPDATE You can see in the comments some updated info. When a user visits an Angular url (not html5) like http://foo.com/app#some/long/path Then gets redirected to http://foo.com/auth/login because they are not logged in. It would be nice to send them right back after that. These steps will make that possible. Include this file in your authentication page. #intended.js (function(){ 'use strict'; var intended = window.location.hash; (intended.length > 0) ? jQuery.cookie('intended', '/app' + intended) : jQuery.

November 21, 2014 Read
Angular Pusher Factory to Centralize Code (also using Laravel to set constants and properties)

This will cover Making an Angular factory to centralize Pusher setup in Angular Passing settings form Laravel to Angular (though could be just Angular and a .env file as well) Passing Constants into the Angular App to pass these settings around, in this case to the Pusher Factory. Setup your constants This is where I call in the info I need to use later on. (function(){ function config($stateProvider, $urlRouterProvider) { $urlRouterProvider.

October 24, 2014 Read