summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDevlin Junker <devlin.junker@gmail.com>2023-08-08 07:45:06 -0700
committerBenjamin Brahmer <info@b-brahmer.de>2023-08-11 09:22:24 +0200
commitda782c0b07070f63b17135a6dfce61eb95f4c7e7 (patch)
tree138de1763f06e332e35acbaa7f4d7d358e72b894
parent770720aedbd98820be27fbc71038f6c00bb785d7 (diff)
fix indentation
Signed-off-by: Devlin Junker <devlin.junker@gmail.com>
-rw-r--r--src/components/AddFeed.vue352
1 files changed, 176 insertions, 176 deletions
diff --git a/src/components/AddFeed.vue b/src/components/AddFeed.vue
index 91886fc05..4f21b6852 100644
--- a/src/components/AddFeed.vue
+++ b/src/components/AddFeed.vue
@@ -1,99 +1,99 @@
<template>
- <NcModal @close="$emit('close')">
- <div id="new-feed">
- <form name="feedform">
- <fieldset style="padding: 16px">
- <input type="text"
- v-model="feedUrl"
- :placeholder="t('news', 'Web address')"
- :class="{ 'invalid': feedUrlExists() }"
- name="address"
- pattern="[^\s]+"
- required
- autofocus
- style="width: 90%;">
-
- <p class="error" v-if="feedUrlExists()">
- {{ t("news", "Feed exists already!") }}
- </p>
-
-
- <!-- select a folder -->
- <div style="display:flex;">
- <NcSelect v-if="!createNewFolder && folders"
- v-model="folder"
- :options="folders"
- :placeholder="'-- ' + t('news', 'No folder') + ' --'"
- track-by="id"
- label="name"
- style="flex-grow: 1;" />
-
- <!-- add a folder -->
- <input v-if="createNewFolder"
- type="text"
- v-model="newFolderName"
- :class="{ 'invalid': folderNameExists() }"
- :placeholder="t('news', 'Folder name')"
- name="folderName"
- style="flex-grow: 1; padding: 22px 12px; margin: 0px;"
- required>
-
- <NcCheckboxRadioSwitch :checked.sync="createNewFolder" type="switch">
- {{ t("news", "New folder") }}?
- </NcCheckboxRadioSwitch>
- </div>
-
- <p class="error"
- v-if="folderNameExists()">
- {{ t("news", "Folder exists already!") }}
- </p>
-
- <!-- basic auth -->
- <p v-if="withBasicAuth" class="warning">
- {{
- t(
- "news",
- "HTTP Basic Auth credentials must be stored unencrypted! Everyone with access to the server or database will be able to access them!"
- )
- }}
- </p>
-
- <div style="display: flex">
- <NcCheckboxRadioSwitch :checked.sync="withBasicAuth" type="switch" style="flex-grow: 1;">
- {{ t("news", "Credentials") }}?
- </NcCheckboxRadioSwitch>
-
- <div v-if="withBasicAuth" class="add-feed-basicauth" style="flex-grow: 1; display: flex;">
- <input type="text"
- v-model="feedUser"
- :placeholder="t('news', 'Username')"
- name="user"
- autofocus
- style="flex-grow: 1">
-
- <input type="password"
- v-model="feedPassword"
- :placeholder="t('news', 'Password')"
- name="password"
- autocomplete="new-password"
- style="flex-grow: 1">
- </div>
- </div>
-
- <NcCheckboxRadioSwitch :checked.sync="autoDiscover" type="switch">
- {{ t("news", "Auto discover Feed") }}?
- </NcCheckboxRadioSwitch>
-
- <NcButton :wide="true"
- type="primary"
- :disabled="disableAddFeed"
- @click="addFeed()">
- {{ t("news", "Subscribe") }}
- </NcButton>
- </fieldset>
- </form>
- </div>
- </NcModal>
+ <NcModal @close="$emit('close')">
+ <div id="new-feed">
+ <form name="feedform">
+ <fieldset style="padding: 16px">
+ <input type="text"
+ v-model="feedUrl"
+ :placeholder="t('news', 'Web address')"
+ :class="{ 'invalid': feedUrlExists() }"
+ name="address"
+ pattern="[^\s]+"
+ required
+ autofocus
+ style="width: 90%;">
+
+ <p class="error" v-if="feedUrlExists()">
+ {{ t("news", "Feed exists already!") }}
+ </p>
+
+
+ <!-- select a folder -->
+ <div style="display:flex;">
+ <NcSelect v-if="!createNewFolder && folders"
+ v-model="folder"
+ :options="folders"
+ :placeholder="'-- ' + t('news', 'No folder') + ' --'"
+ track-by="id"
+ label="name"
+ style="flex-grow: 1;" />
+
+ <!-- add a folder -->
+ <input v-if="createNewFolder"
+ type="text"
+ v-model="newFolderName"
+ :class="{ 'invalid': folderNameExists() }"
+ :placeholder="t('news', 'Folder name')"
+ name="folderName"
+ style="flex-grow: 1; padding: 22px 12px; margin: 0px;"
+ required>
+
+ <NcCheckboxRadioSwitch :checked.sync="createNewFolder" type="switch">
+ {{ t("news", "New folder") }}?
+ </NcCheckboxRadioSwitch>
+ </div>
+
+ <p class="error"
+ v-if="folderNameExists()">
+ {{ t("news", "Folder exists already!") }}
+ </p>
+
+ <!-- basic auth -->
+ <p v-if="withBasicAuth" class="warning">
+ {{
+ t(
+ "news",
+ "HTTP Basic Auth credentials must be stored unencrypted! Everyone with access to the server or database will be able to access them!"
+ )
+ }}
+ </p>
+
+ <div style="display: flex">
+ <NcCheckboxRadioSwitch :checked.sync="withBasicAuth" type="switch" style="flex-grow: 1;">
+ {{ t("news", "Credentials") }}?
+ </NcCheckboxRadioSwitch>
+
+ <div v-if="withBasicAuth" class="add-feed-basicauth" style="flex-grow: 1; display: flex;">
+ <input type="text"
+ v-model="feedUser"
+ :placeholder="t('news', 'Username')"
+ name="user"
+ autofocus
+ style="flex-grow: 1">
+
+ <input type="password"
+ v-model="feedPassword"
+ :placeholder="t('news', 'Password')"
+ name="password"
+ autocomplete="new-password"
+ style="flex-grow: 1">
+ </div>
+ </div>
+
+ <NcCheckboxRadioSwitch :checked.sync="autoDiscover" type="switch">
+ {{ t("news", "Auto discover Feed") }}?
+ </NcCheckboxRadioSwitch>
+
+ <NcButton :wide="true"
+ type="primary"
+ :disabled="disableAddFeed"
+ @click="addFeed()">
+ {{ t("news", "Subscribe") }}
+ </NcButton>
+ </fieldset>
+ </form>
+ </div>
+ </NcModal>
</template>
<script lang="ts">
@@ -110,97 +110,97 @@ import { Folder } from '../types/Folder'
import { ACTIONS } from '../store'
type AddFeedState = {
- folder?: Folder;
- newFolderName: String;
+ folder?: Folder;
+ newFolderName: String;
- autoDiscover: boolean;
- createNewFolder: boolean;
- withBasicAuth: boolean;
+ autoDiscover: boolean;
+ createNewFolder: boolean;
+ withBasicAuth: boolean;
- feedUrl?: String;
- feedUser?: String;
- feedPassword?: String;
+ feedUrl?: String;
+ feedUser?: String;
+ feedPassword?: String;
};
export default Vue.extend({
- components: {
- NcModal,
- NcCheckboxRadioSwitch,
- NcButton,
- NcMultiselect,
- NcSelect
- },
- data: (): AddFeedState => {
- return {
- folder: undefined,
- newFolderName: '',
-
- autoDiscover: true,
- createNewFolder: false,
- withBasicAuth: false,
-
- feedUrl: '',
- feedUser: '',
- feedPassword: ''
- }
- },
- computed: {
- folders(): Folder[] {
- return this.$store.state.folders.folders
- },
- disableAddFeed(): boolean {
- return this.feed === "" || this.feedUrlExists() || (this.createNewFolder && this.newFolderName === "" || this.folderNameExists())
- }
- },
- methods: {
- /**
- * Adds a New Feed via the Vuex Store
- */
- async addFeed() {
- this.$store.dispatch(ACTIONS.ADD_FEED, {
- feedReq: {
- url: this.feedUrl,
- folder: this.createNewFolder ? { name: this.newFolderName } : this.folder,
- autoDiscover: this.autoDiscover,
- user: this.feedUser === '' ? undefined : this.feedUser,
- password: this.feedPassword === '' ? undefined : this.feedPassword
- },
- });
-
- this.$emit('close');
- },
- /**
- * Checks if Feed Url exists in Vuex Store Feeds
- */
- feedUrlExists(): boolean {
- for (let feed of this.$store.state.feeds.feeds) {
- if (feed.url === this.feedUrl) {
- return true;
- }
- }
-
- return false;
- },
- /**
- * Check if Folder Name exists in Vuex Store Folders
- */
- folderNameExists(): boolean {
- if (this.createNewFolder) {
- for (let folder of this.$store.state.folders.folders) {
- if (folder.name === this.newFolderName) {
- return true;
- }
- }
- }
- return false;
- }
- },
+ components: {
+ NcModal,
+ NcCheckboxRadioSwitch,
+ NcButton,
+ NcMultiselect,
+ NcSelect
+ },
+ data: (): AddFeedState => {
+ return {
+ folder: undefined,
+ newFolderName: '',
+
+ autoDiscover: true,
+ createNewFolder: false,
+ withBasicAuth: false,
+
+ feedUrl: '',
+ feedUser: '',
+ feedPassword: ''
+ }
+ },
+ computed: {
+ folders(): Folder[] {
+ return this.$store.state.folders.folders
+ },
+ disableAddFeed(): boolean {
+ return this.feed === "" || this.feedUrlExists() || (this.createNewFolder && this.newFolderName === "" || this.folderNameExists())
+ }
+ },
+ methods: {
+ /**
+ * Adds a New Feed via the Vuex Store
+ */
+ async addFeed() {
+ this.$store.dispatch(ACTIONS.ADD_FEED, {
+ feedReq: {
+ url: this.feedUrl,
+ folder: this.createNewFolder ? { name: this.newFolderName } : this.folder,
+ autoDiscover: this.autoDiscover,
+ user: this.feedUser === '' ? undefined : this.feedUser,
+ password: this.feedPassword === '' ? undefined : this.feedPassword
+ },
+ });
+
+ this.$emit('close');
+ },
+ /**
+ * Checks if Feed Url exists in Vuex Store Feeds
+ */
+ feedUrlExists(): boolean {
+ for (let feed of this.$store.state.feeds.feeds) {
+ if (feed.url === this.feedUrl) {
+ return true;
+ }
+ }
+
+ return false;
+ },
+ /**
+ * Check if Folder Name exists in Vuex Store Folders
+ */
+ folderNameExists(): boolean {
+ if (this.createNewFolder) {
+ for (let folder of this.$store.state.folders.folders) {
+ if (folder.name === this.newFolderName) {
+ return true;
+ }
+ }
+ }
+ return false;
+ }
+ },
})
</script>
<style scoped>
.invalid {
- border: 1px solid rgb(251, 72, 72) !important;
+ border: 1px solid rgb(251, 72, 72) !important;
}
</style>