Version 1.3.0 - Sample API call + Demo on github pages

Author: Jad Joubran

angular/app/dashboard/dashboard.html

@@ -49,5 +49,10 @@ <h1 class="md-display-1">Angular Material</h1>
         </md-content>
       </md-tab>
     </md-tabs>
+    <br>
+	<md-button class="md-raised md-primary" ng-click="sample_test()">Restangular API call</md-button>
+	<br>
+	<br>
+	<div>{{sample_data}}</div>
   </md-content>
 </div>

angular/app/dashboard/dashboard.js

@@ -1,7 +1,15 @@
 (function(){
 	"use strict";
 
-	angular.module('app.controllers').controller('DashboardCtrl', function( $scope ){
+	angular.module('app.controllers').controller('DashboardCtrl', function( $scope, Restangular ){
+
+
+		$scope.sample_test = function(){
+			$scope.sample_data = 'Loading..';
+			Restangular.all('test').doGET('sample').then(function( response ){
+				$scope.sample_data = response.data;
+			});
+		};
 
 	});
 

angular/config/restangular.js

@@ -3,7 +3,7 @@
 
 	angular.module('app.config').config( function(RestangularProvider) {
 		RestangularProvider
-		.setBaseUrl('/api/1/')
+		.setBaseUrl('/api/v1/')
 		.setDefaultHeaders({'X-CSRF-TOKEN': document.getElementById('csrf-token').value });
 	});
 

app/Http/Controllers/WelcomeController.php

@@ -33,4 +33,9 @@ public function index()
 		return view('welcome');
 	}
 
+	public function sample(){
+		$data = ['sample', 'api', 'call', 'with', 'laravel', 'and', 'restangular'];
+		return response()->api( $data );
+	}
+
 }

app/Http/routes.php

@@ -17,9 +17,13 @@
 	return view('index');
 });
 
-Route::get('home', 'HomeController@index');
-
 Route::controllers([
 	'auth' => 'Auth\AuthController',
 	'password' => 'Auth\PasswordController',
 	]);
+
+Route::group(['prefix' => 'api/v1/'], function(){
+
+	Route::get('test/sample', 'WelcomeController@sample');
+
+});

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.2",
+  "version": "1.3.0",
   "devDependencies": {
     "gulp": "^3.8.8",
     "laravel-elixir": "*",

public/js/app.js

@@ -49,5 +49,10 @@ <h1 class="md-display-1">Angular Material</h1>
         </md-content>
       </md-tab>
     </md-tabs>
+    <br>
+	<md-button class="md-raised md-primary" ng-click="sample_test()">Restangular API call</md-button>
+	<br>
+	<br>
+	<div>{{sample_data}}</div>
   </md-content>
 </div>

public/views/app/dashboard/dashboard.html

@@ -1,23 +1,30 @@
 ## Laravel 5 Angular Material Starter
-> Version 1.2
+> Version 1.3
+
+## Frontend Demo
+
+[VIEW DEMO](https://jadjoubran.github.io/laravel5-angular-material-starter)
 
 ![Laravel & Angular](http://i.imgur.com/XiMykki.png)
 
+
+## OVERVIEW
 This is a starter project that gives you an out of the box configuration Laravel 5 and AngularJS (folder by feature architecture).
 Here are the goodies that you'll get:
 
 * Laravel5
 * [Laravel5 Debug Bar](https://github.com/barryvdh/laravel-debugbar)
 * Angular
 * Angular Material
-* Angular UI Router
+* [Angular UI router](https://github.com/angular-ui/ui-router) configuration with multiple views
 * EditorConfig
 * JavaScript Code Style (jscs)
 * Jshint
 * Less
 * Elixir (for all the above)
 * Angular Material sample code
-* [ui-router](https://github.com/angular-ui/ui-router) configuration with multiple views
+* Angular Material custom theming
+* Sample integration between Restangular & Laravel API endpoint
 
 
 ## Installation
@@ -45,15 +52,20 @@ Open a new issue.
 
 Here's what I'm planning for the next versions:
 
-+ Add sample Laravel APIs and call them using Restangular
 + Laravel login API fixes
++ Add sample Layout which relies on flexbox
 + Sample route authentication (via $localStorage)
 + Gulp watch should not exit when it catches an error
-+ Host demo on github pages
 + Installer script that does everything
 
 ## Changelog
 
+### v1.3.0
+
++ Host demo on github pages
++ Add sample Laravel APIs and call them using Restangular
+
+
 ### v1.2.2
 
 + API response macro (to make API calls more compatible with Restangular)