Move updatenotifications to webpack with .vue file

Signed-off-by: Joas Schilling <coding@schilljs.com>

1 files changed, 188 insertions, 0 deletions

diff --git a/apps/updatenotification/js-src/components/root.vue b/apps/updatenotification/js-src/components/root.vue
new file mode 100644
index 00000000000..5f41ce3ec58
--- /dev/null
+++ b/apps/updatenotification/js-src/components/root.vue
@@ -0,0 +1,188 @@
+<template>
+	<div id="updatenotification" class="followupsection">
+		<p>
+			<template v-if="isNewVersionAvailable">
+				<strong>{{newVersionAvailableString}}</strong>
+				<input v-if="updaterEnabled" type="button" @click="clickUpdaterButton" id="oca_updatenotification_button" :value="l_open_updater">
+				<a v-if="downloadLink" :href="downloadLink" class="button" :class="{ hidden: !updaterEnabled }">{{l_download_now}}</a>
+			</template>
+			<template v-else-if="!isUpdateChecked">{{l_check_in_progress}}</template>
+			<template v-else>
+				{{l_up_to_date}}
+				<span class="icon-info svg" :title="lastCheckedOnString"></span>
+			</template>
+
+			<template v-if="!isDefaultUpdateServerURL">
+				<br />
+				<em>{{l_non_default_updater}} <code>{{updateServerURL}}</code></em>
+			</template>
+		</p>
+
+		<p>
+			<label for="release-channel">{{l_update_channel}}</label>
+			<select id="release-channel" v-model="currentChannel" @change="changeReleaseChannel">
+				<option v-for="channel in channels" :value="channel">{{channel}}</option>
+			</select>
+			<span id="channel_save_msg" class="msg"></span><br />
+			<em>{{l_update_channel_newer}}</em><br />
+			<em>{{l_update_channel_delay}}</em>
+		</p>
+
+		<p id="oca_updatenotification_groups">
+			{{l_notify_groups}}
+			<input name="oca_updatenotification_groups_list" type="hidden" id="oca_updatenotification_groups_list" @change="saveNotifyGroups" :value="notifyGroups" style="width: 400px"><br />
+			<em v-if="currentChannel === 'daily' || currentChannel === 'git'">{{l_only_app_updates}}</em>
+			<em v-if="currentChannel === 'daily'">{{l_update_channel_daily}}</em>
+			<em v-if="currentChannel === 'git'">{{l_update_channel_git}}</em>
+		</p>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: "root",
+
+		el: '#updatenotification',
+
+		data: function () {
+			return {
+				newVersionString: '',
+				lastCheckedDate: '',
+				isUpdateChecked: false,
+				updaterEnabled: true,
+				downloadLink: '',
+				isNewVersionAvailable: false,
+				updateServerURL: '',
+				currentChannel: '',
+				channels: [],
+				notifyGroups: '',
+				isDefaultUpdateServerURL: true
+			};
+		},
+
+		_$el: null,
+		_$releaseChannel: null,
+		_$notifyGroups: null,
+
+		computed: {
+			l_check_in_progress: function() {
+				return t('updatenotification', 'The update check is not yet finished. Please refresh the page.');
+			},
+			l_download_now: function() {
+				return t('updatenotification', 'Download now');
+			},
+			l_non_default_updater: function() {
+				return t('updatenotification', 'A non-default update server is in use to be checked for updates:');
+			},
+			l_notify_groups: function() {
+				return t('updatenotification', 'Notify members of the following groups about available updates:');
+			},
+			l_only_app_updates: function() {
+				return t('updatenotification', 'Only notification for app updates are available.');
+			},
+			l_open_updater: function() {
+				return t('updatenotification', 'Open updater');
+			},
+			l_up_to_date: function() {
+				return t('updatenotification', 'Your version is up to date.');
+			},
+			l_update_channel: function() {
+				return t('updatenotification', 'Update channel:');
+			},
+			l_update_channel_daily: function() {
+				return t('updatenotification', 'The selected update channel makes dedicated notifications for the server obsolete.');
+			},
+			l_update_channel_git: function() {
+				return t('updatenotification', 'The selected update channel does not support updates of the server.');
+			},
+			l_update_channel_newer: function() {
+				return t('updatenotification', 'You can always update to a newer version / experimental channel. But you can never downgrade to a more stable channel.');
+			},
+			l_update_channel_delay: function() {
+				return t('updatenotification', 'Note that after a new release it can take some time before it shows up here. We roll out new versions spread out over time to our users and sometimes skip a version when issues are found.');
+			},
+			newVersionAvailableString: function() {
+				return t('updatenotification', 'A new version is available: {newVersionString}', {
+					newVersionString: this.newVersionString
+				});
+			},
+			lastCheckedOnString: function() {
+				return t('updatenotification', 'Checked on {lastCheckedDate}', {
+					lastCheckedDate: this.lastCheckedDate
+				});
+			}
+		},
+
+		methods: {
+			/**
+			 * Creates a new authentication token and loads the updater URL
+			 */
+			clickUpdaterButton: function() {
+				$.ajax({
+					url: OC.generateUrl('/apps/updatenotification/credentials')
+				}).success(function(data) {
+					$.ajax({
+						url: OC.getRootPath()+'/updater/',
+						headers: {
+							'X-Updater-Auth': data
+						},
+						method: 'POST',
+						success: function(data){
+							if(data !== 'false') {
+								var body = $('body');
+								$('head').remove();
+								body.html(data);
+
+								// Eval the script elements in the response
+								var dom = $(data);
+								dom.filter('script').each(function() {
+									eval(this.text || this.textContent || this.innerHTML || '');
+								});
+
+								body.removeAttr('id');
+								body.attr('id', 'body-settings');
+							}
+						},
+						error: function() {
+							OC.Notification.showTemporary(t('updatenotification', 'Could not start updater, please try the manual update'));
+							this.updaterEnabled = false;
+						}.bind(this)
+					});
+				}.bind(this));
+			},
+			changeReleaseChannel: function() {
+				this.currentChannel = this._$releaseChannel.val();
+
+				$.ajax({
+					url: OC.generateUrl('/apps/updatenotification/channel'),
+					type: 'POST',
+					data: {
+						'channel': this.currentChannel
+					},
+					success: function (data) {
+						OC.msg.finishedAction('#channel_save_msg', data);
+					}
+				});
+			},
+			saveNotifyGroups: function(e) {
+				var groups = e.val || [];
+				groups = JSON.stringify(groups);
+				OCP.AppConfig.setValue('updatenotification', 'notify_groups', groups);
+			}
+		},
+
+		mounted: function () {
+			this._$el = $(this.$el);
+			this._$releaseChannel = this._$el.find('#release-channel');
+			this._$notifyGroups = this._$el.find('#oca_updatenotification_groups_list');
+			this._$notifyGroups.on('change', function () {
+				this.$emit('input');
+			}.bind(this));
+		},
+
+		updated: function () {
+			OC.Settings.setupGroupsSelect(this._$notifyGroups);
+			this._$el.find('.icon-info').tooltip({placement: 'right'});
+		}
+	}
+</script>