- moved src back in right place

3 files changed, 240 insertions, 0 deletions

diff --git a/src/js/components/Create/CreateDateItem.vue b/src/js/components/Create/CreateDateItem.vue
new file mode 100644
index 00000000..eaebe234
--- /dev/null
+++ b/src/js/components/Create/CreateDateItem.vue
@@ -0,0 +1,71 @@
+<!--
+  - @copyright Copyright (c) 2018 René Gieling <github@dartcafe.de>
+  -
+  - @author René Gieling <github@dartcafe.de>
+  -
+  - @license GNU AGPL version 3 or any later version
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program.  If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+
+<template>
+	<li>
+		<div>{{ option.timestamp | localFullDate }}</div>
+		<div>
+			<a class="icon-delete" @click="$emit('remove')" />
+		</div>
+	</li>
+</template>
+
+<script>
+import moment from 'moment'
+
+export default {
+	name: 'DatePollItem',
+
+	filters: {
+		localFullDate(timestamp) {
+			if (!timestamp) return ''
+			if (timestamp < 999999999999) timestamp = timestamp * 1000
+			if (!moment(timestamp).isValid()) return 'Invalid Date'
+			return moment(timestamp).format('llll')
+		}
+	},
+
+	props: {
+		option: {
+			type: Object,
+			default: undefined
+		}
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+	li > div {
+		display: flex;
+		flex-grow: 1;
+		font-size: 1.2em;
+		opacity: 0.7;
+		white-space: normal;
+		padding-right: 4px;
+	}
+
+	li > div:nth-last-child(1) {
+		justify-content: center;
+		flex-grow: 0;
+		flex-shrink: 0;
+	}
+</style>
diff --git a/src/js/components/Create/CreateDlg.vue b/src/js/components/Create/CreateDlg.vue
new file mode 100644
index 00000000..4330abb9
--- /dev/null
+++ b/src/js/components/Create/CreateDlg.vue
@@ -0,0 +1,125 @@
+<!--
+  - @copyright Copyright (c) 2018 René Gieling <github@dartcafe.de>
+  -
+  - @author René Gieling <github@dartcafe.de>
+  -
+  - @license GNU AGPL version 3 or any later version
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program.  If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+
+<template lang="html">
+	<div class="create-dialog">
+		<h2>{{ t('polls', 'Create new poll') }}</h2>
+		<input id="pollTitle" v-model="title" type="text"
+			:placeholder="t('polls', 'Enter Title')">
+
+		<div class="configBox">
+			<label class="title icon-checkmark">
+				{{ t('polls', 'Poll type') }}
+			</label>
+			<input id="datePoll" v-model="type" value="datePoll"
+				:disabled="protect" type="radio" class="radio">
+			<label for="datePoll">
+				{{ t('polls', 'Event schedule') }}
+			</label>
+			<input id="textPoll" v-model="type" value="textPoll"
+				:disabled="protect" type="radio" class="radio">
+			<label for="textPoll">
+				{{ t('polls', 'Text based') }}
+			</label>
+		</div>
+
+		<div class="create-buttons">
+			<button class="button" @click="cancel">
+				{{ t('polls', 'Cancel') }}
+			</button>
+			<button :disabled="titleEmpty" class="button primary" @click="confirm">
+				{{ t('polls', 'Publish') }}
+			</button>
+		</div>
+	</div>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex'
+export default {
+	name: 'CreateDlg',
+
+	data() {
+		return {
+			id: 0,
+			type: 'datePoll',
+			title: ''
+		}
+	},
+
+	computed: {
+		...mapState({
+			event: state => state.event
+		}),
+
+		titleEmpty() {
+			return this.title === ''
+		}
+	},
+
+	methods: {
+		...mapMutations([ 'setEventProperty', 'resetEvent', 'reset' ]),
+
+		cancel() {
+			this.title = ''
+			this.type = 'datePoll'
+			this.$emit('closeCreate')
+		},
+
+		confirm() {
+			this.resetEvent()
+			this.reset()
+			this.setEventProperty({ 'id': 0 })
+			this.setEventProperty({ 'title': this.title })
+			this.setEventProperty({ 'type': this.type })
+			this.$store.dispatch('writeEventPromise')
+				.then((response) => {
+					this.cancel()
+					OC.Notification.showTemporary(t('polls', 'Poll "%n" added', 1, this.event.title), { type: 'success' })
+					this.$router.push({ name: 'vote', params: { id: this.event.id } })
+				})
+				.catch(() => {
+					OC.Notification.showTemporary(t('polls', 'Error while creating Poll "%n"', 1, this.event.title), { type: 'error' })
+				})
+		}
+	}
+
+}
+</script>
+
+<style lang="css" scoped>
+.create-dialog {
+	display: flex;
+	flex-direction: column;
+	background-color: var(--color-main-background);
+	padding: 20px;
+}
+
+#pollTitle {
+	width: 100%;
+}
+
+.create-buttons {
+	display: flex;
+	justify-content: space-between;
+}
+</style>
diff --git a/src/js/components/Create/TextPollItem.vue b/src/js/components/Create/TextPollItem.vue
new file mode 100644
index 00000000..aefd8d09
--- /dev/null
+++ b/src/js/components/Create/TextPollItem.vue
@@ -0,0 +1,44 @@
+<!--
+  - @copyright Copyright (c) 2018 René Gieling <github@dartcafe.de>
+  -
+  - @author René Gieling <github@dartcafe.de>
+  -
+  - @license GNU AGPL version 3 or any later version
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program.  If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+
+<template>
+	<li>
+		<div>{{ option.pollOptionText }}</div>
+		<div>
+			<a class="icon icon-delete svg delete-poll" @click="$emit('remove')" />
+		</div>
+	</li>
+</template>
+
+<script>
+export default {
+	name: 'TextPollItem',
+
+	props: {
+		option: {
+			type: Object,
+			default: undefined
+		}
+	}
+}
+
+</script>