From 2449619a38f6ba48ad7b3eb858eceb39d1271f09 Mon Sep 17 00:00:00 2001 From: lian Date: Fri, 20 Mar 2015 13:55:50 +0800 Subject: [PATCH] show notice popup --- media/scripts/app/views/group.js | 1 + media/scripts/app/views/myhome.js | 1 + media/scripts/app/views/organization.js | 1 + media/scripts/common.js | 100 ++++++++++++++++++++++++ seahub/templates/base_for_backbone.html | 8 +- 5 files changed, 107 insertions(+), 4 deletions(-) diff --git a/media/scripts/app/views/group.js b/media/scripts/app/views/group.js index 75490073f9..9c21296c94 100644 --- a/media/scripts/app/views/group.js +++ b/media/scripts/app/views/group.js @@ -44,6 +44,7 @@ define([ this.groupView = new GroupNavView(); Common.initAccountPopup(); + Common.initNoticePopup(); }, /* diff --git a/media/scripts/app/views/myhome.js b/media/scripts/app/views/myhome.js index 0049227b2c..acb8227068 100644 --- a/media/scripts/app/views/myhome.js +++ b/media/scripts/app/views/myhome.js @@ -29,6 +29,7 @@ define([ this.groupView = new GroupNavView(); Common.initAccountPopup(); + Common.initNoticePopup(); }, diff --git a/media/scripts/app/views/organization.js b/media/scripts/app/views/organization.js index e4771a8050..ce1a5323cb 100644 --- a/media/scripts/app/views/organization.js +++ b/media/scripts/app/views/organization.js @@ -29,6 +29,7 @@ define([ this.groupView = new GroupNavView(); Common.initAccountPopup(); + Common.initNoticePopup(); }, events: { diff --git a/media/scripts/common.js b/media/scripts/common.js index d32a3350d0..658178564c 100644 --- a/media/scripts/common.js +++ b/media/scripts/common.js @@ -94,6 +94,10 @@ define([ case 'private_share_dir': return siteRoot + 'share/ajax/private-share-dir/'; case 'private_share_file': return siteRoot + 'share/ajax/private-share-file/'; + case 'get_popup_notices': return siteRoot + 'ajax/get_popup_notices/'; + case 'set_notices_seen': return siteRoot + 'ajax/set_notices_seen/'; + case 'get_unseen_notices_num': return siteRoot + 'ajax/unseen-notices-count/'; + case 'set_notice_seen_by_id': return siteRoot + 'ajax/set_notice_seen_by_id/'; } }, @@ -331,6 +335,102 @@ define([ }); }, + initNoticePopup: function() { + var _this = this, + notice_popup = $('#notice-popup'), + loading_tip = $('#notice-popup .loading-tip'), + notice_icon = $('#notice-icon'), + notice_list = $('#notice-list'), + msg_count = $('#msg-count'), + num = $('#msg-count .num'), + orig_doc_title = document.title, + countUnseenNotices = function() { + // for login page, and pages without 'header' such as 'file view' page. + if (msg_count.length == 0) { + return false; + } + var success_callback = function(data) { + var count = data['count']; + if (count > 0) { + num.removeClass('hide'); + num.html(count); + document.title = '(' + count + ')' + orig_doc_title; + } else { + num.addClass('hide'); + document.title = orig_doc_title; + } + }; + + _this.ajaxGet({ + 'get_url': _this.getUrl({name: 'get_unseen_notices_num'}), + 'after_op_success': success_callback + }); + }; + + countUnseenNotices(); + setInterval(countUnseenNotices, 30*1000); + + notice_icon.on('click', function() { + if (notice_popup.hasClass('hide')) { + notice_popup.removeClass('hide'); + var success_callback = function(data) { + loading_tip.hide(); + notice_list.html(data['notice_html']).show(); + $(document).click(function(e) { + _this.closePopup(e, notice_popup, notice_icon); + }); + + $('.unread a', notice_list).click(function() { + var notice_id = $(this).parents('.unread').data('id'), + link_href = $(this).attr('href'); + $.ajax({ + url: _this.getUrl({name: 'set_notice_seen_by_id'}) + '?notice_id=' + e(notice_id), + dataType:'json', + }); + location.href = link_href; + return false; + }); + + $('.detail', notice_list).click(function() { + location.href = $('.brief a', $(this).parent()).attr('href'); + }); + + }; + + _this.ajaxGet({ + 'get_url': _this.getUrl({name: 'get_popup_notices'}), + 'after_op_success': success_callback + }); + } else { + notice_popup.addClass('hide'); + loading_tip.show(); + notice_list.hide(); + } + }); + + $('.close', notice_popup).on('click', function() { + notice_popup.addClass('hide'); + loading_tip.show(); + notice_list.hide(); + if ($('li', notice_list).hasClass('unread')) { + var success_callback = function(data) { + num.html(0).hide(); + document.title = orig_doc_title; + }; + _this.ajaxGet({ + 'get_url': _this.getUrl({name: 'set_notices_seen'}), + 'after_op_success': success_callback + }); + } + }); + + $(window).resize(function() { + if (!notice_popup.hasClass('hide')) { + $('.con', notice_popup).css({'max-height':$(window).height() - $('#header').outerHeight() - $('.hd', notice_popup).outerHeight() - 3}); + } + }); + }, + fileSizeFormat: function(bytes, precision) { var kilobyte = 1024; var megabyte = kilobyte * 1024; diff --git a/seahub/templates/base_for_backbone.html b/seahub/templates/base_for_backbone.html index bfb2386b05..a2d3d23d8d 100644 --- a/seahub/templates/base_for_backbone.html +++ b/seahub/templates/base_for_backbone.html @@ -63,20 +63,20 @@ {% include 'snippets/search_form.html' %} {% endif %} -
+
0
-
+

{% trans "Notifications" %}

-
    +

      {% trans "See All Notifications" %}

      - +