rename

index.html

@@ -56,8 +56,8 @@
     <script src="/js/controllers/website-controller.js" charset="utf-8"></script>
     <script src="/js/controllers/dns-controller.js" charset="utf-8"></script>
     <script src="/js/controllers/email-controller.js" charset="utf-8"></script>
-    <script src="/js/controllers/shows-controller.js" charset="utf-8"></script>
-    <script src="/js/controllers/showsDetail-controller.js" charset="utf-8"></script>
+    <script src="/js/controllers/websites-controller.js" charset="utf-8"></script>
+    <script src="/js/controllers/websitesDetail-controller.js" charset="utf-8"></script>
     <!-- Divrectives -->
     <script src="/js/directives/achievement-directive.js" charset="utf-8"></script>
     <script src="/js/directives/todo-directive.js" charset="utf-8"></script>

js/app.js

@@ -117,14 +117,14 @@ app.config(['$stateProvider', '$urlRouterProvider', 'localStorageServiceProvider
     views: {
       'content@': {
         templateUrl: 'templates/websites.html',
-        controller: 'ShowsController',
+        controller: 'websitesCtrl as vm',
       }
     }
   })
   .state('app.websites.detail', {
     url: '/detail/:id',
     templateUrl: 'templates/websites-detail.html',
-    controller: 'ShowsDetailController'
+    controller: 'websitesDetailCtrl as vm'
   })
   .state('app.dns', {
     url: 'dns',

js/controllers/shows-controller.js

@@ -1,3 +0,0 @@
-app.controller('ShowsController', ['$scope','ShowsService', function($scope, ShowsService) {
- $scope.shows = ShowsService.list();
-}]);

js/controllers/showsDetail-controller.js

@@ -1,3 +0,0 @@
-app.controller('ShowsDetailController', ['$scope','$stateParams', 'ShowsService', function($scope, $stateParams, ShowsService) {
-   $scope.selectedShow = ShowsService.find($stateParams.id);
-}]);

js/controllers/websites-controller.js

@@ -0,0 +1,4 @@
+app.controller('websitesCtrl', ['$scope','ShowsService', function($scope, ShowsService) {
+  var vm = this;
+  vm.shows = ShowsService.list();
+}]);

js/controllers/websitesDetail-controller.js

@@ -0,0 +1,4 @@
+app.controller('websitesDetailCtrl', ['$scope','$stateParams', 'ShowsService', function($scope, $stateParams, ShowsService) {
+  var vm = this;
+  vm.selectedShow = ShowsService.find($stateParams.id);
+}]);

templates/websites-detail.html

@@ -1,4 +1,4 @@
-<h3>{{ selectedShow.name }}</h3>
+<h3>{{ vm.selectedShow.name }}</h3>
 <p>
-  {{ selectedShow.description }}
+  {{ vm.selectedShow.description }}
 </p>

templates/websites.html

@@ -1,5 +1,5 @@
 <ul>
-  <li ui-sref-active="selected" ng-repeat="show in shows">
+  <li ui-sref-active="selected" ng-repeat="show in vm.shows">
     <a ui-sref=".detail({ id: show.id })">{{ show.name }}</a>
   </li>
 </ul>