Made angular sample project working

Author: hikalkan

SimpleTaskSystemSPA_AngularJs_EntityFramework/SimpleTaskSystem.Web/Abp/Framework/scripts/libs/angular/abp.ng.js

@@ -3,8 +3,8 @@
     var abpModule = angular.module('abp', []);
 
     abpModule.filter('localize', function () {
-        return function (input) {
-            return '...';
+        return function (input, localizationSource) {
+            return abp.localization.localize(input, localizationSource);
         };
     });
 

SimpleTaskSystemSPA_AngularJs_EntityFramework/SimpleTaskSystem.Web/App/Main/app.js

@@ -11,7 +11,9 @@
         'ngSanitize',
 
         'ui.bootstrap',
-        'ui.jq'
+        'ui.jq',
+
+        'abp'
     ]);
 
     app.constant('routes', getRoutes());

SimpleTaskSystemSPA_AngularJs_EntityFramework/SimpleTaskSystem.Web/App/Main/views/layout/layout.cshtml

@@ -10,12 +10,12 @@
             <a class="navbar-brand" href="#">SimpleTaskSystem!</a>
         </div>
         <div class="collapse navbar-collapse">
-            <ul class="nav navbar-nav" data-bind="foreach: router.navigationModel">
+            <ul class="nav navbar-nav">
                 <li ng-class="{active: activeMenu == 'TaskList'}">
-                    <a href="#/">TaskList</a>
+                    <a href="#/">@L("TaskList")</a>
                 </li>
                 <li ng-class="{active: activeMenu == 'NewTask'}">
-                    <a href="#/task/new">NewTask</a>
+                    <a href="#/task/new">@L("NewTask")</a>
                 </li>
             </ul>
             <ul class="nav navbar-nav navbar-right">

SimpleTaskSystemSPA_AngularJs_EntityFramework/SimpleTaskSystem.Web/App/Main/views/layout/layout.js

@@ -1,30 +1,23 @@
 (function () {
 
     var languages = [
-            {
-                name: 'tr',
-                displayName: 'Türkçe',
-                iconClass: 'famfamfam-flag-tr'
-            },
-            {
-                name: 'en',
-                displayName: 'English',
-                iconClass: 'famfamfam-flag-england'
-            }
+        {
+            name: 'tr',
+            displayName: 'Türkçe',
+            iconClass: 'famfamfam-flag-tr'
+        },
+        {
+            name: 'en',
+            displayName: 'English',
+            iconClass: 'famfamfam-flag-england'
+        }
     ];
-
-
-    var controllerId = 'sts.controllers.views.layout';
-
+    
     var app = angular.module('app');
-
-
-
-
+    var controllerId = 'sts.controllers.views.layout';
     app.controller(controllerId, ['$scope', function ($scope) {
         var that = this;
-
-
+        
         that.getLanguageFlagClass = function () {
             var lang = abp.localization.currentCulture.name;
             for (var i = 0; i < languages.length; i++) {

SimpleTaskSystemSPA_AngularJs_EntityFramework/SimpleTaskSystem.Web/App/Main/views/task/list.cshtml

@@ -2,7 +2,7 @@
     <div class="panel-heading" style="position: relative;">
         <div class="row">
             <h3 class="panel-title col-xs-6">
-                @L("TaskList") - <span data-bind="text: abp.utils.formatString(localize('Xtasks'), tasks().length)"></span>
+                @L("TaskList") - <span>{{vm.getTaskCountText()}}</span>
             </h3>
             <div class="col-xs-6 text-right">
                 <select ng-model="selectedTaskState">
@@ -18,7 +18,7 @@
             <span class="task-state-icon glyphicon" ng-click="vm.changeTaskState(task)" ng-class="{'glyphicon-minus': task.state == 1, 'glyphicon-ok': task.state == 2}"></span>
             <span ng-class="{'task-description-active': task.state == 1, 'task-description-completed': task.state == 2 }">{{task.description}}</span>
             <br />
-            <span data-bind="visible: task.assignedPersonId > 0">
+            <span ng-show="task.assignedPersonId > 0">
                 <span class="task-assignedto">{{task.assignedPersonName}}</span>
             </span>
             <span class="task-creationtime">{{task.creationTime}}</span>

SimpleTaskSystemSPA_AngularJs_EntityFramework/SimpleTaskSystem.Web/App/Main/views/task/list.js

@@ -43,6 +43,10 @@
             });
         };
 
+        vm.getTaskCountText = function () {
+            return abp.utils.formatString(vm.localize('Xtasks'), vm.tasks.length);
+        };
+
         vm.refreshTasks();
     }]);
 })();

SimpleTaskSystemSPA_AngularJs_EntityFramework/SimpleTaskSystem.Web/App/Main/views/task/new.cshtml

@@ -1,5 +1,5 @@
 <div ng-controller="sts.controllers.views.task.new as vm">
-    <form role="form" ui-jq="validate" name="newTaskForm" novalidate>
+    <form role="form" name="newTaskForm" novalidate>
         <div class="form-group">
             <label for="TaskDescription">@L("TaskDescription")</label>
             <textarea id="TaskDescription" ng-model="vm.task.description" class="form-control" rows="3" placeholder="@L("EnterDescriptionHere")" required></textarea>