From 56da92143411a0aa6be47e1f5ba3518b2f20e77d Mon Sep 17 00:00:00 2001
From: Dominik Csapak <d.csapak@proxmox.com>
Date: Tue, 13 Jun 2017 14:56:03 +0200
Subject: [PATCH] add calendarevent form field

this is a freely editable combobox, which shows five usable examples and
their syntax, allowing users to deduct how the syntax works without
reading documentation

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 www/manager6/Makefile              |  1 +
 www/manager6/form/CalendarEvent.js | 34 ++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 www/manager6/form/CalendarEvent.js

diff --git a/www/manager6/Makefile b/www/manager6/Makefile
index 95739e41..7eb6b211 100644
--- a/www/manager6/Makefile
+++ b/www/manager6/Makefile
@@ -71,6 +71,7 @@ JSSRC= 				                 	\
 	form/QemuBiosSelector.js			\
 	form/VMSelector.js			\
 	form/USBSelector.js				\
+	form/CalendarEvent.js				\
 	dc/Tasks.js					\
 	dc/Log.js					\
 	panel/StatusPanel.js				\
diff --git a/www/manager6/form/CalendarEvent.js b/www/manager6/form/CalendarEvent.js
new file mode 100644
index 00000000..5661bf92
--- /dev/null
+++ b/www/manager6/form/CalendarEvent.js
@@ -0,0 +1,34 @@
+Ext.define('PVE.form.CalendarEvent', {
+    extend: 'Ext.form.field.ComboBox',
+    xtype: 'pveCalendarEvent',
+
+    editable: true,
+
+    valueField: 'value',
+    displayField: 'text',
+    queryMode: 'local',
+
+    store: {
+	field: [ 'value', 'text'],
+	data: [
+	    { value: '*/30', text: gettext("Every 30 minutes")},
+	    { value: '*/2:00', text: gettext("Every two hours")},
+	    { value: '2,22:30', text: gettext("02:30, 22:30")},
+	    { value: 'mon..fri', text: gettext("Monday to Friday 00:00")},
+	    { value: 'sun 01:00', text: gettext("Sunday 01:00")}
+	]
+    },
+
+    tpl: [
+	'<ul class="x-list-plain"><tpl for=".">',
+	    '<li role="option" class="x-boundlist-item">{text}</li>',
+	'</tpl></ul>'
+    ],
+
+    displayTpl: [
+	'<tpl for=".">',
+	'{value}',
+	'</tpl>'
+    ]
+
+});