" + "What does access mean to cube?" + @@ -34,10 +34,12 @@ KylinApp.controller('AccessCtrl', function ($scope,AccessService, MessageService AccessService.grant({type: type, uuid: uuid}, grantRequst, function (accessEntities) { entity.accessEntities = accessEntities; $scope.resetNewAcess(); - MessageService.sendMsg('Access granted!', 'success', {}); +// MessageService.sendMsg('Access granted!', 'success', {}); + sweet.show('Success!', 'Access granted!', 'success'); }, function (e) { if (e.status == 404) { - MessageService.sendMsg('User not found!', 'error', {}); +// MessageService.sendMsg('User not found!', 'error', {}); + sweet.show('Oops...', 'User not found!!', 'error'); } }); } @@ -49,12 +51,22 @@ KylinApp.controller('AccessCtrl', function ($scope,AccessService, MessageService }; AccessService.update({type: type, uuid: entity.uuid}, updateRequst, function (accessEntities) { entity.accessEntities = accessEntities; - MessageService.sendMsg('Access granted!', 'success', {}); +// MessageService.sendMsg('Access granted!', 'success', {}); + sweet.show('', 'Access granted!', 'success'); }); + } $scope.revoke = function (type, access, entity) { - if (confirm("Are you sure to revoke the access?")) { + sweet.show({ + title: 'Confirm', + text: 'Are you sure to revoke the access?', + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { var revokeRequst = { type: type, uuid: entity.uuid, @@ -62,9 +74,11 @@ KylinApp.controller('AccessCtrl', function ($scope,AccessService, MessageService }; AccessService.revoke(revokeRequst, function (accessEntities) { entity.accessEntities = accessEntities.accessEntryResponseList; - MessageService.sendMsg('Access revoked!', 'success', {}); + sweet.show('Success!', 'The access has been revoked.', 'success'); }); - } + + }); + } }); diff --git a/webapp/app/js/controllers/admin.js b/webapp/app/js/controllers/admin.js index 882ac69..adfce4a 100644 --- a/webapp/app/js/controllers/admin.js +++ b/webapp/app/js/controllers/admin.js @@ -1,6 +1,6 @@ 'use strict'; -KylinApp.controller('AdminCtrl', function ($scope,AdminService, CacheService, TableService, MessageService, $modal) { +KylinApp.controller('AdminCtrl', function ($scope,AdminService, CacheService, TableService, MessageService, $modal,sweet) { $scope.configStr = ""; $scope.envStr = ""; @@ -8,6 +8,7 @@ KylinApp.controller('AdminCtrl', function ($scope,AdminService, CacheService, Ta AdminService.env({}, function(env){ $scope.envStr = env.env; MessageService.sendMsg('Server environment get successfully', 'success', {}); +// sweet.show('Success!', 'Server environment get successfully', 'success'); }); } @@ -19,11 +20,21 @@ KylinApp.controller('AdminCtrl', function ($scope,AdminService, CacheService, Ta } $scope.reloadMeta = function(){ - if(confirm("Are you sure to reload metadata and clean cache?")) { + + sweet.show({ + title: '', + text: 'Are you sure to reload metadata and clean cache?', + type: 'info', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { CacheService.clean({}, function () { - MessageService.sendMsg('Cache reload successfully', 'success', {}); + sweet.show('Success!', 'Cache reload successfully', 'success'); }); - } + + }); } $scope.calCardinality = function (tableName) { @@ -42,19 +53,37 @@ KylinApp.controller('AdminCtrl', function ($scope,AdminService, CacheService, Ta } $scope.cleanStorage = function(){ - if(confirm("Are you sure to clean up unused HDFS and HBase space?")) { + sweet.show({ + title: '', + text: 'Are you sure to clean up unused HDFS and HBase space?', + type: 'info', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { AdminService.cleanStorage({}, function () { - MessageService.sendMsg('Storage cleaned successfully!', 'success', {}); + sweet.show('Success!', 'Storage cleaned successfully!', 'success'); }); - } + }); } $scope.disableCache = function(){ - if(confirm("Are you sure to disable query cache?")) { + sweet.show({ + title: '', + text: 'Are you sure to disable query cache?', + type: 'info', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { AdminService.updateConfig({}, {key: 'kylin.query.cache.enabled',value:false}, function () { - MessageService.sendMsg('Cache disabled successfully!', 'success', {}); + sweet.show('Success!', 'Cache disabled successfully!', 'success'); }); - } + + }); + } $scope.toSetConfig = function(){ @@ -75,7 +104,7 @@ KylinApp.controller('AdminCtrl', function ($scope,AdminService, CacheService, Ta }; $scope.calculate = function () { $modalInstance.dismiss(); - MessageService.sendMsg('A cardinality task has been submitted.', 'success', {}); + sweet.show('Success!', 'A cardinality task has been submitted', 'success'); TableService.genCardinality({tableName: $scope.tableName}, {delimiter: $scope.delimiter, format: $scope.format}, function (result) { MessageService.sendMsg('Cardinality job was calculated successfully. Click Refresh button ...', 'success', {}); }); @@ -91,12 +120,23 @@ KylinApp.controller('AdminCtrl', function ($scope,AdminService, CacheService, Ta $modalInstance.dismiss('cancel'); }; $scope.update = function () { - if(confirm("Are you sure to update config?")) { + + sweet.show({ + title: '', + text: 'Are you sure to update config?', + type: 'info', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { AdminService.updateConfig({}, {key: $scope.state.key, value: $scope.state.value}, function (result) { - MessageService.sendMsg('Config updated successfully!', 'success', {}); + sweet.show('Success!', 'Config updated successfully!', 'success'); $modalInstance.dismiss(); }); - } + + }); + } }; diff --git a/webapp/app/js/controllers/cube.js b/webapp/app/js/controllers/cube.js index b36175f..774a548 100644 --- a/webapp/app/js/controllers/cube.js +++ b/webapp/app/js/controllers/cube.js @@ -1,6 +1,6 @@ 'use strict'; -KylinApp.controller('CubeCtrl', function ($scope, AccessService, MessageService, CubeService, TableService, CubeGraphService, UserService, AuthenticationService) { +KylinApp.controller('CubeCtrl', function ($scope, AccessService, MessageService, CubeService, TableService, CubeGraphService, UserService, AuthenticationService,sweet) { $scope.newAccess = null; $scope.state = {jsonEdit: false}; @@ -42,7 +42,8 @@ KylinApp.controller('CubeCtrl', function ($scope, AccessService, MessageService, $scope.updateNotifyList = function (cube) { cube.detail.notify_list = cube.notifyListString.split(","); CubeService.updateNotifyList({cubeId: cube.name}, cube.detail.notify_list, function () { - MessageService.sendMsg('Notify List updated successfully!', 'success', {}); +// MessageService.sendMsg('Notify List updated successfully!', 'success', {}); + sweet.show('Success!', 'Notify List updated successfully!', 'success'); }); }; diff --git a/webapp/app/js/controllers/cubeEdit.js b/webapp/app/js/controllers/cubeEdit.js index 4cdb2d3..7e0b6e1 100644 --- a/webapp/app/js/controllers/cubeEdit.js +++ b/webapp/app/js/controllers/cubeEdit.js @@ -1,7 +1,7 @@ 'use strict'; -KylinApp.controller('CubeEditCtrl', function ($scope, $q, $routeParams, $location, MessageService, TableService, CubeDescService, CubeService,rainbowBar,loadingRequest) { +KylinApp.controller('CubeEditCtrl', function ($scope, $q, $routeParams, $location, MessageService, TableService, CubeDescService, CubeService,rainbowBar,loadingRequest,sweet) { //add or edit ? var absUrl = $location.absUrl(); @@ -182,82 +182,88 @@ KylinApp.controller('CubeEditCtrl', function ($scope, $q, $routeParams, $locatio } $scope.saveCube = function (design_form) { - if (!confirm('Ready to save the cube?')) { - return; - } - try { - angular.fromJson($scope.state.cubeSchema); - } catch (e) { - MessageService.sendMsg('Invalid cube json format..', 'error'); - return; - } + sweet.show({ + title: '', + text: 'Ready to save the cube?', + type: 'info', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: true + }, function() { + + try { + angular.fromJson($scope.state.cubeSchema); + } catch (e) { + sweet.show('Oops...', 'Invalid cube json format..', 'error'); + return; + } - rainbowBar.show(); - loadingRequest.show(); - - if ($scope.isEdit) { - CubeService.update({}, {cubeDescData: $scope.state.cubeSchema, cubeName: $routeParams.cubeName, project: $scope.state.project}, function (request) { - if (request.successful) { - $scope.state.cubeSchema = request.cubeDescData; - MessageService.sendMsg("Update cube successful.", 'success', { - cancel: { - label: 'View Cube', - action: function () { - $location.path('/cubes'); - $scope.$apply(); + rainbowBar.show(); + loadingRequest.show(); + + if ($scope.isEdit) { + CubeService.update({}, {cubeDescData: $scope.state.cubeSchema, cubeName: $routeParams.cubeName, project: $scope.state.project}, function (request) { + if (request.successful) { + $scope.state.cubeSchema = request.cubeDescData; + MessageService.sendMsg("Update cube successful.", 'success', { + cancel: { + label: 'View Cube', + action: function () { + $location.path('/cubes'); + $scope.$apply(); + } } + }); + if(design_form){ + design_form.$invalid = true; } - }); - if(design_form){ - design_form.$invalid = true; + } else { + sweet.show('Oops...', request.message, 'error'); } - } else { - MessageService.sendMsg(request.message, 'error'); - } - - rainbowBar.hide(); - //end loading - loadingRequest.hide(); - - recoveryCubeStatus(); - }, function () { - rainbowBar.hide(); - loadingRequest.hide(); - recoveryCubeStatus(); - }); - } - else { - CubeService.save({}, {cubeDescData: $scope.state.cubeSchema, project: $scope.state.project}, function (request) { - if (request.successful) { - $scope.state.cubeSchema = request.cubeDescData; - MessageService.sendMsg("Created cube successful.", 'success', { - cancel: { - label: 'View Cube', - action: function () { - $location.path('/cubes'); - $scope.$apply(); + rainbowBar.hide(); + //end loading + loadingRequest.hide(); + recoveryCubeStatus(); + }, function () { + sweet.show('Oops...', 'Action Failed: ' + msg, 'error'); +// rainbowBar.hide(); +// loadingRequest.hide(); +// recoveryCubeStatus(); + }); + } + else { + CubeService.save({}, {cubeDescData: $scope.state.cubeSchema, project: $scope.state.project}, function (request) { + if (request.successful) { + $scope.state.cubeSchema = request.cubeDescData; + MessageService.sendMsg("Created cube successful.", 'success', { + cancel: { + label: 'View Cube', + action: function () { + $location.path('/cubes'); + $scope.$apply(); + } } - } - }); - } else { - - $scope.cubeMetaFrame.project = $scope.state.project; - MessageService.sendMsg(request.message, 'error'); - } + }); + } else { + $scope.cubeMetaFrame.project = $scope.state.project; + sweet.show('Oops...', request.message, 'error'); + } - rainbowBar.hide(); - //end loading - loadingRequest.hide(); - recoveryCubeStatus(); - }, function () { + rainbowBar.hide(); + //end loading + loadingRequest.hide(); + recoveryCubeStatus(); + }, function () { - rainbowBar.hide(); - //end loading - loadingRequest.hide(); - recoveryCubeStatus(); - }); - } + rainbowBar.hide(); + //end loading + loadingRequest.hide(); + recoveryCubeStatus(); + }); + } + }); } diff --git a/webapp/app/js/controllers/cubes.js b/webapp/app/js/controllers/cubes.js index d48c103..21eb647 100644 --- a/webapp/app/js/controllers/cubes.js +++ b/webapp/app/js/controllers/cubes.js @@ -1,7 +1,7 @@ 'use strict'; KylinApp - .controller('CubesCtrl', function ($scope, $q, $routeParams, $location, $modal, MessageService, CubeDescService, CubeService, JobService, UserService, ProjectService) { + .controller('CubesCtrl', function ($scope, $q, $routeParams, $location, $modal, MessageService, CubeDescService, CubeService, JobService, UserService, ProjectService,sweet) { $scope.listParams={ cubeName: $routeParams.cubeName, projectName: $routeParams.projectName @@ -110,43 +110,89 @@ KylinApp }; $scope.enable = function (cube) { - if (confirm("Are you sure to enable the cube? Please note: if cube schema is changed in the disabled period, all segments of the cube will be discarded due to data and schema mismatch.")) { + sweet.show({ + title: '', + text: 'Are you sure to enable the cube? Please note: if cube schema is changed in the disabled period, all segments of the cube will be discarded due to data and schema mismatch.', + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { CubeService.enable({cubeId: cube.name}, {}, function (result) { cube.status = 'READY'; - MessageService.sendMsg('Enable job was submitted successfully', 'success', {}); +// MessageService.sendMsg('Enable job was submitted successfully', 'success', {}); + sweet.show('Success!', 'Enable job was submitted successfully', 'success'); }); - } + + }); +// if (confirm("Are you sure to enable the cube? Please note: if cube schema is changed in the disabled period, all segments of the cube will be discarded due to data and schema mismatch.")) { +// CubeService.enable({cubeId: cube.name}, {}, function (result) { +// cube.status = 'READY'; +// MessageService.sendMsg('Enable job was submitted successfully', 'success', {}); +// }); +// } }; $scope.purge = function (cube) { - if (confirm("Are you sure to purge the cube? ")) { + sweet.show({ + title: '', + text: 'Are you sure to purge the cube? ', + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { CubeService.purge({cubeId: cube.name}, {}, function (result) { $scope.cubes=[]; $scope.reload(); - MessageService.sendMsg('Purge job was submitted successfully', 'success', {}); + sweet.show('Success!', 'Purge job was submitted successfully', 'success'); }); - } + + }); } $scope.disable = function (cube) { - if (confirm("Are you sure to disable the cube?")) { + + sweet.show({ + title: '', + text: 'Are you sure to disable the cube? ', + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { CubeService.disable({cubeId: cube.name}, {}, function (result) { cube.status = 'DISABLED'; - MessageService.sendMsg('Disable job was submitted successfully', 'success', {}); + sweet.show('Success!', 'Disable job was submitted successfully', 'success'); }); - } + + }); }; $scope.dropCube = function (cube) { - if (confirm("Are you sure to drop the cube? Once it's dropped, all the jobs and data will be cleaned up.")) { + + sweet.show({ + title: '', + text: "Are you sure to drop the cube? Once it's dropped, all the jobs and data will be cleaned up. ", + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { CubeService.drop({cubeId: cube.name}, {}, function (result) { var cubeIndex = $scope.cubes.indexOf(cube); if (cubeIndex > -1) { $scope.cubes.splice(cubeIndex, 1); } - MessageService.sendMsg('Cube drop is done successfully', 'success', {}); + sweet.show('Success!', 'Cube drop is done successfully', 'success'); + }); - } + + }); }; $scope.startJobSubmit = function (cube) { @@ -168,7 +214,16 @@ KylinApp }); } else { - if (confirm("Are you sure to start the build?")) { + + sweet.show({ + title: '', + text: "Are you sure to start the build? ", + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes", + closeOnConfirm: false + }, function() { CubeService.rebuildCube( { cubeId: cube.name @@ -188,7 +243,8 @@ KylinApp } }); }); - } + + }); } } }); diff --git a/webapp/app/js/controllers/job.js b/webapp/app/js/controllers/job.js index e72e33f..3657ab9 100644 --- a/webapp/app/js/controllers/job.js +++ b/webapp/app/js/controllers/job.js @@ -1,7 +1,7 @@ 'use strict'; KylinApp - .controller('JobCtrl', function ($scope, $q, $routeParams, $interval, $modal, ProjectService, MessageService, JobService) { + .controller('JobCtrl', function ($scope, $q, $routeParams, $interval, $modal, ProjectService, MessageService, JobService,sweet) { $scope.cubeName = null; $scope.jobs = {}; $scope.projects = []; @@ -105,7 +105,8 @@ KylinApp if (angular.isDefined($scope.state.selectedJob)) { $scope.state.selectedJob = $scope.jobs[ $scope.state.selectedJob.uuid]; } - MessageService.sendMsg('Job was resumed successfully', 'success', {}); +// MessageService.sendMsg('Job was resumed successfully', 'success', {}); + sweet.show('Success!', 'TJob was resumed successfully', 'success'); }); } } @@ -117,7 +118,8 @@ KylinApp if (angular.isDefined($scope.state.selectedJob)) { $scope.state.selectedJob = $scope.jobs[ $scope.state.selectedJob.uuid]; } - MessageService.sendMsg('Job was cancelled successfully', 'success', {}); +// MessageService.sendMsg('Job was cancelled successfully', 'success', {}); + sweet.show('Success!', 'Job was cancelled successfully', 'success'); }); } } diff --git a/webapp/app/js/controllers/page.js b/webapp/app/js/controllers/page.js index 56f793b..a3ca86c 100644 --- a/webapp/app/js/controllers/page.js +++ b/webapp/app/js/controllers/page.js @@ -1,6 +1,6 @@ 'use strict'; -KylinApp.controller('PageCtrl', function ($scope, $q, AccessService,$modal, $location, $rootScope, $routeParams, $http, UserService,ProjectService) { +KylinApp.controller('PageCtrl', function ($scope, $q, AccessService,$modal, $location, $rootScope, $routeParams, $http, UserService,ProjectService,sweet) { $scope.header = {show: true}; $scope.footer = { @@ -169,14 +169,16 @@ var projCtrl = function ($scope, $modalInstance, ProjectService, MessageService, newDescription: $scope.proj.description }; ProjectService.update({}, requestBody, function (newProj) { - MessageService.sendMsg("Project update successfully!", 'success'); +// MessageService.sendMsg("Project update successfully!", 'success'); + sweet.show('Success!', 'Project update successfully!', 'success'); $modalInstance.dismiss('cancel'); }); } else { ProjectService.save({}, $scope.proj, function (newProj) { - MessageService.sendMsg("New project created successfully", 'success'); +// MessageService.sendMsg("New project created successfully", 'success'); + sweet.show('Success!', 'New project created successfully!', 'success'); $modalInstance.dismiss('cancel'); if(projects) { projects.push(newProj); diff --git a/webapp/app/js/controllers/projects.js b/webapp/app/js/controllers/projects.js index 7884731..9e8a201 100644 --- a/webapp/app/js/controllers/projects.js +++ b/webapp/app/js/controllers/projects.js @@ -1,7 +1,7 @@ 'use strict'; KylinApp - .controller('ProjectCtrl', function ($scope, $modal, $q, ProjectService, MessageService) { + .controller('ProjectCtrl', function ($scope, $modal, $q, ProjectService, MessageService,sweet) { $scope.projects = []; $scope.loading = false; $scope.theaditems = [ @@ -48,16 +48,25 @@ KylinApp } $scope.delete = function(project){ - if (confirm("Are you sure to delete ")) - { + sweet.show({ + title: 'Confirm', + text: 'Are you sure to delete ?', + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes, delete it!", +// timer:0, + closeOnConfirm: false + }, function() { ProjectService.delete({projecId: project.name}, function(){ var pIndex = $scope.projects.indexOf(project); if (pIndex > -1) { $scope.projects.splice(pIndex, 1); } - MessageService.sendMsg("Project " + project.name + " deleted successfully!", 'success'); +// MessageService.sendMsg("Project " + project.name + " deleted successfully!", 'success'); + sweet.show('Success!',"Project " + project.name + " deleted successfully!", 'success'); }); - } + }); } } ); diff --git a/webapp/app/js/controllers/query.js b/webapp/app/js/controllers/query.js index 1defef4..c57dc86 100644 --- a/webapp/app/js/controllers/query.js +++ b/webapp/app/js/controllers/query.js @@ -1,7 +1,7 @@ 'use strict'; KylinApp - .controller('QueryCtrl', function ($scope, storage, $base64, $q, $location, $anchorScroll, $routeParams, QueryService, $modal, MessageService, $domUtilityService, $timeout, TableService) { + .controller('QueryCtrl', function ($scope, storage, $base64, $q, $location, $anchorScroll, $routeParams, QueryService, $modal, MessageService, $domUtilityService, $timeout, TableService,sweet) { $scope.mainPanel = 'query'; $scope.rowsPerPage = 50000; $scope.base64 = $base64; @@ -359,7 +359,7 @@ KylinApp $scope.saveQuery = function (query) { QueryService.save({}, {name: query.name, project: query.project, sql: query.sql, description: query.description}, function () { - MessageService.sendMsg('New query saved.', 'success', {}); + sweet.show('Success!', 'New query saved..', 'success'); $modalInstance.dismiss('cancel'); }); } diff --git a/webapp/app/js/controllers/sourceMeta.js b/webapp/app/js/controllers/sourceMeta.js index fb50846..0b7d157 100644 --- a/webapp/app/js/controllers/sourceMeta.js +++ b/webapp/app/js/controllers/sourceMeta.js @@ -1,7 +1,7 @@ 'use strict'; KylinApp - .controller('SourceMetaCtrl', function ($scope,$cacheFactory, $q, $window, $routeParams, CubeService, $modal, TableService,$route,rainbowBar,loadingRequest) { + .controller('SourceMetaCtrl', function ($scope,$cacheFactory, $q, $window, $routeParams, CubeService, $modal, TableService,$route,rainbowBar,loadingRequest,sweet) { var $httpDefaultCache = $cacheFactory.get('$http'); $scope.srcTables = {}; $scope.srcDbs = []; @@ -156,7 +156,8 @@ KylinApp rainbowBar.show(); loadingRequest.show(); TableService.loadHiveTable({tableName: $scope.tableNames,action:projectName}, {}, function (result) { - MessageService.sendMsg('Below tables were synced successfully: ' + result['result'].join() + ', Click Refresh button ...', 'success', {}); +// MessageService.sendMsg('Below tables were synced successfully: ' + result['result'].join() + ', Click Refresh button ...', 'success', {}); + sweet.show('Success!','Below tables were synced successfully: ' + result['result'].join() , 'success'); rainbowBar.hide(); loadingRequest.hide(); },function(){ diff --git a/webapp/app/js/listeners.js b/webapp/app/js/listeners.js index 840dfee..1977188 100644 --- a/webapp/app/js/listeners.js +++ b/webapp/app/js/listeners.js @@ -1,4 +1,4 @@ -KylinApp.run(function ($rootScope, $http, $location, UserService, AuthenticationService, MessageService) { +KylinApp.run(function ($rootScope, $http, $location, UserService, AuthenticationService, MessageService,sweet) { $rootScope.permissions = { READ: {name: 'CUBE QUERY', value: 'READ', mask: 1}, @@ -70,7 +70,9 @@ KylinApp.run(function ($rootScope, $http, $location, UserService, Authentication */ $rootScope.$on('event:forbidden', function (event, message) { var msg = !!(message) ? message : 'You don\' have right to take the action.'; - MessageService.sendMsg('Permission Denied: ' + msg, 'error', {}); +// MessageService.sendMsg('Permission Denied: ' + msg, 'error', {}); + sweet.show('Oops...', 'Permission Denied: ' + msg, 'error'); + }); /** @@ -78,6 +80,8 @@ KylinApp.run(function ($rootScope, $http, $location, UserService, Authentication */ $rootScope.$on('event:error', function (event, message) { var msg = !!(message) ? message : 'Failed to take action.'; + sweet.show('Oops...', 'Action Failed: ' + msg, 'error'); MessageService.sendMsg('Action Failed: ' + msg, 'error', {}); + }); }); \ No newline at end of file diff --git a/webapp/bower.json b/webapp/bower.json index 4e40f4d..1d7d753 100644 --- a/webapp/bower.json +++ b/webapp/bower.json @@ -19,7 +19,10 @@ "moment": "2.5.1", "d3": "3.4.4", "nvd3": "1.1.15-beta", - "angularjs-nvd3-directives": "0.0.5-beta" + "angularjs-nvd3-directives": "0.0.5-beta", + "sweetalert": "~0.3.2", + "angular-h-sweetalert": "~1.3.0", + "angular-sweetalert": "~1.0.3" }, "devDependencies": { "less.js": "~1.4.0", From bc0542a6056889d80192cab47e690995942a3a06 Mon Sep 17 00:00:00 2001 From: jiazhong Date: Thu, 4 Dec 2014 22:36:57 +0800 Subject: [PATCH 09/10] use new ngSweetAlert which support has more strong feature --- .../components/angular-h-sweetalert/.bower.json | 40 ++ webapp/app/components/angular-h-sweetalert/LICENSE | 22 + .../app/components/angular-h-sweetalert/README.md | 61 ++ .../app/components/angular-h-sweetalert/bower.json | 30 + .../components/angular-h-sweetalert/demo/demo.css | 41 ++ .../components/angular-h-sweetalert/demo/demo.js | 41 ++ .../angular-h-sweetalert/demo/img/cus_suc.png | Bin 0 -> 5896 bytes .../angular-h-sweetalert/demo/index.html | 166 +++++ .../angular-h-sweetalert/demo/libs/amazeui.min.css | 1 + .../angular-h-sweetalert/demo/libs/angular.min.js | 216 ++++++ .../demo/libs/angular.min.js.map | 8 + .../angular-h-sweetalert/demo/libs/prism.css | 156 +++++ .../angular-h-sweetalert/demo/libs/prism.js | 9 + .../angular-h-sweetalert/demo/libs/sweet-alert.css | 601 +++++++++++++++++ .../demo/libs/sweet-alert.min.js | 1 + .../angular-h-sweetalert/dist/ngSweetAlert.js | 18 + .../angular-h-sweetalert/dist/ngSweetAlert.min.js | 2 + .../dist/ngSweetAlert.min.js.map | 1 + .../components/angular-h-sweetalert/gulpfile.js | 43 ++ .../components/angular-h-sweetalert/package.json | 26 + .../angular-h-sweetalert/src/ngSweetAlert.js | 18 + .../app/components/angular-sweetalert/.bower.json | 42 ++ webapp/app/components/angular-sweetalert/README.md | 27 + .../components/angular-sweetalert/SweetAlert.js | 47 ++ .../angular-sweetalert/SweetAlert.min.js | 1 + .../app/components/angular-sweetalert/bower.json | 32 + webapp/app/components/sweetalert/.bower.json | 31 + webapp/app/components/sweetalert/.editorconfig | 11 + webapp/app/components/sweetalert/LICENSE | 22 + webapp/app/components/sweetalert/README.md | 62 ++ webapp/app/components/sweetalert/bower.json | 18 + .../app/components/sweetalert/example/example.css | 322 +++++++++ .../app/components/sweetalert/example/example.scss | 412 ++++++++++++ .../sweetalert/example/images/logo_big.png | Bin 0 -> 17162 bytes .../sweetalert/example/images/logo_big@2x.png | Bin 0 -> 37467 bytes .../sweetalert/example/images/logo_small.png | Bin 0 -> 4459 bytes .../sweetalert/example/images/logo_small@2x.png | Bin 0 -> 9760 bytes .../sweetalert/example/images/te-logo-small.svg | 12 + .../sweetalert/example/images/thumbs-up.jpg | Bin 0 -> 30052 bytes .../sweetalert/example/images/vs_icon.png | Bin 0 -> 3873 bytes .../sweetalert/example/images/vs_icon@2x.png | Bin 0 -> 8254 bytes .../app/components/sweetalert/example/index.html | 364 ++++++++++ .../sweet-alert.scssc | Bin 0 -> 109561 bytes .../app/components/sweetalert/lib/sweet-alert.css | 604 +++++++++++++++++ .../app/components/sweetalert/lib/sweet-alert.html | 37 + .../app/components/sweetalert/lib/sweet-alert.js | 747 +++++++++++++++++++++ .../components/sweetalert/lib/sweet-alert.min.js | 1 + .../app/components/sweetalert/lib/sweet-alert.scss | 427 ++++++++++++ webapp/app/components/sweetalert/sweetalert.gif | Bin 0 -> 495936 bytes webapp/app/index.html | 1 + webapp/app/js/app.js | 2 +- webapp/app/js/controllers/access.js | 12 +- webapp/app/js/controllers/admin.js | 46 +- webapp/app/js/controllers/cube.js | 4 +- webapp/app/js/controllers/cubeEdit.js | 152 +++-- webapp/app/js/controllers/cubes.js | 44 +- webapp/app/js/controllers/job.js | 6 +- webapp/app/js/controllers/page.js | 6 +- webapp/app/js/controllers/projects.js | 10 +- webapp/app/js/controllers/query.js | 4 +- webapp/app/js/controllers/sourceMeta.js | 4 +- webapp/app/js/listeners.js | 8 +- 62 files changed, 4884 insertions(+), 135 deletions(-) create mode 100644 webapp/app/components/angular-h-sweetalert/.bower.json create mode 100644 webapp/app/components/angular-h-sweetalert/LICENSE create mode 100644 webapp/app/components/angular-h-sweetalert/README.md create mode 100644 webapp/app/components/angular-h-sweetalert/bower.json create mode 100644 webapp/app/components/angular-h-sweetalert/demo/demo.css create mode 100644 webapp/app/components/angular-h-sweetalert/demo/demo.js create mode 100644 webapp/app/components/angular-h-sweetalert/demo/img/cus_suc.png create mode 100644 webapp/app/components/angular-h-sweetalert/demo/index.html create mode 100644 webapp/app/components/angular-h-sweetalert/demo/libs/amazeui.min.css create mode 100644 webapp/app/components/angular-h-sweetalert/demo/libs/angular.min.js create mode 100644 webapp/app/components/angular-h-sweetalert/demo/libs/angular.min.js.map create mode 100644 webapp/app/components/angular-h-sweetalert/demo/libs/prism.css create mode 100644 webapp/app/components/angular-h-sweetalert/demo/libs/prism.js create mode 100644 webapp/app/components/angular-h-sweetalert/demo/libs/sweet-alert.css create mode 100644 webapp/app/components/angular-h-sweetalert/demo/libs/sweet-alert.min.js create mode 100644 webapp/app/components/angular-h-sweetalert/dist/ngSweetAlert.js create mode 100644 webapp/app/components/angular-h-sweetalert/dist/ngSweetAlert.min.js create mode 100644 webapp/app/components/angular-h-sweetalert/dist/ngSweetAlert.min.js.map create mode 100644 webapp/app/components/angular-h-sweetalert/gulpfile.js create mode 100644 webapp/app/components/angular-h-sweetalert/package.json create mode 100644 webapp/app/components/angular-h-sweetalert/src/ngSweetAlert.js create mode 100644 webapp/app/components/angular-sweetalert/.bower.json create mode 100644 webapp/app/components/angular-sweetalert/README.md create mode 100644 webapp/app/components/angular-sweetalert/SweetAlert.js create mode 100644 webapp/app/components/angular-sweetalert/SweetAlert.min.js create mode 100644 webapp/app/components/angular-sweetalert/bower.json create mode 100644 webapp/app/components/sweetalert/.bower.json create mode 100644 webapp/app/components/sweetalert/.editorconfig create mode 100644 webapp/app/components/sweetalert/LICENSE create mode 100644 webapp/app/components/sweetalert/README.md create mode 100644 webapp/app/components/sweetalert/bower.json create mode 100644 webapp/app/components/sweetalert/example/example.css create mode 100644 webapp/app/components/sweetalert/example/example.scss create mode 100644 webapp/app/components/sweetalert/example/images/logo_big.png create mode 100644 webapp/app/components/sweetalert/example/images/logo_big@2x.png create mode 100644 webapp/app/components/sweetalert/example/images/logo_small.png create mode 100644 webapp/app/components/sweetalert/example/images/logo_small@2x.png create mode 100644 webapp/app/components/sweetalert/example/images/te-logo-small.svg create mode 100644 webapp/app/components/sweetalert/example/images/thumbs-up.jpg create mode 100644 webapp/app/components/sweetalert/example/images/vs_icon.png create mode 100644 webapp/app/components/sweetalert/example/images/vs_icon@2x.png create mode 100644 webapp/app/components/sweetalert/example/index.html create mode 100644 webapp/app/components/sweetalert/lib/.sass-cache/7981e80cc38cc883c439302cccda55b50fb7fde4/sweet-alert.scssc create mode 100644 webapp/app/components/sweetalert/lib/sweet-alert.css create mode 100644 webapp/app/components/sweetalert/lib/sweet-alert.html create mode 100644 webapp/app/components/sweetalert/lib/sweet-alert.js create mode 100644 webapp/app/components/sweetalert/lib/sweet-alert.min.js create mode 100644 webapp/app/components/sweetalert/lib/sweet-alert.scss create mode 100644 webapp/app/components/sweetalert/sweetalert.gif diff --git a/webapp/app/components/angular-h-sweetalert/.bower.json b/webapp/app/components/angular-h-sweetalert/.bower.json new file mode 100644 index 0000000..f5ba1ac --- /dev/null +++ b/webapp/app/components/angular-h-sweetalert/.bower.json @@ -0,0 +1,40 @@ +{ + "name": "angular-sweetalert", + "version": "1.3.0", + "homepage": "https://github.com/leftstick/angular-sweetalert", + "description": "An angular directive which expose sweetalert in angular way", + "main": [ + "./dist/ngSweetAlert.js", + "./dist/ngSweetAlert.min.js", + "./dist/ngSweetAlert.min.js.map" + ], + "keywords": [ + "angular", + "sweetalert" + ], + "authors": [ + "Howard.Zuo" + ], + "license": "MIT", + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "dependencies": { + "angular": "~1.3.0", + "sweetalert": "~0.3.1" + }, + "_release": "1.3.0", + "_resolution": { + "type": "version", + "tag": "1.3.0", + "commit": "03939f288506bc7abacd39c1130b0ebfca1bb6c9" + }, + "_source": "git://github.com/leftstick/angular-sweetalert.git", + "_target": "~1.3.0", + "_originalSource": "angular-h-sweetalert", + "_direct": true +} \ No newline at end of file diff --git a/webapp/app/components/angular-h-sweetalert/LICENSE b/webapp/app/components/angular-h-sweetalert/LICENSE new file mode 100644 index 0000000..d946b87 --- /dev/null +++ b/webapp/app/components/angular-h-sweetalert/LICENSE @@ -0,0 +1,22 @@ +The MIT License (MIT) + +Copyright (c) 2014 Howard.Zuo + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + diff --git a/webapp/app/components/angular-h-sweetalert/README.md b/webapp/app/components/angular-h-sweetalert/README.md new file mode 100644 index 0000000..6d46680 --- /dev/null +++ b/webapp/app/components/angular-h-sweetalert/README.md @@ -0,0 +1,61 @@ +# angular-sweetalert ![](http://img.shields.io/badge/bower_module-v1.3.0-green.svg) # +================== + +An angular service which expose sweetalert in angular way. + +## Requirements ## + +- [angular][angular-url] +- [sweetalert][sweetalert-url] + +> Since [sweetalert][sweetalert-url] import [google-fonts][google-fonts-url], developer in China may found issue while loading the [sweet-alert.css](https://github.com/t4t5/sweetalert/blob/master/lib/sweet-alert.css). Just delete the first line from it to solve the problem or download the fonts. + +## Install ## + +```powershell +bower install sweetalert --save +bower install angular-h-sweetalert --save +``` + +## Import ## + +```html + + + + + DEMO + + + + + + + + +``` + +## Usage ## + +```javascript + +var demo = angular.module('demo', ['hSweetAlert']); + +demo.controller('demoController', function($scope, sweet) { + $scope.basic = function() { + sweet.show('Simple right?'); + }; +}); +``` + +See full featured demo: http://leftstick.github.io/angular-sweetalert/ + + + +## LICENSE ## + +[MIT License](https://raw.githubusercontent.com/leftstick/angular-sweetalert/master/LICENSE) + +[angular-url]: https://angularjs.org/ +[sweetalert-url]: http://tristanedwards.me/sweetalert +[google-fonts-url]: http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300 \ No newline at end of file diff --git a/webapp/app/components/angular-h-sweetalert/bower.json b/webapp/app/components/angular-h-sweetalert/bower.json new file mode 100644 index 0000000..5fc39ff --- /dev/null +++ b/webapp/app/components/angular-h-sweetalert/bower.json @@ -0,0 +1,30 @@ +{ + "name": "angular-sweetalert", + "version": "1.3.0", + "homepage": "https://github.com/leftstick/angular-sweetalert", + "description": "An angular directive which expose sweetalert in angular way", + "main": [ + "./dist/ngSweetAlert.js", + "./dist/ngSweetAlert.min.js", + "./dist/ngSweetAlert.min.js.map" + ], + "keywords": [ + "angular", + "sweetalert" + ], + "authors": [ + "Howard.Zuo" + ], + "license": "MIT", + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "dependencies": { + "angular": "~1.3.0", + "sweetalert": "~0.3.1" + } +} diff --git a/webapp/app/components/angular-h-sweetalert/demo/demo.css b/webapp/app/components/angular-h-sweetalert/demo/demo.css new file mode 100644 index 0000000..9912cbe --- /dev/null +++ b/webapp/app/components/angular-h-sweetalert/demo/demo.css @@ -0,0 +1,41 @@ +::selection:window-inactive { + background: #999; +} + +pre[class*="language-"]{ + word-wrap: normal; +} +.footer{ + text-align: center; +} +.get { + background: #FC7312; + color: #fff; + text-align: center; + padding: 30px 0; +} + +.get-btn { + background: #fff; +} + +.detail { + background: #fff; +} + +.detail-p { + text-align: center; +} + +.detail-mb{ + margin-bottom: 30px; +} + +.detail-h2 { + text-align: center; + font-size: 150%; + margin: 40px 0; +} +.detail-h3 { + color: #1f8dd6; +} \ No newline at end of file diff --git a/webapp/app/components/angular-h-sweetalert/demo/demo.js b/webapp/app/components/angular-h-sweetalert/demo/demo.js new file mode 100644 index 0000000..e4b7d36 --- /dev/null +++ b/webapp/app/components/angular-h-sweetalert/demo/demo.js @@ -0,0 +1,41 @@ +var demo = angular.module('demo', ['hSweetAlert']); + +demo.controller('demoController', function($scope, sweet) { + $scope.basic = function() { + sweet.show('Simple right?'); + }; + + $scope.title = function() { + sweet.show('It\'s title', 'Can you see me?'); + }; + + $scope.success = function() { + sweet.show('Amazing', 'You\'ve done it', 'success'); + }; + + $scope.fail = function() { + sweet.show('Oops...', 'Can\'t believe it\'s you', 'error'); + }; + + $scope.confirm = function() { + sweet.show({ + title: 'Confirm', + text: 'Delete this file?', + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: "Yes, delete it!", + closeOnConfirm: false + }, function() { + sweet.show('Deleted!', 'The file has been deleted.', 'success'); + }); + }; + + $scope.custom = function() { + sweet.show({ + title: 'Success', + text: 'Congratulations!', + imageUrl: 'img/cus_suc.png' + }); + }; +}); diff --git a/webapp/app/components/angular-h-sweetalert/demo/img/cus_suc.png b/webapp/app/components/angular-h-sweetalert/demo/img/cus_suc.png new file mode 100644 index 0000000000000000000000000000000000000000..d703247526f1c30b2b982f1e547c229056f5c832 GIT binary patch literal 5896 zcmV+j7x(CiP)1BG7e$J`W^?kK{RqyZH zmljo}&i;!r*a4_BxYPx(pHmmWeokEg`#E(1?B~=4u%A;Gzo1NCXZzO$upjWn^-Vtvrkb{Ng`&UCJ|^|fpnaP!tZ$wp@Sy89un)O$ zddJ!xcb$Efa}iUJpJw`rWkxdHbph%&e(Xw7v@;Dv0zx&ZbeE?E~oz))R8w_WX2@8cr+Q1&%-0qi53i-A;^%P);vbm-4MzJ~Fb?<)NqHTi>0!@<)3c;;`j;3$;L;$WQZR zBct#qYkvElwpD%Ivo3%k!X>N22Z+bKU!eg&E!eU;MJn!A0KpRw8patt$v^f@{oS`N zfFZyotH*~d!(58Z1lMo-ix!D?O~-tIVN(o83r^v0OQ^B)*8c8YuLjmQf=E(2{-DZH zZnbXLYZhJGof5yhnSRo-UlnYXpIkp(J{0}(;+dK#_Stm-3^Jd5vU!GS$ipbZ0Z?e)Xp`*BAM?d@ zs(o(KFR=9X6FVQweRki}1u%%re=;=DgZYTsq^E0jY_f^B>t3b(Ou}Of#7r0b;+A1v zKF~1K1u#f_`kBVj9yON(lU%>9tv2zt{4pQE^b5h^l8*f<{N#=k+BOU{9CZN<0t+4= zKFn4g0^a5NMRwRkclRCh0cWJI;tJrca98IKO9@L|09EFKN1H}kVm|~N?)t@cE3sXD z$9w=^gWwI4PWu(P;^s38Yx2!UT>w>N{_^lR!;s}DGhM%UyAs*if6NzwV2fn*_4C*r zvpbfQ8m77cs>CNB4NgVOM^u^O`XxG)=#KtlK0si&WET8VnDV7^gsU!qDscWojk7S! zhXuyDeu;J^w!1Ln8y@gCN#;2JUoASNXPuu?s0*ON%wHZp3gkg-XYvL($$p|Eck^y8 z{KI<{{NAxl-@iWeU90ep=DJzc#j*q4>l_)r%>+4;o%;fn>i2{(sVh<7S>lDr)|xiGz8 z`otaK3(7C=JS(!-0uQB97eE;~XKBL~A{h%asxw_%Q$^VxgkC*;z$?VMt}bIx)6@k} zCO)yW@w)>5lWwC|NJi9IlcN~p1KyxGf^qI;VcVZxe2zxT8sKi~0w|G7ZV~UUF%8#) ze%|#{1uN>z%PuPBGUxzwZ6irnS<>hXG^(VlyHmX)^@5{p=+T zZGS#zU_+9I5}*Eqgu8;_-+=TIz1n~lpWkO92AL_xN>d|09{Ak~r|1;GM%&UVbv7^P zJ!dZo9ao6})(RiLCorQk5L&6K=ViUW6N`<~wv78lQ)*tY_?*4h^s59#3&611f(=<) z2wRq&eRty_eP2B^Is5MLhwYTP3Y%H!ckYhyC2!E{TdJ*B-Fr^^E7f|p0i*!Dl^p}R zx8bVx!}FE|r}Tf9p+Re_7-!!V{=O=IQKcy}#=CiTNgGbtq30Xwb zyF`2+xg-2-+vaIiCcEz=26zHa>@P>mN1YkJ=_;hn1Am?0^_#(X=b{C$bbk8|wOQvD zT5QXCE7LDMy;t1@L$&3ed4FuUvh1O*03Z2d@Wfawv_@@OQT*1CDq?alYRDU$@_V96*$NuuN^P_K; zDcoh_%tgb7o2lfF72_g6dM4U}HzXL|zOF8wWJH~L{th-`eDa=8b!;i`QwnEbi$vMn z>!x3JQhVyc0)`L#jnchdO?vyVnUr<&ZVP_o+ zz}GAoKFX5cyPK6ztVHH_;d@K}tK;uge(hciXh@hKa^|hU&A?c2CMLv4 zG>`VM0pu(9eWvTafd#pA&bl>x7OJfX@6Gf#Oz<@rWsmjX{C!JokDb}t_e3xpon5U4 zpL`5>OyHTn3*G{9F*pUl;Ky*o1H-!uOF2;6 z855U`$h4 z?iRHYkmz*E2-*K}mxmb82J8Xa1Of_E$(VSN4{uQL4--69s)MLP=O!DgN94ODrSDz# z#oDS0mz?v7$amD{3_$FJli!6#x+9|d7MJOVpkD}%6jCurb|{H1&GF}EX#zMkkFn1E z`^FOlZ&>g(NP2QbwTN!l-dUZ>h0DGesVU<_8Bzd%Gj0m~3guGQJ$#}sqd=(GYV|9I zGz!V6l8QMggj08>e`||V8!^3tH|$hRD_O7uFw-3aJ=mHe)?w4NwO77>{ogK)e7Ulr z85m{xL@_&hrJvwj;6Q-(tw}~r4X6LYL{Tg|iKY27{WRjlT5mYRL%~WpohQ!!;E_%x z46kGKO4Qx+2T|}E0YrKidQ*0sR6^<6)~io%bb}83Zi>~Bu+BaFf zt9-(F5B+!K?kWefD9V~kCOxsQ`%;0~zzl$G8{3%VA4{OA_hTANAGW7~sMR?ngdhkZ zPcuFwVUkf7x69{@55qE%GjcumkWte{~L2pxc*uA~BxZOo8lAz;lJ9A{z^QIB2 z$wFT?6EQN|K5OMl1f~R4#4DbPr88M!52M_Q4m*zQ8 zlxV7hsMSu~>MFeYSVjb)**Au;XIS2IY_)hN`Ucxyjyo%Rc6(zmXZcs6k5na~WuT%f zgv|a~XuhC#03u>A<$!}2eNd?2Mj2ZzqEw=QBz#7w&-1p&-eB7s zd+6BQE48}jkt?DcXx+k%fOvIVb-RAqetMfIp=xv*(x zU=+ffXuOM;Ui}v{lSj}p-Cxya+)~&Qd4+8+MM!jJHulKHL)G|Dr4+zr&QB$rNCy4_ z&i~$r{7oD(`DjK?^A|LZU@+Mcf0K1Dzr^nKJ%v6&Zut9Ek;?`#SS3^SbplUm6_0p> z*DLx3fQCRbGsho8%d`-I=BfszV4_w#Yc{T6%j#s$I{olWXG`qlRi7)QhpToOw1py1 z{(j&x;5xwcdxFfGa4h4dwh$g&TPcC1NnYIkcV1tyC$q6J*wL8WkCxI}p})tmK8qUnjmN{hd;3$m}Psi9R`);VKt{ zzEtcft^Px7k^AT#OE6{BOb(fGB*Uh73L4N+$;P2~;v0B+#R@v!?#cI6_|lW#irv`9 zWkZTV7XZNfTN_84B>oC=9Kfii@f`iGlWCb6a>nXsQH>VCh_#2u*WAmN7kd7IUC`e> zu`vGGia)%H)Pw*4=3XZLjuC<133@(&-y7u6$?xZ&cg-L?)~ITGfu$*)e&a8^{Mb7^ z6Iw)`Z`c_-@qz0#-siBh~9tic$}y2 zf6@8NR)=>yhH>O$3nOn=Cj`}_<^%w6(zk;jux-6n#3>g9ydjR7ek$*tbr9jvl}!q^ z#9m|RUzZZw)l=v*RAxW%y?vw5mrYFy0N{ixrBS`UUkGxc>o>7w2FD$GD&uF2aMmIy zGhJ32OCJ6mJJ!e2ekxq{^mk)7l>K2fLd^=m<%FvP^AK*KdqqyeFqt*!NKQEZWST|= z`?a7f4y?w>^;}?|eAvH+N3jpAxs~bnzlDt`!^pZ1vZ;<1UIGLl4 zcptuC>9amoz4Z_e-?JiP7PGAO`C}(MwoqezT{qMj5(02J{+q#1gI*7$8;zU8Bba^C z9A>@yPz=w&vW2%hUgoyjZcESL71&{59Qo9bhQ_e2QW#PK066A~&_s{N{yi`|(|^?P zF`PDg4hK&?tk)QT{)kw6xM|T(*}b{T^-3AY2Uq+!`dIlwUAqi90k|CZP5-%~@?*MN z5M9QN8^;Gvo6AAt4(+!&Syfr|$PKJrwLZg-uReQi?B^8-a!oR11pshLs|4Z^-{l}z zku^j3!08j1bLv@4ZFx_6Bv3X_y?j6S{drlBhsvU7u8n@Ol3}hjhO_`&j`>EzSdXN> z2P`0KwBeNLllkC@^EhbS;k{(==B{U^*DSTlJ|O^?_kY88 zxMKVq;pFUNlO`U>oDa<7-IER@l5FQ^ziFjycU$*S-KmCg)U!XV{z{#L&5#j*^pxx} zBXZ9D_kGnjPfWR5gd?->bHMP)czqr=Zgb{qDp;u~XRf*-p1oXK&IOJ7aBH@o4uOwb zbpdo6(%tB1zb`-f^E><^-|_w?E;Bqbhdf2XWKFLT=To*t0%f#gcyjm^;XYLnc^g`VI z`Ik*316wH4F|@(Jr(IIy@qBLb_+=jlAUuKK0q-#<`-jWK=yrW`!*c7jJg-<2dbI8Sn1W8`tW zeUQ1_x%P9p3rXdmJD$5D$Rz+*9ob1^E_Y^(ks{8eNViRo@iN`6U#8oAmb;&QEK|t2 z!a9(oz0f3kARBr1`#MHn$MU8C-3K(Q(IsE(cVj>SWjI7`OlKeumhGGp`jIj$%7Bk7066F&^=6*54 zC`CAhh$nr#=vqKuWEB)EQHsxJ^lU$h_|4ughU_FY-*2^q(Wk-7-VRXkjqdLgIs?7i6L{p5K*`Vy^F zE!_VLbNBZ;cgXeyR07$1d{50000 + + + + DEMO + + + + + + + + + + + + + +

angular-sweetalert

+ usage +

+ Check Github +

Getting Started

+ + Basic example +


+demo.controller('demoController', function($scope, sweet) {
+    $scope.basic = function() {
+        sweet.show('Simple right?');
+    };
+});
+

+ +

+ + With title +


+demo.controller('demoController', function($scope, sweet) {
+    $scope.title = function() {
+        sweet.show('It\'s title', 'Can you see me?');
+    };
+});
+

+ +

+ + Successful +


+demo.controller('demoController', function($scope, sweet) {
+    $scope.success = function() {
+        sweet.show('Amazing', 'You\'ve done it', 'success');
+    };
+});
+

+ +

+ + Failure +


+demo.controller('demoController', function($scope, sweet) {
+    $scope.fail = function() {
+        sweet.show('Oops...', 'Can\'t believe it\'s you', 'error');
+    };
+});
+

+ +

+ + Confirm +


+demo.controller('demoController', function($scope, sweet) {
+    $scope.confirm = function() {
+        sweet.show({
+            title: 'Confirm',
+            text: 'Delete this file?',
+            type: 'warning',
+            showCancelButton: true,
+            confirmButtonColor: '#DD6B55',
+            confirmButtonText: "Yes, delete it!",
+            closeOnConfirm: false
+        }, function() {
+            sweet.show('Deleted!', 'The file has been deleted.', 'success');
+        });
+    };
+});
+

+ +

+ + Custom icon +


+demo.controller('demoController', function($scope, sweet) {
+    $scope.custom = function() {
+        sweet.show({
+            title: 'Success',
+            text: 'Congratulations!',
+            imageUrl: 'img/cus_suc.png'
+        });
+    };
+});
+

+ +

+ + Argument +	Default value	+ + Description +
title	null (required)	The title of the modal. It can either be added to the object under the key "title" or passed as the first parameter of the function.
text	null	A description for the modal. It can either be added to the object under the key "text" or passed as the second parameter of the function.
type	null	The type of the modal. SweetAlert comes with 4 built-in types which will show a corresponding icon animation: "warning", "error", "success" and "info". It can either be put in the array under the key "type" or passed as the third parameter of the function.
allowOutsideClick	false	If set to true, the user can dismiss the modal by clicking outside it.
showCancelButton	false	If set to true, a "Cancel"-button will be shown, which the user can click on to dismiss the modal.
confirmButtonText	"OK"	Use this to change the text on the "Confirm"-button. If showCancelButton is set as true, the confirm button will automatically show "Confirm" instead of "OK".
confirmButtonColor	"#AEDEF4"	Use this to change the background color of the "Confirm"-button (must be a HEX value).
cancelButtonText	"Cancel"	Use this to change the text on the "Cancel"-button.
closeOnConfirm	true	Set to false if you want the modal to stay open even if the user presses the "Confirm"-button. This is especially useful if the function attached to the "Confirm"-button is another SweetAlert.
imageUrl	null	Add a customized icon for the modal. Should contain a string with the path to the image.
imageSize	"80x80"	If imageUrl is set, you can specify imageSize to describes how big you want the icon to be in px. Pass in a string with two values separated by an "x". The first value is the width, the second is the height.
timer	null	Auto close timer of the modal. Set in ms (milliseconds).

Table Schema:{{ selectedSrcTable.name}}

Tables

Rowkeys

Table Schema:{{ selectedSrcTable.name}}

Table Schema:{{ selectedSrcTable.name}}

Rowkeys

angular-sweetalert

Getting Started

+ + Basic example +

+ + With title +

+ + Successful +

+ + Failure +

+ + Confirm +

+ + Custom icon +

Title

Sweet Alert

A beautiful replacement for Javascript's "Alert"

So... What does it do?

Normal alert

Code:

Sweet Alert

Code:

More examples

Download & install

Configuration

Contribute

Title

Title

Title