btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

feat: init backend for drag and drop requests on team collections - fixed #2005

Browse Source
This commit is contained in:
liyasthomas
2021-12-18 18:38:27 +05:30
parent 11fe908017
commit 76cbd99df8
5 changed files with 43 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/hoppscotch-app/components/collections/teams/Collection.vue
View File

@@ -187,6 +187,8 @@
<script>
import { defineComponent } from "@nuxtjs/composition-api"
import * as E from "fp-ts/Either"
import { moveRESTTeamRequest } from "~/helpers/backend/mutations/TeamRequest"
export default defineComponent({
props: {
@@ -258,11 +260,15 @@ export default defineComponent({
expandCollection(collectionID) {
this.$emit("expand-collection", collectionID)
},
dropEvent({ dataTransfer }) {
async dropEvent({ dataTransfer }) {
this.dragging = !this.dragging
const requestIndex = dataTransfer.getData("requestIndex")
console.log(requestIndex, this.collection.id)
// moveRESTTeamRequest(`${this.collectionIndex}`, requestIndex)
const moveRequestResult = await moveRESTTeamRequest(
requestIndex,
this.collection.id
)()
if (E.isLeft(moveRequestResult))
this.$toast.error(this.$t("error.something_went_wrong"))
},
removeRequest({ collectionIndex, folderName, requestIndex }) {
this.$emit("remove-request", {

12
packages/hoppscotch-app/components/collections/teams/Folder.vue
View File

@@ -166,6 +166,8 @@
<script>
import { defineComponent } from "@nuxtjs/composition-api"
import * as E from "fp-ts/Either"
import { moveRESTTeamRequest } from "~/helpers/backend/mutations/TeamRequest"
import * as teamUtils from "~/helpers/teams/utils"
export default defineComponent({
@@ -245,11 +247,15 @@ export default defineComponent({
expandCollection(collectionID) {
this.$emit("expand-collection", collectionID)
},
dropEvent({ dataTransfer }) {
async dropEvent({ dataTransfer }) {
this.dragging = !this.dragging
const requestIndex = dataTransfer.getData("requestIndex")
console.log(requestIndex, this.folder.id)
// moveRESTTeamRequest(this.folder.id, requestIndex)
const moveRequestResult = await moveRESTTeamRequest(
requestIndex,
this.folder.id
)()
if (E.isLeft(moveRequestResult))
this.$toast.error(this.$t("error.something_went_wrong"))
},
removeRequest({ collectionIndex, folderName, requestIndex }) {
this.$emit("remove-request", {

1
packages/hoppscotch-app/components/collections/teams/Request.vue
View File

@@ -179,7 +179,6 @@ export default defineComponent({
dragStart({ dataTransfer }) {
this.dragging = !this.dragging
dataTransfer.setData("requestIndex", this.requestIndex)
console.log(dataTransfer)
},
removeRequest() {
this.$emit("remove-request", {