scinote-web/app/assets/javascripts/navigation.js

108 lines
2.8 KiB
JavaScript
Raw Normal View History

/* globals animateSpinner */
2018-07-19 23:56:42 +08:00
(function() {
2016-09-29 20:49:58 +08:00
'use strict';
2018-07-19 23:56:42 +08:00
/* Init about modal */
$("[data-trigger='about-modal']").on('click', function(ev) {
ev.preventDefault();
$('[data-role=about-modal]').modal('show');
});
2016-09-29 20:49:58 +08:00
/* Loading overlay for search */
2018-07-19 23:56:42 +08:00
$('#search-bar').submit(function() {
if ($('#update-canvas')) {
2016-09-29 20:49:58 +08:00
$(document.body).spin(true);
2018-07-19 23:56:42 +08:00
setTimeout(function() {
$('.spinner').remove();
2016-09-29 20:49:58 +08:00
}, 1000);
} else {
animateSpinner();
}
});
function loadDropdownNotifications() {
var button = $('#notifications-dropdown');
2018-07-19 23:56:42 +08:00
var noRecentText = $('.dropdown-notifications .notifications-no-recent');
2016-09-29 20:49:58 +08:00
button
.on('click', function() {
noRecentText.hide();
2016-09-29 20:49:58 +08:00
$.ajax({
url: button.attr('data-href'),
type: 'GET',
dataType: 'json',
2016-10-03 14:20:23 +08:00
beforeSend: animateSpinner($('.notifications-dropdown-header'), true),
2016-09-29 20:49:58 +08:00
success: function(data) {
2018-07-19 23:56:42 +08:00
var ul = $('.dropdown-menu.dropdown-notifications');
2016-09-29 20:49:58 +08:00
$('.notifications-dropdown-header')
.nextAll('li.notification')
.remove();
$('.notifications-dropdown-header')
.after(data.html);
2016-10-03 14:27:13 +08:00
animateSpinner($('.notifications-dropdown-header'), false);
if (ul.children('.notification').length === 0) {
noRecentText.show();
}
2016-09-29 20:49:58 +08:00
}
});
$('#count-notifications').hide();
toggleNotificationBellPosition();
2016-09-29 20:49:58 +08:00
});
}
function loadUnseenNotificationsNumber() {
var notificationCount = $('#count-notifications');
$.ajax({
url: notificationCount.attr('data-href'),
type: 'GET',
dataType: 'json',
success: function(data) {
notificationCount.html('');
2018-07-19 23:56:42 +08:00
if (data.notificationNmber > 0) {
2016-10-03 14:20:23 +08:00
notificationCount.html(data.notificationNmber);
notificationCount.show();
toggleNotificationBellPosition();
2016-10-03 14:20:23 +08:00
} else {
2016-10-03 14:27:13 +08:00
notificationCount.hide();
2016-10-03 14:20:23 +08:00
}
2016-09-29 20:49:58 +08:00
}
});
2016-07-21 19:11:15 +08:00
}
function toggleNotificationBellPosition() {
var notificationCount = $('#count-notifications');
var button = $('#notifications-dropdown');
2018-07-19 23:56:42 +08:00
if (notificationCount.is(':hidden')) {
button
.find('.fa-bell')
.css('position', 'relative');
} else {
button
.find('.fa-bell')
.css('position', 'absolute');
}
}
function initGlobalSwitchForm() {
var teamSwitch = $('#team-switch');
teamSwitch
.find('.dropdown-menu .change-team')
2018-07-19 23:56:42 +08:00
.on('click', function() {
2017-01-25 19:12:27 +08:00
$('#user_current_team_id')
2016-10-17 20:47:09 +08:00
.val($(this).attr('data-id'));
teamSwitch
.find('form')
.submit();
});
}
2016-09-29 20:49:58 +08:00
// init
loadDropdownNotifications();
loadUnseenNotificationsNumber();
toggleNotificationBellPosition();
initGlobalSwitchForm();
2018-07-19 23:56:42 +08:00
}());