98 lines
3 KiB
JavaScript
98 lines
3 KiB
JavaScript
/* -*- Mode: javascript; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
|
|
/* JavaScript for common UI services for mobile theme */
|
|
|
|
(function() {
|
|
'use strict';
|
|
|
|
/**
|
|
* @name Dialog
|
|
* @constructor
|
|
*/
|
|
function Dialog() {
|
|
}
|
|
|
|
Dialog.alert = function(title, content) {
|
|
var alertPopup = this.$ionicPopup.alert({
|
|
title: title,
|
|
template: content
|
|
});
|
|
return alertPopup;
|
|
};
|
|
|
|
Dialog.confirm = function(title, content) {
|
|
var confirmPopup = this.$ionicPopup.confirm({
|
|
title: title,
|
|
template: content
|
|
});
|
|
return confirmPopup;
|
|
};
|
|
|
|
Dialog.prompt = function(title, content) {
|
|
var promptPopup = this.$ionicPopup.prompt({
|
|
title: title,
|
|
inputPlaceholder: content
|
|
});
|
|
return promptPopup;
|
|
};
|
|
|
|
/**
|
|
* @memberof Dialog
|
|
* @desc The factory we'll register as sgDialog in the Angular module SOGo.UIMobile
|
|
*/
|
|
Dialog.$factory = ['$ionicPopup', function($ionicPopup) {
|
|
angular.extend(Dialog, { $ionicPopup: $ionicPopup });
|
|
|
|
return Dialog; // return constructor
|
|
}];
|
|
|
|
/* Angular module instanciation */
|
|
angular.module('SOGo.UIMobile', ['ionic', 'RecursionHelper'])
|
|
|
|
/* Factory registration in Angular module */
|
|
.factory('sgDialog', Dialog.$factory)
|
|
|
|
/*
|
|
* sgFolderTree - Provides hierarchical folders tree
|
|
* @memberof SOGo.UIDesktop
|
|
* @restrict element
|
|
* @see https://github.com/marklagendijk/angular-recursion
|
|
* @example:
|
|
|
|
<sg-folder-tree data-ng-repeat="folder in folders track by folder.id"
|
|
data-sg-root="account"
|
|
data-sg-folder="folder"
|
|
data-sg-set-folder="setCurrentFolder"><!-- tree --></sg-folder-tree>
|
|
*/
|
|
.directive("sgFolderTree", function(RecursionHelper) {
|
|
return {
|
|
restrict: "E",
|
|
scope: {
|
|
root: '=sgRoot',
|
|
folder: '=sgFolder',
|
|
setFolder: '=sgSetFolder',
|
|
edit: '=sgEdit'
|
|
},
|
|
template:
|
|
'<ion-item option-buttons="buttons" class="item-icon-left item-icon-right"' +
|
|
' ng-click="setFolder(root, folder)">' +
|
|
' <i class="icon ion-folder"><!-- mailbox --></i>{{folder.name}}' +
|
|
' <i class="icon ion-ios7-arrow-right"><!-- right arrow icon --></i>' +
|
|
' <ion-option-button class="button-info"' +
|
|
' ng-click="edit(folder)">{{"Edit" | loc}}</ion-option-button>' +
|
|
'</ion-item>' +
|
|
'<div>' +
|
|
' <span ng-repeat="child in folder.children track by child.id">' +
|
|
' <sg-folder-tree sg-root="root" sg-folder="child" sg-set-folder="setFolder"></sg-folder-tree>' +
|
|
' </span>' +
|
|
'</div>',
|
|
compile: function(element) {
|
|
return RecursionHelper.compile(element, function(scope, iElement, iAttrs, controller, transcludeFn) {
|
|
var level = scope.folder.path.split('/').length - 1;
|
|
iElement.find('ion-item').addClass('childLevel' + level);
|
|
});
|
|
}
|
|
};
|
|
});
|
|
|
|
})();
|