Merge pull request #10110 from nextcloud/feature/100500/whats-new-info-users

Display What's New info to users

3 files changed, 136 insertions, 0 deletions

diff --git a/core/js/core.json b/core/js/core.json
index 41b927147b6..502e3a57976 100644
--- a/core/js/core.json
+++ b/core/js/core.json
@@ -48,6 +48,7 @@
 		"public/appconfig.js",
 		"public/comments.js",
 		"public/publicpage.js",
+		"public/whatsnew.js",
 		"multiselect.js",
 		"oc-requesttoken.js",
 		"setupchecks.js",
diff --git a/core/js/merged-template-prepend.json b/core/js/merged-template-prepend.json
index f4ef511bc78..c274201d97e 100644
--- a/core/js/merged-template-prepend.json
+++ b/core/js/merged-template-prepend.json
@@ -7,6 +7,7 @@
   "eventsource.js",
   "public/appconfig.js",
   "public/comments.js",
+  "public/whatsnew.js",
   "config.js",
   "oc-requesttoken.js",
   "apps.js",
diff --git a/core/js/public/whatsnew.js b/core/js/public/whatsnew.js
new file mode 100644
index 00000000000..20a871ada27
--- /dev/null
+++ b/core/js/public/whatsnew.js
@@ -0,0 +1,134 @@
+/**
+ * @copyright (c) 2017 Arthur Schiwon <blizzz@arthur-schiwon.de>
+ *
+ * @author Arthur Schiwon <blizzz@arthur-schiwon.de>
+ *
+ * This file is licensed under the Affero General Public License version 3 or
+ * later. See the COPYING file.
+ */
+
+(function(OCP) {
+	"use strict";
+
+	OCP.WhatsNew = {
+
+		query: function(options) {
+			options = options || {};
+			var dismissOptions = options.dismiss || {};
+			$.ajax({
+				type: 'GET',
+				url: options.url || OC.linkToOCS('core', 2) + 'whatsnew?format=json',
+				success: options.success || function(data, statusText, xhr) {
+					OCP.WhatsNew._onQuerySuccess(data, statusText, xhr, dismissOptions);
+				},
+				error: options.error || this._onQueryError
+			});
+		},
+
+		dismiss: function(version, options) {
+			options = options || {};
+			$.ajax({
+				type: 'POST',
+				url: options.url || OC.linkToOCS('core', 2) + 'whatsnew',
+				data: {version: encodeURIComponent(version)},
+				success: options.success || this._onDismissSuccess,
+				error: options.error || this._onDismissError
+			});
+			// remove element immediately
+			$('.whatsNewPopover').remove();
+		},
+
+		_onQuerySuccess: function(data, statusText, xhr, dismissOptions) {
+			console.debug('querying Whats New data was successful: ' + statusText);
+			console.debug(data);
+
+			if(xhr.status !== 200) {
+				return;
+			}
+
+			var item, menuItem, text, icon;
+
+			var div = document.createElement('div');
+			div.classList.add('popovermenu', 'open', 'whatsNewPopover', 'menu-left');
+
+			var list = document.createElement('ul');
+
+			// header
+			item = document.createElement('li');
+			menuItem = document.createElement('span');
+			menuItem.className = "menuitem";
+
+			text = document.createElement('span');
+			text.innerText = t('core', 'New in') + ' ' + data['ocs']['data']['product'];
+			text.className = 'caption';
+			menuItem.appendChild(text);
+
+			icon = document.createElement('span');
+			icon.className = 'icon-close';
+			icon.onclick = function () {
+				OCP.WhatsNew.dismiss(data['ocs']['data']['version'], dismissOptions);
+			};
+			menuItem.appendChild(icon);
+
+			item.appendChild(menuItem);
+			list.appendChild(item);
+
+			// Highlights
+			for (var i in data['ocs']['data']['whatsNew']['regular']) {
+				var whatsNewTextItem = data['ocs']['data']['whatsNew']['regular'][i];
+				item = document.createElement('li');
+
+				menuItem = document.createElement('span');
+				menuItem.className = "menuitem";
+
+				icon = document.createElement('span');
+				icon.className = 'icon-star-dark';
+				menuItem.appendChild(icon);
+
+				text = document.createElement('p');
+				text.innerHTML = _.escape(whatsNewTextItem);
+				menuItem.appendChild(text);
+
+				item.appendChild(menuItem);
+				list.appendChild(item);
+			}
+
+			// Changelog URL
+			if(!_.isUndefined(data['ocs']['data']['changelogURL'])) {
+				item = document.createElement('li');
+
+				menuItem = document.createElement('a');
+				menuItem.href = data['ocs']['data']['changelogURL'];
+				menuItem.rel = 'noreferrer noopener';
+				menuItem.target = '_blank';
+
+				icon = document.createElement('span');
+				icon.className = 'icon-link';
+				menuItem.appendChild(icon);
+
+				text = document.createElement('span');
+				text.innerText = t('core', 'View changelog');
+				menuItem.appendChild(text);
+
+				item.appendChild(menuItem);
+				list.appendChild(item);
+			}
+
+			div.appendChild(list);
+			document.body.appendChild(div);
+		},
+
+		_onQueryError: function (x, t, e) {
+			console.debug('querying Whats New Data resulted in an error: ' + t + e);
+			console.debug(x);
+		},
+
+		_onDismissSuccess: function(data) {
+			//noop
+		},
+
+		_onDismissError: function (data) {
+			console.debug('dismissing Whats New data resulted in an error: ' + data);
+		}
+	};
+})(OCP);