amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-05-04 19:15:27 +00:00
Code Issues Projects Releases Wiki Activity

Desktop list editor, mobile contact editor

Browse Source
This commit is contained in:
Francis Lachapelle
2014-09-05 15:12:05 -04:00
parent 4b0ef6086a
commit f321abc63a
11 changed files with 680 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/js/Common/ui-desktop.js
+29 -9
View File
@@ -4,15 +4,24 @@
(function() {
'use strict';
/* Dialog */
/**
* @name Dialog (sgDialog factory in SOGo.UIDesktop)
* @desc Dialog object constructor
*/
function Dialog() {
}
/**
* @name alert
* @desc Show an alert dialog box with a single "OK" button
* @param {string} title
* @param {string} content
*/
Dialog.alert = function(title, content) {
var modal = this.$modal.open({
template:
'<h2>{{title}}</h2>' +
'<p>{{content}}</p>' +
'<h2 data-ng-bind-html="title"></h2>' +
'<p data-ng-bind-html="content"></p>' +
'<a class="button button-primary" ng-click="closeModal()">' + l('OK') + '</a>' +
'<span class="close-reveal-modal" ng-click="closeModal()"><i class="icon-close"></i></span>',
windowClass: 'small',
@@ -26,11 +35,20 @@
});
};
Dialog.confirm = function(title, content, callback) {
/**
* @name confirm
* @desc Show a confirmation dialog box with buttons "Cancel" and "OK"
* @param {string} title
* @param {string} content
* @returns a promise that always resolves, but returns true only if the user user has clicked on the
* 'OK' button
*/
Dialog.confirm = function(title, content) {
var d = this.$q.defer();
var modal = this.$modal.open({
template:
'<h2>{{title}}</h2>' +
'<p>{{content}}</p>' +
'<h2 data-ng-bind-html="title"></h2>' +
'<p data-ng-bind-html="content"></p>' +
'<a class="button button-primary" ng-click="confirm()">' + l('OK') + '</a>' +
'<a class="button button-secondary" ng-click="closeModal()">' + l('Cancel') + '</a>' +
'<span class="close-reveal-modal" ng-click="closeModal()"><i class="icon-close"></i></span>',
@@ -40,18 +58,20 @@
$scope.content = content;
$scope.closeModal = function() {
$modalInstance.close();
d.resolve(false);
};
$scope.confirm = function() {
callback();
$modalInstance.close();
d.resolve(true);
};
}
});
return d.promise;
};
/* The factory we'll use to register with Angular */
Dialog.$factory = ['$modal', function($modal) {
angular.extend(Dialog, { $modal: $modal });
Dialog.$factory = ['$modal', '$q', function($modal, $q) {
angular.extend(Dialog, { $modal: $modal, $q: $q });
return Dialog; // return constructor
}];
UI/WebServerResources/js/Common/ui-mobile.js
+14 -16
View File
@@ -1,10 +1,10 @@
/* -*- Mode: javascript; indent-tabs-mode: nil; c-basic-offset: 4 -*- */
/* JavaScript for SOGoContacts */
/* JavaScript for common UI services for mobile theme */
(function() {
'use strict';
/* Constructor */
/* Dialog */
function Dialog() {
}
@@ -13,29 +13,27 @@
title: title,
template: content
});
// alertPopup.then(function(res) {
// console.log('Thank you for not eating my delicious ice cream cone');
// });
return alertPopup;
};
Dialog.confirm = function(title, content) {
var alertPopup = this.$ionicPopup.confirm({
title: title,
template: content
});
return alertPopup;
};
/* The factory we'll use to register with Angular */
Dialog.$factory = ['$ionicPopup', function($ionicPopup) {
angular.extend(Dialog, { $ionicPopup: $ionicPopup });
return Dialog; // return constructor
}];
/* Angular module instanciation */
angular.module('SOGo.UIMobile', ['ionic'])
/* Factory registration in Angular module */
.factory('sgDialog', Dialog.$factory);
// angular.module('SOGo').factory('sgDialog', Dialog);
// Dialog.prototype.alert = function(title, content) {
// var alertPopup = $ionicPopup.alert({
// title: title,
// template: content
// });
// alertPopup.then(function(res) {
// console.log('Thank you for not eating my delicious ice cream cone');
// });
// };
})();