Добавлена кнопка для просмотра уведомлений в верхнее меню

Author: butschster

public/cms/css/app.css

@@ -12,8 +12,8 @@ var CMS = {
 	 * Вычисление высоты контейнера с контентом
 	 */
 	content_height: null,
-	calculateContentHeight: function() {
-		if(this.content_height != null)
+	calculateContentHeight: function () {
+		if (this.content_height != null)
 			return this.content_height;
 
 		var contentCont = $('#content-wrapper'),
@@ -28,4 +28,4 @@ var CMS = {
 
 		return this.content_height;
 	}
-};
+};

public/cms/js/backend.js

@@ -4,40 +4,48 @@ CMS.ui = {
 	// 1: callback
 	// 2: priority
 
-	_elements:[],
-	add:function (module, callback, priority) {
-		if (typeof(callback) != 'function')
+	_elements: [],
+	add: function (module, callback, priority) {
+		if (!_.isFunction(callback))
 			return this;
 
 		CMS.ui._elements.push([module, callback, priority || 0]);
 		return this;
 	},
-	call: function(module) {
+	call: function (module) {
 		for (var i = 0; i < CMS.ui._elements.length; i++) {
 			var elm = CMS.ui._elements[i];
-			if(_.isArray(module) && _.indexOf(module, elm[0]) != -1 )
+			if (_.isArray(module) && _.indexOf(module, elm[0]) != -1)
 				elm[1]();
 			else if (module == elm[0])
 				elm[1]();
 		}
 	},
-	init:function (module) {
-		$('body').trigger('ui.init.before', [this]);
+	init: function (module, container) {
+		if (_.isUndefined(container)) {
+			var container = $('body')
+		} else if (!(container instanceof jQuery)) {
+			if (_.isString(container))
+				container = $(container);
+			else
+				throw new TypeError('Container must be string or jQuery object');
+		}
 
 		CMS.ui._elements = _.sortBy(CMS.ui._elements, 2);
 
 		for (var i = 0; i < CMS.ui._elements.length; i++) {
 			var elm = CMS.ui._elements[i];
 
 			try {
-				if(!module)
-					elm[1]();
-				else if(_.isArray(module) && _.indexOf(module, elm[0]) != -1 )
-					elm[1]();
-				else if (module == elm[0])
-					elm[1]();
-			} catch (e) {console.log(elm[0], e);}
+				if (_.isUndefined(module))
+					elm[1](container);
+				else if (_.isArray(module) && _.indexOf(module, elm[0]) != -1)
+					elm[1](container);
+				else if (_.isString(module) && module == elm[0])
+					elm[1](container);
+			} catch (e) {
+				console.log(elm[0], e);
+			}
 		}
-		$('body').trigger('ui.init.after', [this]);
 	}
-};
+};

public/cms/js/page-wysiwyg.js

@@ -1,16 +1,113 @@
-$(function() {
+$(function () {
 	$.ajaxSetup({
 		headers: {
 			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
 		}
 	});
 
-	CMS.Translate.init(function() {
+	CMS.Translate.init(function () {
 		CMS.ui.init();
 		KodiCMS.start(null, CMS.settings);
 
 		CMS.controllers.call();
 		CMS.messages.init();
 		CMS.Notifications.init();
 	});
+
+	window.App = new Vue({
+		el: 'body',
+		data: function () {
+			return {
+				loadingNotifications: false,
+				notifications: []
+			}
+		},
+		created: function () {
+			var self = this;
+			$('#notifications')
+				.on('hidden.bs.dropdown', function () {
+					$('.notifications-list').slimScroll({ destroy: true });
+					self.markNotificationsAsRead();
+				})
+				.on('shown.bs.dropdown', function () {
+					self.showNotifications();
+				});
+
+			this.loadDataForAuthenticatedUser();
+		},
+		methods: {
+			showNotifications: function () {
+				this.loadDataForAuthenticatedUser();
+			},
+
+			loadDataForAuthenticatedUser: function () {
+				this.getNotifications();
+			},
+
+			/**
+			 * Get the application notifications.
+			 */
+			getNotifications: function () {
+				this.loadingNotifications = true;
+
+				var self = this;
+
+				this.$http.get('/api.notifications.recent').then(function (response) {
+					this.notifications = response.data.content;
+					this.loadingNotifications = false;
+					$('.notifications-list').slimScroll({ height: 250 });
+				}, function (response) {
+					// error callback
+				});
+			},
+
+			markNotificationAsRead: function (notification) {
+				if (notification.read) {
+					return;
+				}
+
+				this.$http.put('/api.notifications.read', {ids: [notification.id]});
+				notification.read = true;
+			},
+
+			/**
+			 *
+			 * Mark the current notifications as read.
+			 */
+			markNotificationsAsRead: function () {
+				if (!this.hasUnreadNotifications) {
+					return;
+				}
+
+				this.$http.put('/api.notifications.read', {ids: _.pluck(this.notifications, 'id')});
+
+				_.each(this.notifications, function (notification) {
+					notification.read = true;
+				});
+			}
+		},
+		computed: {
+			unreadNotifications: function () {
+				if (this.notifications) {
+					return _.filter(this.notifications, function (notification) {
+						return !notification.read;
+					}).length;
+				}
+
+				return 0;
+			},
+
+			hasNotifications: function () {
+				return this.notifications.length;
+			},
+
+			/**
+			 * Determine if the user has any unread notifications.
+			 */
+			hasUnreadNotifications: function () {
+				return this.unreadNotifications > 0;
+			}
+		}
+	});
+
 });