<?php
//task.php
$url = Yii::app()->request->baseUrl;
     echo '<div ng-app="ngdemoApp">
      <ul class="menu">
        <li><a href="#/dummy">dummy</a></li>
        <li><a href="#/user-list">user-list</a></li>
        <li><a href="#/user-detail/1">user-detail/1</a></li>
        <li><a href="#/user-creation">user-creation</a></li>
      </ul>
 
      <div class="container" ng-view=""></div>
      <script src="'.$url.'/front/tableUser/scripts/app.js"></script>
      <script src="'.$url.'/front/tableUser/scripts/services/services.js"></script>
      <script src="'.$url.'/front/tableUser/scripts/controllers/controllers.js"></script>
 
    </div>';
 
    ?>

//app.js - main file - ROUTES defined
'use strict';
 
angular.module('ngdemoApp', [
  'ngRoute',
  'ngdemoApp.services',
  'ngdemoApp.controllers'
  ])
.config(function ($routeProvider, $httpProvider) {
    var baseUrl = "http://localhost:8084/yiiangular/";
  $routeProvider.when('/dummy', {templateUrl: baseUrl + 'front/tableUser/views/dummy.html', controller: 'DummyCtrl'});
  $routeProvider.when('/user-list', {templateUrl: baseUrl + 'front/tableUser/views/user-list.html', controller: 'UserListCtrl'});
  $routeProvider.when('/user-detail/:id', {templateUrl: baseUrl + 'front/tableUser/views/user-detail.html', controller: 'UserDetailCtrl'});
  $routeProvider.when('/user-creation', {templateUrl: baseUrl + 'front/tableUser/views/user-creation.html', controller: 'UserCreationCtrl'});
  $routeProvider.otherwise({redirectTo: '/user-list'});
 
  /* CORS... */
  /* http://stackoverflow.com/questions/17289195/angularjs-post-data-to-external-rest-api */
  $httpProvider.defaults.useXDomain = true;
  delete $httpProvider.defaults.headers.common['X-Requested-With'];
});
 
//controllers.js
'use strict';
 
/* Controllers */
 
var app = angular.module('ngdemoApp.controllers', []);
 
 
// Clear browser cache (in development mode)
//
// http://stackoverflow.com/questions/14718826/angularjs-disable-partial-caching-on-dev-machine
app.run(function ($rootScope, $templateCache) {
  $rootScope.$on('$viewContentLoaded', function () {
    $templateCache.removeAll();
  });
});
 
 
app.controller('DummyCtrl', ['$scope', 'DummyFactory', function ($scope, DummyFactory) {
  $scope.bla = 'тестируем отдачу кириллицй';
  DummyFactory.query({}, function (data) {
    $scope.foo = data.firstName;
  })
}]);
 
app.controller('UserListCtrl', ['$scope', 'UsersFactory', 'UserFactory', '$location',
  function ($scope, UsersFactory, UserFactory, $location) {
 
    /* callback for ng-click 'editUser': */
    $scope.editUser = function (userId) {
      $location.path('/user-detail/' + userId);
    };
 
    /* callback for ng-click 'deleteUser': */
    $scope.deleteUser = function (userId) {
      UserFactory.delete({ id: userId });
      $scope.users = UsersFactory.query();
    };
 
    /* callback for ng-click 'createUser': */
    $scope.createNewUser = function () {
      $location.path('/user-creation');
    };
 
 
    $scope.users = UsersFactory.query();
    var usersList  = UsersFactory.query();
  }]);
 
app.controller('UserDetailCtrl', ['$scope', '$routeParams', 'UserFactory', '$location',
  function ($scope, $routeParams, UserFactory, $location) {
 
    /* callback for ng-click 'updateUser': */
    $scope.updateUser = function () {
      UserFactory.update($scope.user);
      $location.path('/user-list');
    };
 
    /* callback for ng-click 'cancel': */
    $scope.cancel = function () {
      $location.path('/user-list');
    };
 
    $scope.user = UserFactory.show({id: $routeParams.id});
  }]);
 
app.controller('UserCreationCtrl', ['$scope', 'UsersFactory', '$location',
  function ($scope, UsersFactory, $location) {
 
    /* callback for ng-click 'createNewUser': */
    $scope.createNewUser = function () {
      UsersFactory.create($scope.user);
      $location.path('/user-list');
    }
  }]);
 
//services.js - FACTORY defined
'use strict';
 
var services = angular.module('ngdemoApp.services', ['ngResource']);
 
//var baseUrl = 'http://localhost:8084/yiiangular/index.php';
var baseUrl = "http://localhost:8084/yiiangular/index.php/api/";
 
services.factory('DummyFactory', function ($resource) {
    return $resource('../views/dummy',
 
                     {},
                      {
        query: { method: 'GET', params: {} }
    })
});
 
services.factory('UsersFactory', function ($resource) {
    //return $resource(baseUrl + 'user',
    var usersList = $resource(baseUrl + 'user',
                     {}, {
        query: { method: 'GET', isArray: true },
        create: { method: 'POST' }
    });
     var usersList2 = usersList.query(function() {});
    return usersList;
 
});
 
services.factory('UserFactory', function ($resource) {
    return $resource(baseUrl + 'user/:id',
 
                     {}, {
        show: { method: 'GET' },
        update: { method: 'PUT', params: {id: '@id'} },
        delete: { method: 'DELETE', params: {id: '@id'} }
    })
});