From 91cda7a7e281dd738cc61228193e946c25c872f2 Mon Sep 17 00:00:00 2001
From: huangjx <freefallbenson@gmail.com>
Date: Thu, 28 Oct 2021 16:18:28 +0800
Subject: [PATCH] fixed the issue of failling  to submit form when hitting the
 enter key

---
 img/trash.svg:Zone.Identifier       |  4 ---
 lib/Controller/SearchController.php |  1 +
 src/components/mainForm.vue         | 55 ++++++++++++++++++++++-------
 3 files changed, 44 insertions(+), 16 deletions(-)
 delete mode 100644 img/trash.svg:Zone.Identifier

diff --git a/img/trash.svg:Zone.Identifier b/img/trash.svg:Zone.Identifier
deleted file mode 100644
index 91c1684..0000000
--- a/img/trash.svg:Zone.Identifier
+++ /dev/null
@@ -1,4 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=https://icons.getbootstrap.com/icons/trash/
-HostUrl=https://icons.getbootstrap.com/assets/icons/trash.svg
diff --git a/lib/Controller/SearchController.php b/lib/Controller/SearchController.php
index c97de94..0306550 100644
--- a/lib/Controller/SearchController.php
+++ b/lib/Controller/SearchController.php
@@ -5,6 +5,7 @@ use OCA\NCDownloader\Search\torrentSearch;
 use OCP\AppFramework\Controller;
 use OCP\AppFramework\Http\JSONResponse;
 use OCP\IRequest;
+use OCA\NCDownloader\Tools\Helper;
 
 class SearchController extends Controller
 {
diff --git a/src/components/mainForm.vue b/src/components/mainForm.vue
index 0d04b36..0dd8249 100644
--- a/src/components/mainForm.vue
+++ b/src/components/mainForm.vue
@@ -1,15 +1,24 @@
 <template>
   <form class="main-form" id="nc-vue-unified-form" :action="path">
     <div class="options-group">
-      <button class="magnet-link http-link" @click.prevent="whichType('aria2')">
+      <div
+        class="magnet-link http-link option-buttons"
+        @click.prevent="whichType('aria2', $event)"
+      >
         HTTP/MAGNET
-      </button>
-      <button class="youtube-dl-link" @click.prevent="whichType('youtube-dl')">
+      </div>
+      <div
+        class="youtube-dl-link option-buttons"
+        @click.prevent="whichType('youtube-dl', $event)"
+      >
         Youtube-dl
-      </button>
-      <button class="search-torrents" @click.prevent="whichType('search')">
+      </div>
+      <div
+        class="search-torrents option-buttons"
+        @click.prevent="whichType('search', $event)"
+      >
         Search Torrents
-      </button>
+      </div>
     </div>
     <div class="action-group">
       <div class="download-input-container" v-if="inputType === 'download'">
@@ -57,11 +66,15 @@ export default {
     searchInput,
     uploadFile,
   },
-  computed: {
-
-  },
+  computed: {},
   methods: {
-    whichType(type) {
+    whichType(type, event) {
+      let element = event.target;
+      let nodeList = document.querySelectorAll(".option-buttons");
+      nodeList.forEach((node) => {
+        node.classList.remove("active-button");
+      });
+      element.classList.toggle("active-button");
       this.downloadType = type;
       if (type === "aria2") {
         this.path = this.uris.aria2_url;
@@ -85,8 +98,7 @@ export default {
       this.$emit("uploadfile", event, vm);
     },
   },
-  mounted() {
-  },
+  mounted() {},
   name: "mainForm",
   props: {
     uris: Object,
@@ -111,6 +123,22 @@ export default {
     height: 100%;
     position: relative;
   }
+  .options-group > .option-buttons {
+    margin: 0;
+    padding: 10px;
+    outline: 0;
+    font-weight: bold;
+    font-size: 13px;
+    font-family: inherit;
+    vertical-align: baseline;
+    cursor: pointer;
+    white-space: nowrap;
+    min-height: 34px;
+    width: auto;
+  }
+  .active-button {
+    border: 2px #9a5c8b solid;
+  }
 
   .action-group {
     flex: 2;
@@ -158,6 +186,9 @@ export default {
   .youtube-dl-link {
     background-color: #c4c4d9;
   }
+  .search-torrents {
+    background-color: #b4b4c6;
+  }
 
   .checkboxes {
     background-color: #c4c4d9;