diff options
author | 2018-10-18 12:36:05 +0800 | |
---|---|---|
committer | 2018-10-18 12:36:07 +0800 | |
commit | 101e5e37f4ece60af8d08020c7e4bd8f473adce7 (patch) | |
tree | 5b8c03f88280346e0f152f7936b96f2b70b428db /usecaseui-holmes/src/main/webapp/public/framework/browser/js | |
parent | 91c591a198f83eecba7047bc4529d3acd038a932 (diff) |
Update usecase-ui version for R31.2.0
Change-Id: I6d9b3e71f69d17d34dc5f5074a6f2d7025516e58
Issue-ID: USECASEUI-153
Signed-off-by: zhangab <zhanganbing@chinamobile.com>
Diffstat (limited to 'usecaseui-holmes/src/main/webapp/public/framework/browser/js')
-rw-r--r-- | usecaseui-holmes/src/main/webapp/public/framework/browser/js/DataService.js | 137 | ||||
-rw-r--r-- | usecaseui-holmes/src/main/webapp/public/framework/browser/js/app.js | 1361 |
2 files changed, 0 insertions, 1498 deletions
diff --git a/usecaseui-holmes/src/main/webapp/public/framework/browser/js/DataService.js b/usecaseui-holmes/src/main/webapp/public/framework/browser/js/DataService.js deleted file mode 100644 index c7da841a..00000000 --- a/usecaseui-holmes/src/main/webapp/public/framework/browser/js/DataService.js +++ /dev/null @@ -1,137 +0,0 @@ -/* - - Copyright 2016-2017, Huawei Technologies Co., Ltd. - - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. - -*/ - -app.factory("DataService", function($http, $log){ - return { - getAllData: function (value) { - //var value = $scope.param; - return $http({ - url: 'http://localhost:8080/POC_NodeToServletPorting_Server/?widgetType=' + value, - headers: {'Content-Type': 'application/json'}, - method: 'GET' - }).then(function (response) { - $log.info(response.data); - return response.data; - }) - }, - - getAllProvinceData : function() { - return $http({ - url: 'http://localhost:3000/api/getAllProvinceData', - method: 'GET', - headers: {'Content-Type': 'application/json'} - }).then(function(response){ - //$log.info(response); - return response.data; - }); - }, - addProvinceData : function(provinceDetail) { - return $http({ - url: 'http://localhost:3000/api/addProvinceData', - method: 'POST', - data: provinceDetail, - headers: {'Content-Type': 'application/json '} - }).then(function(response){ - console.log("Response : "); - $log.info(response.data); - return response.data; - }); - }, - deleteProvinceData : function(idList) { - return $http({ - url: 'http://localhost:3000/api/deleteProvinceData', - method: 'POST', - data: {'idList':idList}, - headers: {'Content-Type': 'application/json'} - }).then(function(response){ - console.log("Successfully Deleted.."); - $log.info(response); - return response.data; - }); - }, - editProvinceData : function(provinceDetail) { - return $http({ - url: 'http://localhost:3000/api/editProvinceData', - method: 'POST', - data: provinceDetail, - headers: {'Content-Type': 'application/json'} - }).then(function(response){ - console.log("Successfully Edited..."); - $log.info(response); - return response.data; - }); - } - } -}); - -app.factory('LoginService', function($http, $log) { - var admin = 'admin'; - var pass = 'pass'; - var isAuthenticated = false; - - return { - login : function(user) { - console.log(user); - return $http({ - url: 'http://localhost:8081/api/signin',//http://192.168.4.161:3000/api/login - method: 'POST', - data: {'name':user.username, 'pswd':user.password}, - headers: {'Content-Type': 'application/json'} - }).then(function(response){ - $log.info(response); - if(response.status == 200) { - console.log("Success"); - //Success - isAuthenticated = true; - } - else { - console.log("Fail"); - isAuthenticated = false; - } - console.log("isAuthenticated: " + isAuthenticated); - return isAuthenticated; - }, function(reason){ - $log.info(reason); - console.log("Fail"); - isAuthenticated = false; - return reason; - }); - /*isAuthenticated = user.username === admin && user.password === pass; - return isAuthenticated;*/ - }, - isAuthenticated : function() { - return isAuthenticated; - }, - registerUser: function(user){ - console.log("New Registration: " + JSON.stringify(user)); - return $http({ - url: 'http://localhost:8081/api/signup',//http://192.168.4.161:3000/api/login - method: 'POST', - data: {'name':user.username, 'pswd':user.password, 'email':user.email}, - headers: {'Content-Type': 'application/json'} - }).then(function(response){ - $log.info(response); - },function(reason){ - $log.info(reason); - }); - - - } - }; - -});
\ No newline at end of file diff --git a/usecaseui-holmes/src/main/webapp/public/framework/browser/js/app.js b/usecaseui-holmes/src/main/webapp/public/framework/browser/js/app.js deleted file mode 100644 index 558722b1..00000000 --- a/usecaseui-holmes/src/main/webapp/public/framework/browser/js/app.js +++ /dev/null @@ -1,1361 +0,0 @@ -/* - - Copyright 2016-2017, Huawei Technologies Co., Ltd. - - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. - -*/ - - -var app = angular.module("POCApp", ["ui.router", "ngTable"]) - - /*.run(function($rootScope, $location, $state, LoginService) { - $rootScope.$on("$stateChangeStart", function(event, toState, toParams, fromState, fromParams){ - if (toState.authenticate && !LoginService.isAuthenticated()){ - // User isn’t authenticated - $state.transitionTo("login"); - event.preventDefault(); - } - }); - })*/ - .config(function($stateProvider, $urlRouterProvider, $urlMatcherFactoryProvider){ - //$routeProvider.caseInsensitiveMatch = true; - $urlMatcherFactoryProvider.caseInsensitive(true); - $urlRouterProvider.otherwise('/login'); - //$locationProvider.html5Mode(true).hashPrefix('!'); - $stateProvider - .state('login', { - url : '/login', - templateUrl : 'templates/login.html', - controller : 'LoginController', - authenticate: false - }) - .state('register', { - url : '/register', - templateUrl : 'templates/register.html', - controller : 'registerController', - authenticate: false - }) - .state("home", { - url: "/home", - templateUrl : "templates/home.html", - controller : "homeCtrl", - authenticate: true - }) - .state("home.tree", { - url: "/tree", - templateUrl : "templates/tree.html", - controller : "treeCtrl", - authenticate: true - }) - .state("home.accordion", { - url: "/accordion", - templateUrl : "templates/accordion.html", - controller : "accordionCtrl", - authenticate: true - }) - .state("home.tabs", { - url: "/tabs", - templateUrl : "templates/tabs.html", - controller : "tabsCtrl", - authenticate: true - }) - .state("home.vtabs", { - url: "/vtabs", - templateUrl : "templates/verticalTab.html", - controller : "vTabCtrl", - authenticate: true - }) - .state("home.table", { - url: "/table", - templateUrl : "templates/table.html", - controller : "tableCtrl", - authenticate: true - }) - .state("home.buttons", { - url: "/buttons", - templateUrl : "templates/buttons.html", - controller : "buttonsCtrl", - authenticate: true - }) - /*state for radio button and checkboxes-------------------------------------------------*/ - .state("home.radiobuttons", { - url: "/radiobuttons", - templateUrl : "templates/radioButtons.html", - controller : "radioCtrl", - authenticate: true - }) - .state("home.checkboxes", { - url: "/checkboxes", - templateUrl : "templates/checkBoxes.html", - controller : "checkBoxCtrl", - authenticate: true - }) - .state("home.dropdown", { - url: "/dropdown", - templateUrl: "templates/dropdown.html", - controller: "dropdownCtrl", - authenticate: true - }) - - .state("home.list", { - url: "/list", - /*template:"<h3>Under Progress</h3>",*/ - templateUrl : "templates/list.html", - controller : "listCtrl", - authenticate: true - }) - - .state("home.provinceMgmt", { - url: "/management", - templateUrl : "templates/management.html", - controller : "managementCtrl", - authenticate: true - }) - .state("home.tooltip", { - url: "/textarea", - templateUrl : "templates/textarea.html", - controller : "toolCtrl", - authenticate: true - }) - - .state("home.notification", { - url: "/notification", - templateUrl : "templates/notification.html", - controller : "notificationCtrl", - authenticate: true - }) - .state("home.functional", { - url: "/functional", - templateUrl : "templates/functional.html", - controller : "functionalCtrl", - authenticate: true - }) - - - }) - .controller('LoginController', function($scope, $rootScope, $stateParams, $state, LoginService) { - $rootScope.title = "AngularJS Login Sample"; - - $scope.formSubmit = function() { - LoginService.login($scope.user) - .then(function (data) { - if (data) { - $scope.error = ''; - $scope.user.username = ''; - $scope.user.password = ''; - $state.transitionTo('home.tree'); - } - else { - $scope.error = "Incorrect username/password !"; - } - }, function (reason) { - $scope.error = "Incorrect username/password !"; - }); - }; - - }) - .controller('registerController', function($scope, $state, LoginService){ - $scope.formSubmit = function() { - if($scope.user.password === $scope.user.confpassword) { - LoginService.registerUser($scope.user) - .then(function (data) { - $state.transitionTo("login"); - }, function () { - console.log("Failed to register"); - }); - } - else { - console.log("Password not matched..."); - var dialog_tpl = $(modelTemplate).filter('#personDialog').html(); - var data = {'title':'Error',showClose:true, 'closeBtnTxt':'Ok', 'icon':'glyphicon glyphicon-exclamation-sign','iconColor':'icon_error','msg':'Password and Confirm password does not match.', buttons:[]}; - var html = Mustache.to_html(dialog_tpl, data); - $(html).modal({backdrop: "static"}); //backdrop: "static" - for grayed out and no outside click work, backdrop: false - no grayed out*/ - } - }; - }) - .controller("homeCtrl", function($scope, $state, DataService){ - $scope.message = "Home Page"; - - /*$scope.geticonClass = function() { - if($( "#panel1" ).hasClass( "in" )){ - return "openo_accordion_ui-icon-expand"; - } - else{ - return "openo_accordion_ui-icon-expand.current"; - } - - - }*/ - - - - /* $scope.accordionLoaded = function() { - if(modelTemplate != null) { - console.log("left menu loading.."); - menuaccordion(); - return true; - } - console.log("left menu not loading.."); - return false; - } - - function menuaccordion() { - var accordion_tpl = $(modelTemplate).filter('#menu_accordion').html(); - - $.getJSON('./data/homelinks.json', function (accordion) { - var html = Mustache.to_html(accordion_tpl, accordion.accordion_data); - $('#accordionmenuid').html(html); - }); - }*/ - - }) - - /* Tree Controller */ - .controller("treeCtrl", function($scope,DataService,$log){ - $scope.message = "Tree Data"; - var setting = {}; - /*$scope.treeLoaded = function() { - if(modelTemplate != null) { - console.log("Tree data loading.."); - tree(); - return true; - } - console.log("Tree data not loading.."); - return false; - }*/ - $scope.init = function() { - $scope.param="treeData"; - $scope.shortNote="shortNote"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.treeData = data; - tree(); - console.log("inside tree"); - $log.info($scope.treeData); - }); - DataService.getAllData($scope.shortNote) - .then(function(data1){ - $scope.treeTip = data1.treeTip; - console.log("inside treeTip"); - $log.info(data1); - }); - } - function tree() { - zNodes = $scope.treeData; - $.fn.zTree.init($("#tree1"), setting, zNodes); - - } - }) - - /* Accordian Controller */ - .controller("accordionCtrl", function($scope,DataService, $log){ - - $scope.message = "Accordion"; - - $scope.accordionLoaded = function() { - if(modelTemplate != null) { - console.log("accordion loading.."); - - accordion(); - return true; - } - console.log("accordion not loading.."); - return false; - } - - $scope.init = function() { - $scope.param="accordionData"; - $scope.accordionTip="shortNote"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.accordion = data; - accordion(); - console.log("inside accordion"); - $log.info(data); - }); - DataService.getAllData($scope.accordionTip) - .then(function(data){ - $scope.accordionTipData = data.accordionTip; - console.log("inside accordion"); - $log.info(data); - }); - } - - function accordion() { - - var accordion_tpl = $(modelTemplate).filter('#accordion').html(); - console.log("in acc" ); - var html = Mustache.to_html(accordion_tpl, $scope.accordion.accordion_data); - $('#accordion').html(html); - } - }) - .controller("tabsCtrl", function($scope, $state, DataService, $log){ - $scope.message = "Tabs"; - $scope.tabLoaded = function() { - if(modelTemplate != null) { - console.log("Tab is loading.."); - loadTabData(); - return true; - } - console.log("Not ready.."); - return false; - } - - $scope.init = function() { - $scope.param="tabData"; - $scope.tabTip="shortNote"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.tabdata = data; - loadTabData(); - console.log("inside tabs"); - $log.info(data); - }); - DataService.getAllData($scope.tabTip) - .then(function(data){ - $scope.tabTipData = data.tabTip; - $log.info(data); - }); - } - - function loadTabData() { - var tab_tpl = $(modelTemplate).filter('#tabs').html(); - var html = Mustache.to_html(tab_tpl, $scope.tabdata.tabData); - $('#tabArea').html(html); - } - - }) - .controller("vTabCtrl", function($scope, $state, DataService){ - $scope.message = "Vertical Tabs"; - - $scope.vtabLoaded = function() { - if(modelTemplate != null) { - console.log("Vertical Tab is loading.."); - loadvTabData(); - return true; - } - console.log("Not ready.."); - return false; - } - - $scope.init = function() { - $scope.param="vtabData"; - $scope.vtabTip="shortNote"; - DataService.getAllData($scope.param) - .then(function(vtabdata){ - $scope.data = vtabdata; - loadvTabData(); - console.log("inside vTab"); - }); - DataService.getAllData($scope.vtabTip) - .then(function(vtabdata){ - $scope.vtabTipdata = vtabdata.vtabTip; - console.log("inside vTab"); - }); - } - - function loadvTabData() { - - var vtab_tpl = $(modelTemplate).filter('#vtabs').html(); - var html = Mustache.to_html(vtab_tpl, $scope.data.vtabData); - $('#vtabArea').html(html); - } - }) - .controller("tableCtrl", function($scope, $state, DataService){ - $scope.message = "Tables"; - - $scope.tableLoaded = function() { - if(modelTemplate != null) { - console.log("Table is loading.."); - loadTableData(); - return true; - } - console.log("Not ready.."); - return false; - } - - $scope.init = function() { - $scope.param="tableData"; - $scope.tableTip="shortNote"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.tableData = data; - loadTableData(); - console.log("inside table"); - }); - - DataService.getAllData($scope.tableTip) - .then(function(data){ - $scope.tableTipData = data.tableTip; - console.log("inside table"); - }); - } - - function loadTableData() { - - var table_tpl = $(modelTemplate).filter('#table').html(); - - var html = Mustache.to_html(table_tpl, $scope.tableData.basic_table_data); - $('#basictableArea').html(html); - - var html = Mustache.to_html(table_tpl, $scope.tableData.str_table_data); - $('#strippedtableArea').html(html); - - var html = Mustache.to_html(table_tpl, $scope.tableData.cond_table_data); - $('#condensedtableArea').html(html); - } - }) - - /* Buttons Controller */ - .controller("buttonsCtrl", function($scope,DataService,$log){ - $scope.message = "Types of Buttons"; - $scope.buttonTip="shortNote"; - - $scope.init = function() { - $scope.param="buttonsData"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.buttons = data; - defaultButtons(); - visualButtons(); - sizeButtons(); - iconButtons(); - console.log("inside accordion"); - $log.info(data); - }); - DataService.getAllData($scope.buttonTip) - .then(function(data){ - $scope.buttonTipData = data.buttonTip; - console.log("inside table"); - }); - } - - function defaultButtons(){ - console.log("Default buttons Loaded.."); - //Here your view content is fully loaded !! - var def_button_tpl = $(modelTemplate).filter('#defaultButtons').html(); - var def_icon_button_tpl = $(modelTemplate).filter('#defaultIconButtons').html(); - - var html = Mustache.to_html(def_button_tpl, $scope.buttons.default_btn_data.def_button); - $('#defaultButtonArea').html(html); - - var html = Mustache.to_html(def_icon_button_tpl, $scope.buttons.default_btn_data.def_print_button); - $('#defaultButtonArea').append(html); - - var html = Mustache.to_html(def_icon_button_tpl, $scope.buttons.default_btn_data.def_print_button_right); - $('#defaultButtonArea').append(html); - } - - - function visualButtons(){ - console.log("Loaded.."); - //Here your view content is fully loaded !! - var visual_button_tpl = $(modelTemplate).filter('#visualButtons').html(); - - var html = Mustache.to_html(visual_button_tpl, $scope.buttons.visual_btn_data.vis_pri_btn_data); - $('#visualButtonArea').html(html); - - var html = Mustache.to_html(visual_button_tpl, $scope.buttons.visual_btn_data.vis_sec_btn_data); - $('#visualButtonArea').append(html); - - var html = Mustache.to_html(visual_button_tpl, $scope.buttons.visual_btn_data.vis_succ_btn_data); - $('#visualButtonArea').append(html); - - var html = Mustache.to_html(visual_button_tpl, $scope.buttons.visual_btn_data.vis_inf_btn_data); - $('#visualButtonArea').append(html); - - var html = Mustache.to_html(visual_button_tpl, $scope.buttons.visual_btn_data.vis_warn_btn_data); - $('#visualButtonArea').append(html); - - var html = Mustache.to_html(visual_button_tpl, $scope.buttons.visual_btn_data.vis_dang_btn_data); - $('#visualButtonArea').append(html); - - var html = Mustache.to_html(visual_button_tpl, $scope.buttons.visual_btn_data.vis_link_btn_data); - $('#visualButtonArea').append(html); - } - - function sizeButtons() { - var size_button_tpl = $(modelTemplate).filter('#sizeButtons').html(); - - var html = Mustache.to_html(size_button_tpl, $scope.buttons.diffSize_btn_data.size_small_btn_data); - $('#sizeButtonArea').html(html); - - var html = Mustache.to_html(size_button_tpl, $scope.buttons.diffSize_btn_data.size_large_btn_data); - $('#sizeButtonArea').append(html); - - var html = Mustache.to_html(size_button_tpl, $scope.buttons.diffSize_btn_data.size_block_btn_data); - $('#sizeButtonArea').append(html); - - } - - function iconButtons() { - var icon_button_tpl = $(modelTemplate).filter('#iconButtons').html(); - - var html = Mustache.to_html(icon_button_tpl, $scope.buttons.icon_btn_data.search_icon_btn_data); - $('#iconButtonArea').html(html); - - var html = Mustache.to_html(icon_button_tpl, $scope.buttons.icon_btn_data.search_icon_styled_btn_data); - $('#iconButtonArea').append(html); - - var html = Mustache.to_html(icon_button_tpl, $scope.buttons.icon_btn_data.print_icon_btn_data); - $('#iconButtonArea').append(html); - - } - - $scope.defaultButtonsLoaded = function() { - if(modelTemplate != null) { - console.log("default buttons loading.."); - defaultButtons(); - return true; - } - console.log("default buttons not loading.."); - return false; - } - - $scope.visualButtonsLoaded = function() { - if(modelTemplate != null) { - console.log("visual buttons loading.."); - visualButtons(); - return true; - } - console.log("visual buttons not loading.."); - return false; - } - - $scope.sizeButtonsLoaded = function() { - if(modelTemplate != null) { - console.log("size buttons loading.."); - sizeButtons(); - return true; - } - console.log("size buttons not loading.."); - return false; - } - - $scope.iconButtonsLoaded = function() { - if(modelTemplate != null) { - console.log("icon buttons loading.."); - iconButtons(); - return true; - } - console.log("icon buttons not loading.."); - return false; - } - }) - /* Drop down----------------------*/ - .controller("dropdownCtrl", function($scope, DataService) { - $scope.message = "You selected drop down"; - $scope.subIsLoaded = function () { - if (modelTemplate != null) { - console.log("Loading.."); - loadDrop(); - return true; - } - console.log("Not Loaded.."); - return false; - } - - $scope.init = function() { - $scope.param="dropdownData"; - $scope.dropdownTip="shortNote"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.dropdown = data; - loadDrop(); - }); - DataService.getAllData($scope.dropdownTip) - .then(function(data){ - $scope.dropdownTipData = data.dropdownTip; - console.log("inside table"); - }); - } - function loadDrop() { - var drop_tpl = $(modelTemplate).filter('#dropDown').html(); - var dropHeader_tpl = $(modelTemplate).filter('#dropDownHeader').html(); - var dropSimple_tpl = $(modelTemplate).filter('#simpleDropdownTmpl').html(); - - var html = Mustache.to_html(drop_tpl, $scope.dropdown.dropped_down_data); - $('#dropArea').html(html); - - var html = Mustache.to_html(drop_tpl, $scope.dropdown.dropped_up_data); - $('#dropAreaUP').html(html); - - var html = Mustache.to_html(dropHeader_tpl, $scope.dropdown.dropHeader_data); - $('#dropAreaHeader').html(html); - - var html = Mustache.to_html(dropSimple_tpl, $scope.dropdown.dropSimple_data); - $('#plainDropDown').html(html); - - } - }) - .controller("radioCtrl", function($scope, DataService, $log) { - $scope.message = "You selected radio button tab"; - var lodedOnce = false; - $scope.subIsLoaded = function() { - if(modelTemplate != null) { - console.log("Loading.."); - loadRadioBtn(); - return true; - } - console.log("Not Loaded.."); - return false; - } - - $scope.init = function() { - $scope.param="radioData"; - $scope.radioTip="shortNote"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.radioButton = data; - loadRadioBtn(); - console.log("inside button"); - $log.info(data); - }); - - DataService.getAllData($scope.radioTip) - .then(function(data){ - $scope.radioTipData = data.radioTip; - console.log("inside table"); - }); - } - function loadRadioBtn(){ - console.log("lodedOnce : "+lodedOnce); - - var radio_button_tpl = $(modelTemplate).filter('#radioButtons').html(); - var html = Mustache.to_html(radio_button_tpl, $scope.radioButton .radio_btn_default_data); - $('#radioBtnArea').html(html); - - var html = Mustache.to_html(radio_button_tpl, $scope.radioButton .radio_btn_primary_data); - $('#radioBtnArea').append(html); - - var html = Mustache.to_html(radio_button_tpl, $scope.radioButton .radio_btn_success_data); - $('#radioBtnArea').append(html); - - var html = Mustache.to_html(radio_button_tpl, $scope.radioButton .radio_btn_danger_data); - $('#radioBtnArea').append(html); - - var html = Mustache.to_html(radio_button_tpl, $scope.radioButton .radio_btn_Warn_data); - $('#radioBtnArea').append(html); - - var html = Mustache.to_html(radio_button_tpl, $scope.radioButton .radio_btn_info_data); - $('#radioBtnArea').append(html); - - } - }) - .controller("checkBoxCtrl", function($scope, DataService) { - $scope.message = "You selected checkbox tab"; - $scope.subIsLoaded = function() { - if(modelTemplate != null) { - console.log("Loading.."); - loadCheckBox(); - return true; - } - console.log("Not Loaded.."); - return false; - } - $scope.init = function() { - $scope.param="checkboxData"; - $scope.checkboxTip="shortNote"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.checkBox = data; - loadCheckBox(); - }); - DataService.getAllData($scope.checkboxTip) - .then(function(data){ - $scope.checkboxTipData = data.checkboxTip; - console.log("inside table"); - }); - } - function loadCheckBox() { - var check_box_tpl = $(modelTemplate).filter('#checkBoxes').html(); - - var html = Mustache.to_html(check_box_tpl, $scope.checkBox.checkbox_default_data); - $('#CheckBoxArea').html(html); - - var html = Mustache.to_html(check_box_tpl, $scope.checkBox.checkbox_primary_data); - $('#CheckBoxArea').append(html); - - var html = Mustache.to_html(check_box_tpl, $scope.checkBox.checkbox_success_data); - $('#CheckBoxArea').append(html); - - var html = Mustache.to_html(check_box_tpl, $scope.checkBox.checkbox_danger_data); - $('#CheckBoxArea').append(html); - - var html = Mustache.to_html(check_box_tpl, $scope.checkBox.checkbox_warn_data); - $('#CheckBoxArea').append(html); - - var html = Mustache.to_html(check_box_tpl, $scope.checkBox.checkbox_info_data); - $('#CheckBoxArea').append(html); - - /*$.getJSON('./data/checkboxData.json', function(c_data) { - var html = Mustache.to_html(check_box_tpl, c_data.checkbox_default_data); - $('#CheckBoxArea').html(html); - - var html = Mustache.to_html(check_box_tpl, c_data.checkbox_primary_data); - $('#CheckBoxArea').append(html); - - var html = Mustache.to_html(check_box_tpl, c_data.checkbox_success_data); - $('#CheckBoxArea').append(html); - - var html = Mustache.to_html(check_box_tpl, c_data.checkbox_danger_data); - $('#CheckBoxArea').append(html); - - var html = Mustache.to_html(check_box_tpl, c_data.checkbox_warn_data); - $('#CheckBoxArea').append(html); - - var html = Mustache.to_html(check_box_tpl, c_data.checkbox_info_data); - $('#CheckBoxArea').append(html); - });*/ - } - }) - - /* Reference Code -- Remove after use */ - .controller("coursesCtrl", function($scope, DataService){ - $scope.message = "Courses Offered"; - $scope.courses = ["Java", "C/C++", "JavaScript", "AngularJS", "NodeJS", "HTML", "Python", "Action Script"]; - $scope.showDialog = function() { - /*var dialog_tpl = $(modelTemplate).filter('#personDialog').html(); - var data = {'title':'Shahid Noor','showClose':true,'closeBtnTxt':'Cancel','icon':'glyphicon glyphicon-off','iconColor':'icon_warn','msg':'Good! There is a message that can be used to show on the screen. There is a message that can be used to show on the screen', buttons:[{"text": "Ok", 'action':'callThis()'},{"text": "Show"}]}; - var html = Mustache.to_html(dialog_tpl, data); - $(html).modal({backdrop: "static"}); //backdrop: "static" - for grayed out and no outside click work, backdrop: false - no grayed out*/ - - var def_button_tpl = $(modelTemplate).filter('#visualButtons').html(); - var def_btn_data = {'title':"asas", 'type':'primary'}; - var html = Mustache.to_html(def_button_tpl, def_btn_data); - $('#sampleArea').html(html); - }; - - // $scope.$on('$viewContentLoaded', function(){ - function loaded(){ - console.log("Loaded.."); - //Here your view content is fully loaded !! - var def_button_tpl = $(modelTemplate).filter('#dropDown').html(); - var def_btn_data = {'title':'Shahid Noor','position':'down', items:[{"itemLabel": "Ok"},{"itemLabel": "Show"}]}; - var html = Mustache.to_html(def_button_tpl, def_btn_data); - $('#sampleArea').html(html); - - } - $scope.subIsLoaded = function() { - if(modelTemplate != null) { - console.log("Loading.."); - loaded(); - return true; - } - console.log("Not Loaded.."); - return false; - } - }) - - .controller("toolCtrl", function($scope, DataService, $compile, $log){ - $scope.toolTip = "shortNote"; - $scope.toolTipContent = "textArea"; - - DataService.getAllData($scope.toolTipContent) - .then(function(data){ - $log.info(data.Note.placement); - $scope.noteContent = data.Note.message; - $scope.notePlacement = data.Note.placement; - $scope.errMsg = data.ErrMsg; - console.log($scope.noteContent + " " + $scope.notePlacement); - loadTextArea(); - }); - DataService.getAllData($scope.toolTip) - .then(function(data){ - $scope.toolTipData = data.toolTip; - //loadTextArea(); - }); - - //$('[data-toggle="popover"]').popover(); - - - - function loadTextArea() { - var text = $(modelTemplate).filter('#textfield').html(); - var email = $(modelTemplate).filter('#email').html(); - var url = $(modelTemplate).filter('#url').html(); - var password = $(modelTemplate).filter('#password').html(); - var numeric = $(modelTemplate).filter('#numeric').html(); - var dot = $(modelTemplate).filter('#dot').html(); - var dateinput = $(modelTemplate).filter('#dateinput').html(); - var monthinput = $(modelTemplate).filter('#monthinput').html(); - var weekinput = $(modelTemplate).filter('#weekinput').html(); - var timeinput = $(modelTemplate).filter('#timeinput').html(); - var ipv4 = $(modelTemplate).filter('#ipv4').html(); - var ipv6 = $(modelTemplate).filter('#ipv6').html(); - var textarea = $(modelTemplate).filter('#textarea').html(); - - var note = $(modelTemplate).filter('#note').html(); - - var dataText = {"errMsg" : {"textboxErr" : "The name is required.", "modalVar":"province.province_name", "placeholder":""}}; - var html = Mustache.to_html(text, dataText.errMsg); - $('#fname').html($compile(html)($scope)); - - var html = Mustache.to_html(email, $scope.errMsg); - $('#email').html($compile(html)($scope)); - - var html = Mustache.to_html(url, $scope.errMsg); - $('#url').html($compile(html)($scope)); - - var html = Mustache.to_html(password, $scope.errMsg); - $('#password').html($compile(html)($scope)); - - var dataNum = {"errMsg" : {"numericErr" : "The number is required.", "modalVar":"province.port", "placeholder":""}}; - var html = Mustache.to_html(numeric, dataNum.errMsg); - $('#numeric').html($compile(html)($scope)); - - - var html = Mustache.to_html(dot, $scope.errMsg); - $('#dot').html($compile(html)($scope)); - - var html = Mustache.to_html(dateinput, $scope.errMsg); - $('#dateinput').html($compile(html)($scope)); - - var html = Mustache.to_html(monthinput, $scope.errMsg); - $('#monthinput').html($compile(html)($scope)); - - var html = Mustache.to_html(weekinput, $scope.errMsg); - $('#weekinput').html($compile(html)($scope)); - - var html = Mustache.to_html(timeinput, $scope.errMsg); - $('#timeinput').html($compile(html)($scope)); - - var dataIP = {"errMsg" : {"ipv4Err" : "The ipv4 is required.", "modalVar":"province.ip", "placeholder":""}}; - var html = Mustache.to_html(ipv4, dataIP.errMsg); - $('#ipv4').html($compile(html)($scope)); - - var html = Mustache.to_html(ipv6, $scope.errMsg); - $('#ipv6').html($compile(html)($scope)); - - var html = Mustache.to_html(textarea, $scope.errMsg); - $('#textarea').html($compile(html)($scope)); - - - - var html = Mustache.to_html(note, {"placement":$scope.notePlacement}); - $('#note').html(html); - $("#noteanchor").popover({ - template: '<div class="popover fade bottom in customPopover"><div class="arrow"></div>'+$scope.noteContent+'</div>' - }); - - $scope.validatetextbox = function (value){ - if($scope.textbox) { - $scope.textboxErr = false; - } - else - $scope.textboxErr = true; - - } - $scope.validateemail = function (value){ - if($scope.email) { - $scope.emailErr = false; - } - else - $scope.emailErr = true; - - } - $scope.validateurl = function (value){ - if($scope.url) { - $scope.urlErr = false; - } - else - $scope.urlErr = true; - - } - $scope.validatepassword = function (value){ - if($scope.password) { - $scope.passwordErr = false; - } - else - $scope.passwordErr = true; - - } - $scope.validatenumeric = function (value){ - if($scope.number) { - $scope.numericErr = false; - } - else - $scope.numericErr = true; - - } - $scope.validatedot = function (value){ - if($scope.datetime) { - $scope.dotErr = false; - } - else - $scope.dotErr = true; - - } - $scope.validatedateinput = function (value){ - if($scope.date) { - $scope.dateinputErr = false; - } - else - $scope.dateinputErr = true; - - } - $scope.validatemonthinput = function (value){ - if($scope.month) { - $scope.monthinputErr = false; - } - else - $scope.monthinputErr = true; - - } - $scope.validateweek = function (value){ - if($scope.week) { - $scope.weekinputErr = false; - } - else - $scope.weekinputErr = true; - - } - $scope.validatetime = function (value){ - if($scope.time) { - $scope.timeinputErr = false; - } - else - $scope.timeinputErr = true; - - } - $scope.validateipv4 = function (value){ - if($scope.ipv4) { - $scope.ipv4Err = false; - } - else - $scope.ipv4Err = true; - - } - $scope.validateipv6 = function (value){ - if($scope.ipv6) { - $scope.ipv6Err = false; - } - else - $scope.ipv6Err = true; - - } - - $scope.validatetextarea = function (value){ - if($scope.textarea) { - $scope.textareaErr = false; - } - else - $scope.textareaErr = true; - - } - - - - } - - - }) - - - - - - - - .controller("notificationCtrl", function($scope, DataService){ - $scope.message = "Notification and Messages"; - $scope.notificationTip = "shortNote"; - - var dialog_tpl; - $scope.templateLoaded = function() { - if(modelTemplate != null) { - console.log("Loading.."); - - return true; - } - console.log("Not Loaded.."); - return false; - } - $scope.init = function() { - $scope.param="notificationData"; - $scope.notificationTip="shortNote"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.notification = data; - }); - DataService.getAllData($scope.notificationTip) - .then(function(data){ - $scope.notificationTipData = data.notificationTip; - }); - } - - $scope.showError = function() { - dialog_tpl = $(modelTemplate).filter('#personDialog').html(); - var html = Mustache.to_html(dialog_tpl, $scope.notification.err_data); - $(html).modal({backdrop: "static"});//backdrop: "static" - for grayed out and no outside click work, backdrop: false - no grayed out*! - } - - $scope.showWarning = function() { - dialog_tpl = $(modelTemplate).filter('#personDialog').html(); - var html = Mustache.to_html(dialog_tpl, $scope.notification.warn_data); - $(html).modal(); - } - - $scope.showInfo = function() { - dialog_tpl = $(modelTemplate).filter('#personDialog').html(); - var html = Mustache.to_html(dialog_tpl, $scope.notification.info_data); - $(html).modal(); - } - $scope.showConfirm = function() { - dialog_tpl = $(modelTemplate).filter('#personDialog').html(); - var html = Mustache.to_html(dialog_tpl, $scope.notification.confirm_data); - $(html).modal({backdrop: "static"}); //backdrop: "static" - for grayed out and no outside click work, backdrop: false - no grayed out*!/ - } - - }) - - .controller("functionalCtrl", function($scope, DataService){ - $scope.message = "Functional Flow"; - - var dialog_tpl; - $scope.templateLoaded = function() { - if(modelTemplate != null) { - console.log("Loading.."); - - return true; - } - console.log("Not Loaded.."); - return false; - } - - $scope.init = function() { - $scope.param="functionalData"; - $scope.functionalTip="shortNote"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.functional = data; - }); - DataService.getAllData($scope.functionalTip) - .then(function(data){ - $scope.functionalTipData = data.functionalTip; - }); - } - $scope.showCreate = function() { - dialog_tpl = $(modelTemplate).filter('#functionalDialog').html(); - var html = Mustache.to_html(dialog_tpl, $scope.functional.create_data); - $(html).modal(); - } - $scope.showModify = function() { - dialog_tpl = $(modelTemplate).filter('#functionalDialog').html(); - var html = Mustache.to_html(dialog_tpl, $scope.functional.modify_data); - $(html).modal(); - } - $scope.showDelete = function() { - dialog_tpl = $(modelTemplate).filter('#functionalDialog').html(); - var html = Mustache.to_html(dialog_tpl, $scope.functional.delete_data); - $(html).modal(); - } - $scope.showWorkflow = function() { - dialog_tpl = $(modelTemplate).filter('#functionalDialog').html(); - var html = Mustache.to_html(dialog_tpl, $scope.functional.workflow_data); - $(html).modal(); - } - }) - - .controller("listCtrl", function($scope, $log, DataService){ - $scope.message = "List Page"; - $scope.listTip = "shortNote"; - $scope.init = function() { - console.log("Shahid... ng-init"); - $scope.param="list"; - DataService.getAllData($scope.param) - .then(function(data){ - $scope.mainlistItem = data; - }, function(reason){ - $scope.portfolios = []; - - }); - - DataService.getAllData($scope.listTip) - .then(function(data){ - $scope.listTipData = data.listTip; - }); - } - $scope.loadSubMenuPage = function(index) { - $log.info($scope.mainlistItem); - $scope.subMenuListItem = $scope.mainlistItem[index].subMenu; - $scope.subsubMenuListItem = []; - } - $scope.loadSubSubMenuPage = function(index) { - $log.info($scope.subMenuListItem); - console.log("index: "+index); - $scope.subsubMenuListItem = $scope.subMenuListItem[index].subsubMenu; - } - }) - - .controller("managementCtrl", function($scope, $log, DataService, $state, $compile, NgTableParams){ - $scope.message = "Management"; - $scope.provinceTip = "shortNote"; - /*$scope.provinceData = [ - {id:1, province_name:'First', ip:'192.168.1.45', port:'8080'}, - {id:2, province_name:'Second', ip:'192.168.1.5', port:'8081'}, - {id:3, province_name:'Third', ip:'192.168.1.15', port:'8082'}, - {id:4, province_name:'Fourth', ip:'192.168.1.28', port:'8083'}, - {id:5, province_name:'Fifth', ip:'192.168.1.19', port:'8084'} - ];*/ - - $scope.init = function() { - console.log("Shahid... ng-init"); - DataService.getAllProvinceData() - .then(function(data){ - $scope.provinceData = data.provinceData; - console.log("Data: "); - loadButtons(); - $log.info(data.provinceData); - }, function(reason){ - $scope.message = "Error is :" + JSON.stringify(reason); - }); - - DataService.getAllData($scope.provinceTip) - .then(function(data){ - $scope.provinceTipData = data.provinceTip; - }); - } - - /*DataService.getAllProvinceData() - .then(function(data){ - $scope.provinceData = data.provinceData; - console.log("Data: "); - $log.info(data.provinceData); - }, function(reason){ - $scope.message = "Error is :" + JSON.stringify(reason); - });*/ - /*DataService.getAllData($scope.provinceTip) - .then(function(data){ - $scope.provinceTipData = data.provinceTip; - });*/ - - function loadButtons() { - var def_button_tpl = $(modelTemplate).filter('#defaultButtons').html(); - var add_data = {"title":"Add", "clickAction":"showAddModal()"}; - var delete_data = {"title":"Delete Selected", "clickAction":"deleteData()"}; - var addhtml = Mustache.to_html(def_button_tpl, add_data); - var deletehtml = Mustache.to_html(def_button_tpl, delete_data); - $('#provinceAction').html($compile(addhtml)($scope)); - $('#provinceAction').append($compile(deletehtml)($scope)); - - $scope.checkboxes = { 'checked': false, items: {} }; - - //var data = [{id: 1, name: "Moroni", age: 50}, {id: 2, name: "ABC", age: 30}, {id: 3, name: "Morhoni", age: 10}, {id: 4, name: "DABC", age: 31}, {id: 5, name: "Noor", age: 30}, {id: 6, name: "ABCD", age: 40}, {id: 7, name: "DABC", age: 31}, {id: 8, name: "Noor", age: 30}, {id: 9, name: "ABCD", age: 40}, {id: 10, name: "DABC", age: 31}, {id: 11, name: "Noor", age: 30}, {id: 12, name: "ABCD", age: 40}]; - $scope.tableParams = new NgTableParams({count: 5, sorting: {province_name: 'asc'} //{page: 1,count: 10,filter: {name: 'M'},sorting: {name: 'desc'} - }, { counts:[5, 10, 20, 50], dataset: $scope.provinceData}); - - $scope.$watch('checkboxes.checked', function(value) { - angular.forEach($scope.provinceData, function(item) { - if (angular.isDefined(item.id)) { - $scope.checkboxes.items[item.id] = value; - } - }); - }); - - var text = $(modelTemplate).filter('#textfield').html(); - var ipv4 = $(modelTemplate).filter('#ipv4').html(); - var number = $(modelTemplate).filter('#numeric').html(); - - var dataText = {"ErrMsg" : {"textboxErr" : "The name is required.", "modalVar":"province.province_name", "placeholder":"Name"}}; - $('#myModal .provinceName').html($compile(Mustache.to_html(text, dataText.ErrMsg))($scope)); - - var dataIP = {"ErrMsg" : {"ipv4Err" : "The ipv4 is required.", "modalVar":"province.ip", "placeholder":"IP Address"}}; - $('#myModal .ipAddress').html($compile(Mustache.to_html(ipv4, dataIP.ErrMsg))($scope)); - - var dataNum = {"ErrMsg" : {"numericErr" : "The number is required.", "modalVar":"province.port", "placeholder":"Port"}}; - $('#myModal .port').html($compile(Mustache.to_html(number, dataNum.ErrMsg))($scope)); - - var modelSubmit_data = {"title":"Submit", "clickAction":"saveData(province.id)"}; - var modelSubmit_html = Mustache.to_html(def_button_tpl, modelSubmit_data); - $('#myModal #footerBtns').html($compile(modelSubmit_html)($scope)); - - var modelDelete_data = {"title":"Close", "clickAction":"closeModal()"}; - var modelDelete_html = Mustache.to_html(def_button_tpl, modelDelete_data); - $('#myModal #footerBtns').append($compile(modelDelete_html)($scope)); - } - - $scope.validatetextbox = function (value){ - if($scope.province.province_name) { - $scope.textboxErr = false; - } - else - $scope.textboxErr = true; - } - $scope.validateipv4 = function (value){ - if($scope.province.ip) { - $scope.ipv4Err = false; - } - else - $scope.ipv4Err = true; - } - $scope.validatenumeric = function (value){ - if($scope.province.port) { - $scope.numericErr = false; - } - else - $scope.numericErr = true; - } - - $scope.closeModal = function() { - console.log("Closing Modal..."); - $('#myModal').modal('hide'); - } - - - $scope.checkAll = function() { - console.log("Checked .."); - angular.forEach($scope.provinceData, function(data) { - //data.select = $scope.selectAll; - $scope.checkboxes.items[user.id] - }); - }; - - $scope.showAddModal = function() { - console.log("Showing Modal to Add data"); - $scope.province = {}; - $scope.textboxErr = false; - $scope.ipv4Err = false; - $scope.numericErr = false; - $("#myModal").modal(); - } - $scope.saveData = function(id) { - if(id) { - //edit data - console.log("Editing data.." + JSON.stringify($scope.province)); - DataService.editProvinceData($scope.province) - .then(function (data) { - $scope.message = "Success :-)"; - $state.reload(); - //$state.go($state.current.name, {}, {reload: true}) - }, - function (reason) { - //$log.info(reason); - $scope.message = reason.status + " " + reason.statusText; - }); - } - else { - console.log("Adding data.." + JSON.stringify($scope.province)); - DataService.addProvinceData($scope.province) - .then(function (data) { - $scope.message = "Success :-)"; - $state.reload(); - //$state.go($state.current.name, {}, {reload: true}) - }, - function (reason) { - //$log.info(reason); - $scope.message = reason.status + " " + reason.statusText; - }); - } - $('#myModal').modal('hide'); - } - - $scope.deleteData = function() { - var deleteArr = []; - //$log.info($scope.checkboxes); - angular.forEach($scope.checkboxes.items, function(value , key) { - //$log.info(data); - if(value) { - deleteArr.push(key); - } - }); - - console.log("To be deleted : "+deleteArr); - //$log.info(deleteArr); - DataService.deleteProvinceData(deleteArr) - .then(function(data){ - $scope.message = "Successfully deleted :-)"; - $state.reload(); - }, - function(reason){ - //$log.info(reason); - $scope.message = reason.status + " " + reason.statusText; - }); - } - - $scope.deleteIndividualData = function(id) { - var deleteArr = []; - //$log.info($scope.checkboxes); - deleteArr.push(id); - - console.log("To be deleted : "+deleteArr); - //$log.info(deleteArr); - DataService.deleteProvinceData(deleteArr) - .then(function(data){ - $scope.message = "Successfully deleted :-)"; - $state.reload(); - }, - function(reason){ - //$log.info(reason); - $scope.message = reason.status + " " + reason.statusText; - }); - } - - $scope.editData = function(id) { - $scope.textboxErr = false; - $scope.ipv4Err = false; - $scope.numericErr = false; - console.log("To be edited : " + id); - var dataFound = false; - angular.forEach($scope.provinceData, function(data) { - if(!dataFound) { - if (data.id == id) { - console.log("Found : " + data.id); - $scope.province = data; - /*$scope.province.province_name = data.province_name; - $scope.province.ip = data.ip; - $scope.province.port = data.port;*/ - - $("#myModal").modal(); - dataFound = true; - } - } - }); - } - - }) - -var modelTemplate; -function loadTemplate() { - $.get('template.html', function(template) { - modelTemplate = template; - }); -} - -function callThis() { - alert("Going Great!"); -} - -function searchTable() { - var filter, table, tr, td; - filter = $("#myInput").val().toUpperCase(); - table = $("#myTable_search"); - tr = $("#myTable_search tr"); - - // Loop through all table rows, and hide those who don't match the search query - for (var i = 0; i < tr.length; i++) { - td = tr[i].getElementsByTagName("td")[0]; - if (td) { - if (td.innerHTML.toUpperCase().indexOf(filter) > -1) { - tr[i].style.display = ""; - } else { - tr[i].style.display = "none"; - } - } - } -} - -function linkClicked(state) { - console.log("State to : " + state); -}
\ No newline at end of file |