Angular template's language list adapted to ABP 0.4.

Author: hikalkan

Templates/All-In-One-Template/MySpaProject/MySpaProject.Core/MySpaProjectCoreModule.cs

@@ -1,10 +1,17 @@
 using System.Reflection;
+using Abp.Localization;
 using Abp.Modules;
 
 namespace MySpaProject
 {
     public class MySpaProjectCoreModule : AbpModule
     {
+        public override void PreInitialize()
+        {
+            Configuration.Localization.Languages.Add(new LanguageInfo("en", "English", "famfamfam-flag-england", true));
+            Configuration.Localization.Languages.Add(new LanguageInfo("tr", "Türkçe", "famfamfam-flag-tr"));
+        }
+
         public override void Initialize()
         {
             IocManager.RegisterAssemblyByConvention(Assembly.GetExecutingAssembly());

Templates/All-In-One-Template/MySpaProject/MySpaProject.WebSpaAngular/App/Main/views/layout/layout.cshtml

@@ -17,10 +17,9 @@
             </ul>
             <ul class="nav navbar-nav navbar-right">
                 <li class="dropdown">
-                    <a href="" data-toggle="dropdown"><i ng-class="vm.getLanguageFlagClass()"></i> <span>{{vm.getLanguageName()}}</span> <b class="caret"></b></a>
+                    <a href="" data-toggle="dropdown"><i class="{{vm.currentLanguage.icon}}"></i> <span>{{vm.currentLanguage.displayName}}</span> <b class="caret"></b></a>
                     <ul class="dropdown-menu">
-                        <li ng-hide="vm.isCurrentLanguage('tr')"><a href="/AbpLocalization/ChangeCulture?cultureName=tr"><i class="famfamfam-flag-tr"></i> Türkçe</a></li>
-                        <li ng-hide="vm.isCurrentLanguage('en')"><a href="/AbpLocalization/ChangeCulture?cultureName=en"><i class="famfamfam-flag-england"></i> English</a></li>
+                        <li ng-repeat="language in vm.languages" ng-hide="vm.currentLanguage == language.name"><a href="/AbpLocalization/ChangeCulture?cultureName={{language.name}}"><i ng-class="language.icon"></i> {{language.displayName}}</a></li>
                     </ul>
                 </li>
             </ul>

Templates/All-In-One-Template/MySpaProject/MySpaProject.WebSpaAngular/App/Main/views/layout/layout.js

@@ -1,50 +1,13 @@
 (function () {
     var app = angular.module('app');
-    
-    var languages = [
-        {
-            name: 'tr',
-            displayName: 'Türkçe',
-            iconClass: 'famfamfam-flag-tr'
-        },
-        {
-            name: 'en',
-            displayName: 'English',
-            iconClass: 'famfamfam-flag-england'
-        }
-    ];
-    
-    var controllerId = 'app.controllers.views.layout';
-    app.controller(controllerId, ['routes','$scope', function (routes, $scope) {
-        var that = this;
-
-        that.routes = routes;
-        
-        that.getLanguageFlagClass = function () {
-            var lang = abp.localization.currentCulture.name;
-            for (var i = 0; i < languages.length; i++) {
-                if (lang.indexOf(languages[i].name) == 0) {
-                    return languages[i].iconClass;
-                }
-            }
-
-            return '';
-        };
 
-        that.getLanguageName = function () {
-            var lang = abp.localization.currentCulture.name;
-            for (var i = 0; i < languages.length; i++) {
-                if (lang.indexOf(languages[i].name) == 0) {
-                    return languages[i].displayName;
-                }
-            }
-
-            return '';
-        };
+    var controllerId = 'app.controllers.views.layout';
+    app.controller(controllerId, ['routes', function (routes) {
+        var vm = this;
 
-        that.isCurrentLanguage = function(lang) {
-            return abp.localization.isCurrentCulture(lang);
-        };
+        vm.routes = routes;
 
+        vm.languages = abp.localization.languages;
+        vm.currentLanguage = abp.localization.currentLanguage;
     }]);
 })();