mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-09-03 20:55:08 +00:00
(js) Review Mail module to decrease watchers
This commit is contained in:
Francis Lachapelle
@@ -0,0 +1,181 @@
|
||||
/* -*- Mode: javascript; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
|
||||
|
||||
(function() {
|
||||
|
||||
/**
|
||||
* sgMessageListItemMain - The main section of a list item for a message. It relies on the
|
||||
* 'onUpdate' method of the parent sgMessageListItem controller to update its content.
|
||||
* @memberof SOGo.MailerUI
|
||||
* @example:
|
||||
*/
|
||||
function sgMessageListItemMain() {
|
||||
return {
|
||||
restrict: 'C',
|
||||
require: '^^sgMessageListItem',
|
||||
scope: {},
|
||||
template: [
|
||||
'<div class="sg-category"',
|
||||
' ng-repeat="tag in $ctrl.message.flags | limitTo:5"',
|
||||
' ng-style="{ \'background-color\': $ctrl.service.$tags[tag][1], left: ($index * 3) + \'px\' }"><!-- tags --></div>',
|
||||
'<div class="sg-tile-content">',
|
||||
' <div class="sg-md-subhead">',
|
||||
' <div>',
|
||||
' <span class="sg-label-outline ng-hide"><!-- mailbox --></span>',
|
||||
' <md-icon class="ng-hide">error</md-icon>', // the priority icon
|
||||
' <span><!-- sender or recipient --></span>',
|
||||
' </div>',
|
||||
' <div class="sg-tile-date"><!-- date --></div>',
|
||||
' </div>',
|
||||
' <div class="sg-md-body">',
|
||||
' <div class="sg-tile-subject"><!-- subject --></div>',
|
||||
' <div class="sg-tile-size"><!-- size --></div>',
|
||||
' </div>',
|
||||
'</div>',
|
||||
'<div class="sg-tile-icons">',
|
||||
' <md-icon class="ng-hide">star</md-icon>',
|
||||
' <md-icon class="ng-hide">reply</md-icon>',
|
||||
' <md-icon class="ng-hide">forward</md-icon>',
|
||||
' <md-icon class="ng-hide">attach_file</md-icon>',
|
||||
'</div>',
|
||||
'<div class="sg-progress-linear-bottom">',
|
||||
' <md-progress-linear class="md-accent"',
|
||||
' md-mode="indeterminate"',
|
||||
' ng-disabled="!$ctrl.message.$isLoading()"><!-- message loading progress --></md-progress-linear>',
|
||||
'</div>'
|
||||
].join(''),
|
||||
link: postLink,
|
||||
controller: 'sgMessageListItemMainController',
|
||||
controllerAs: '$ctrl'
|
||||
};
|
||||
|
||||
function postLink(scope, element, attrs, parentController) {
|
||||
scope.parentController = parentController;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* @ngInject
|
||||
*/
|
||||
sgMessageListItemMainController.$inject = ['$scope', '$element', '$parse', '$state', '$mdToast', 'Mailbox', 'Message', 'encodeUriFilter'];
|
||||
function sgMessageListItemMainController($scope, $element, $parse, $state, $mdToast, Mailbox, Message, encodeUriFilter) {
|
||||
var $ctrl = this;
|
||||
|
||||
this.$postLink = function () {
|
||||
var contentDivElement, iconsDivElement;
|
||||
var parentControllerOnUpdate, setVisibility;
|
||||
|
||||
this.parentController = $scope.parentController;
|
||||
|
||||
parentControllerOnUpdate = this.parentController.onUpdate;
|
||||
setVisibility = this.parentController.setVisibility;
|
||||
|
||||
_.forEach($element.find('div'), function(div) {
|
||||
if (div.classList.contains('sg-tile-content'))
|
||||
contentDivElement = angular.element(div);
|
||||
else if (div.classList.contains('sg-tile-icons'))
|
||||
iconsDivElement = angular.element(div);
|
||||
});
|
||||
|
||||
this.priorityIconElement = contentDivElement.find('md-icon')[0];
|
||||
|
||||
if (Mailbox.$virtualMode) {
|
||||
// Show mailbox name in front of the subject
|
||||
this.mailboxNameElement = contentDivElement.find('span')[0];
|
||||
this.mailboxNameElement.classList.remove('ng-hide');
|
||||
}
|
||||
|
||||
this.senderElement = contentDivElement.find('span')[1];
|
||||
|
||||
_.forEach(contentDivElement.find('div'), function(div) {
|
||||
if (div.classList.contains('sg-tile-subject'))
|
||||
$ctrl.subjectElement = div;
|
||||
else if (div.classList.contains('sg-tile-size'))
|
||||
$ctrl.sizeElement = div;
|
||||
else if (div.classList.contains('sg-tile-date'))
|
||||
$ctrl.dateElement = div;
|
||||
});
|
||||
|
||||
_.forEach(iconsDivElement.find('md-icon'), function(div) {
|
||||
if (div.textContent == 'star')
|
||||
$ctrl.flagIconElement = div;
|
||||
else if (div.textContent == 'reply')
|
||||
$ctrl.answerIconElement = div;
|
||||
else if (div.textContent == 'forward')
|
||||
$ctrl.forwardIconElement = div;
|
||||
else if (div.textContent == 'attach_file')
|
||||
$ctrl.attachmentIconElement = div;
|
||||
});
|
||||
|
||||
/**
|
||||
* Update the template when the parent controller has detected a change.
|
||||
*/
|
||||
this.parentController.onUpdate = function () {
|
||||
var i;
|
||||
$ctrl.message = $ctrl.parentController.message;
|
||||
console.debug('onUpdate ' + $ctrl.message.uid);
|
||||
|
||||
// Flags
|
||||
for (i = 0; i < $ctrl.message.flags && i < 5; i++) {
|
||||
var tag = $ctrl.message.flags[i];
|
||||
var flagElement = angular.element('<div class="sg-category"></div>');
|
||||
flagElement.css('left', (i*3) + 'px');
|
||||
flagElement.css('background-color', $ctrl.service.$tags[tag][1]);
|
||||
$element.prepend(flagElement);
|
||||
}
|
||||
|
||||
// Mailbox name when in virtual mode
|
||||
if ($ctrl.mailboxNameElement)
|
||||
$ctrl.mailboxNameElement.innerHTML = $ctrl.message.$mailbox.$displayName;
|
||||
|
||||
// Sender or recipient when in
|
||||
if ($ctrl.MailboxService.selectedFolder.type == 'sent')
|
||||
$ctrl.senderElement.innerHTML = $ctrl.message.$shortAddress('to').encodeEntities();
|
||||
else
|
||||
$ctrl.senderElement.innerHTML = $ctrl.message.$shortAddress('from').encodeEntities();
|
||||
|
||||
// Priority icon
|
||||
if ($ctrl.message.priority && $ctrl.message.priority.level < 3) {
|
||||
$ctrl.priorityIconElement.classList.remove('ng-hide');
|
||||
if ($ctrl.message.priority.level < 2)
|
||||
$ctrl.priorityIconElement.classList.add('md-warn');
|
||||
else
|
||||
$ctrl.priorityIconElement.classList.remove('md-warn');
|
||||
}
|
||||
else
|
||||
$ctrl.priorityIconElement.classList.add('ng-hide');
|
||||
|
||||
// Subject
|
||||
$ctrl.subjectElement.innerHTML = $ctrl.message.subject.encodeEntities();
|
||||
|
||||
// Message size
|
||||
$ctrl.sizeElement.innerHTML = $ctrl.message.size;
|
||||
|
||||
// Received Date
|
||||
$ctrl.dateElement.innerHTML = $ctrl.message.relativedate;
|
||||
|
||||
setVisibility($ctrl.flagIconElement,
|
||||
$ctrl.message.isflagged);
|
||||
setVisibility($ctrl.answerIconElement,
|
||||
$ctrl.message.isanswered);
|
||||
setVisibility($ctrl.forwardIconElement,
|
||||
$ctrl.message.isforwarded);
|
||||
setVisibility($ctrl.attachmentIconElement,
|
||||
$ctrl.message.hasattachment);
|
||||
|
||||
// Call original method on parent controller
|
||||
angular.bind($ctrl.parentController, parentControllerOnUpdate)();
|
||||
};
|
||||
|
||||
this.service = Message;
|
||||
this.MailboxService = Mailbox;
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
|
||||
angular
|
||||
.module('SOGo.MailerUI')
|
||||
.controller('sgMessageListItemMainController', sgMessageListItemMainController)
|
||||
.directive('sgMessageListItemMain', sgMessageListItemMain);
|
||||
})();
|
||||
Reference in New Issue
Block a user