Lexicon Issue

Mukul Rajput
1 parent af81d6f3
Showing 3 changed files with 87 additions and 24 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
400-SOURCECODE/AIAHTML5.Web/content/data/json/da/uc_dat_default.json
400-SOURCECODE/AIAHTML5.Web/index.html
 'use strict';
  
-AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", "$timeout", "DataService", "AuthenticationService", "LoginConstants","UserModules","LoginMessageConstants","AdminService", "AdminConstants", "UserTypeConstants",
-function ($rootScope, Modules, $log, $location, $timeout, DataService, AuthenticationService, LoginConstants, UserModules, LoginMessageConstants, AdminService, AdminConstants, UserTypeConstants) {
+AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", "$timeout", "DataService", "AuthenticationService", "LoginConstants","UserModules","LoginMessageConstants","AdminService","$http", "AdminConstants", "UserTypeConstants",
+function ($rootScope, Modules, $log, $location, $timeout, DataService, AuthenticationService, LoginConstants, UserModules, LoginMessageConstants, AdminService, AdminConstants, UserTypeConstants, $http) {
  
     //$scope.pageToOpen = {
     //    name: 'MainMenu'
@@ -332,11 +332,79 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
             $("#messageModal").modal('show');
         }
     }
+  
+   
+    $(document).ready(function () {
+        // getUserDetails();
+       
+      //  var ajaxResult = [];
+        //   var ajaxResult1 = [];
+        $rootScope.isLexiconTabClicked = true;
+        $rootScope.lexiconData = function () {
+            if ($rootScope.isLexiconTabClicked == true) {
+                $rootScope.isLexiconTabClicked = false;
+                $.ajax({
+                    url: '~/../content/data/json/da/uc_dat_default.json',
+                    dataType: "json",
+                    success: function (result) {
+                        $(result.root.uc.al.lx).each(function (key, value) {
+                            // alert(this._tl);
+                            $('#lexiconLangDropdown').append('<option val="' + this._id + '">' + this._tl + '</option>')
+                        });
  
+                    }
  
-    $(document).ready(function () {
-       // getUserDetails();
+                });
+            }
+            $('#lexiconLangDropdown').change(function () {
+                $rootScope.isLexiconLanguageClicked = true;
+                $('#laxiconLangAdd').removeAttr('disabled');
+                $('#laxicanlanguageChagne').removeAttr('disabled');
+                $rootScope.selectedId = $("#lexiconLangDropdown option:selected").attr('val');
+                $rootScope.selectedText = $("#lexiconLangDropdown option:selected").text();
+            });
+
+            $('#laxiconLangAdd').click(function () {
+                if($rootScope.isLexiconLanguageClicked == true){
+                $rootScope.isLexiconLanguageClicked = false;
+                $("#lexiconLangDropdown :selected").remove();
+                $('#secondLax').append('<option val="' + $rootScope.selectedId + '">' + $rootScope.selectedText + '</option>');
+               }
+            });
+
+            $('#secondLax').change(function () {
+                $rootScope.isActiveLexiconLanguageClicked = true;
+                $rootScope.secondlaxdid = $("#secondLax option:selected").attr('val');
+                $rootScope.secondlaxtext = $("#secondLax option:selected").text();
+              
+            });
+
+            $("#laxiconLangRemove").click(function () {
+                if ($rootScope.isActiveLexiconLanguageClicked == true) { 
+                $rootScope.isActiveLexiconLanguageClicked = false;
+                $("#secondLax :selected").remove();
+                $('#lexiconLangDropdown').append('<option val="' + $rootScope.secondlaxdid + '">' + $rootScope.secondlaxtext + '</option>');
+                }
+            });
  
+            $("#laxicanlanguageChagne").click(function () {
+                if ($rootScope.isLexiconLanguageClicked == true)
+                {
+                    $rootScope.isLexiconLanguageClicked = false;
+                    var primarylaxiid = $("#lexiconLangDropdown option:selected").attr('val');
+                    var primarylaxicantext = $("#lexiconLangDropdown option:selected").text();
+                    $("#lexiconLangDropdown :selected").remove();
+                    $('#lexiconLangDropdown').append('<option val="' + $('#primarylaxican').attr("name") + '">' + $('#primarylaxican').val() + '</option>');
+                    $('#primarylaxican').val(primarylaxicantext);
+                    $('#primarylaxican').attr("name", primarylaxiid);
+                }
+              
+            });
+        }
+      
+     
+       
+        
  
         $(function () {
             var colpick = $('.demo').each(function () {
@@ -2978,6 +3046,7 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
  
         $('#listManager').draggable();
  
+   
  
         $rootScope.islistManagerEventAlredayDispachted = true;
  
@@ -3374,7 +3443,8 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
                 top: 70,
                 left: 1,
             },
-            size: { width: $(window).outerWidth(), height: $(window).outerHeight() + 60},
+              size: { width: $(window).outerWidth(), height: $(window).outerHeight() + 60},
+            //size: { width: $(window).outerWidth() - 10, height: $(window).outerHeight() - 110 },
         });
     }
  
+{ "root": {"uc": {"pl": {"lx": {"_id": "1", "_tl": "English" } }, "al": { "lx": [ {"_id": "2", "_tl": "English (Undergraduate)" }, {"_id": "3", "_tl": "Swedish" }, {"_id": "4", "_tl": "German" }, {"_id": "5", "_tl": "Spanish" }, {"_id": "6", "_tl": "Hungarian" }, {"_id": "7", "_tl": "Italian" }, {"_id": "8", "_tl": "French" }, {"_id": "9", "_tl": "Portuguese" }, {"_id": "10", "_tl": "Japanese (Kanji)" }, {"_id": "11", "_tl": "Japanese (Yomi)" } ] }, "sl": null, "sktn": {"_id": "W" }, "mst": {"_st": "1" }, "an": {"_st": "1" }, "fn": {"_fml": "Arial", "_wht": "normal", "_stl": "normal", "_sz": "12" } } }}
 \ No newline at end of file
@@ -464,7 +464,7 @@
                                     <!-- Nav tabs -->
                                     <ul class="nav nav-tabs" role="tablist">
                                         <li role="presentation" ng-class="{'active':SettingsTab==1}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(1)">Appearance</a></li>
-                                        <li role="presentation" ng-class="{'active':SettingsTab==2}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(2)">Lexicons</a></li>
+                                        <li role="presentation" ng-class="{'active':SettingsTab==2}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(2);lexiconData()">Lexicons</a></li>
                                         <li role="presentation" ng-class="{'active':SettingsTab==3}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(3)">Dissectible</a></li>
  
                                     </ul>
@@ -490,33 +490,25 @@
                                                 <div class="col-sm-6">
                                                     <div class="form-group">
                                                         <label for="SystemFont" class="font13">Primary Lexicon</label>
-                                                        <input type="text" class="form-control" value="English" disabled>
-                                                        <button class="btn btn-sm btn-success btn-block marginTop5">Change</button>
-                                                    </div>
+                                                        <input type="text" id="primarylaxican" class="form-control" value="English" name="1" disabled>
+                                                            <button class="btn btn-sm btn-success btn-block marginTop5" id="laxicanlanguageChagne" disabled>Change</button>
+</div>
  
                                                     <div class="form-group">
                                                         <label for="SystemFont" class="font13">Secondary Lexicon</label>
-                                                        <textarea class="form-control" rows="3"></textarea>
+                                                        <!--<textarea class="form-control" rows="3">-->
+                                                        <select class="form-control" size="5" id="secondLax"></select>
+                                                        <!--</textarea>-->
                                                     </div>
                                                     <div class="form-group">
-                                                        <button class="btn btn-sm btn-success" disabled>Add</button>
-                                                        <button class="btn btn-sm btn-success">Remove</button>
+                                                        <button class="btn btn-sm btn-success" id="laxiconLangAdd" disabled>Add</button>
+                                                        <button class="btn btn-sm btn-success" id="laxiconLangRemove">Remove</button>
                                                     </div>
                                                 </div>
                                                 <div class="col-sm-6">
                                                     <div class="form-group">
-                                                        <label for="SystemFont" class="font13">Available Lexicon</label>
-                                                        <select multiple class="form-control" size="8">
-                                                            <option selected value="1">English</option>
-                                                            <option>French</option>
-                                                            <option>German</option>
-                                                            <option>Hungarian</option>
-                                                            <option>Italian</option>
-                                                            <option>Japanese (Kanji)</option>
-                                                            <option>Japanese (Yomi)</option>
-                                                            <option>Portuguese</option>
-                                                            <option>Spanish</option>
-                                                            <option>Swedish</option>
+                                                        <label for="SystemFont" class="font13">Available mkk Lexicon</label>
+                                                        <select class="form-control" size="8" id="lexiconLangDropdown">
                                                         </select>
                                                     </div>
                                                     <p class="font11"><strong>Note :</strong> Some languages require special system fonts to display correctly</p>