Toggle navigation
Toggle navigation
This project
Loading...
Sign in
2020-1-CloudComputing
/
D_Team_Khuloud
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
최동원
2020-05-28 22:57:56 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
7d85d6f9de88bada93c44676e4152428435375e1
7d85d6f9
1 parent
1bb8b4ac
add mouse event
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
74 additions
and
15 deletions
front-end/src/components/FileList.vue
front-end/src/store/index.js
front-end/src/components/FileList.vue
View file @
7d85d6f
...
...
@@ -18,22 +18,66 @@
<v-list-item
v-for="item in this.$store.getters.folderL"
:key="item.title"
:search="search"
@click.right="show"
@click.left="moveF(item.folder_name)"
>
<v-list-item-avatar
@click="moveF(item.folder_name)"
>
<v-list-item-avatar >
<v-icon>mdi-folder</v-icon>
</v-list-item-avatar>
<v-list-item-content
@click="moveF(item.folder_name)"
>
<v-list-item-content >
<v-list-item-title v-text="item.folder_name"></v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-btn icon>
<v-icon color="grey lighten-1">mdi-information</v-icon>
</v-btn>
<v-btn icon @click="deleteF(item.folder_name)">
<v-icon color="grey lighten-1">mdi-delete</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>
<v-menu
v-model="showMenu"
:position-x="x"
:position-y="y"
absolute
offset-y
>
<v-list dense>
<v-list-item @click.prevent="dialog2 = !dialog2">
<v-list-item-title>이동</v-list-item-title>
</v-list-item>
<v-list-item @click.prevent="deleteF">
<v-list-item-title>삭제</v-list-item-title>
</v-list-item>
</v-list>
</v-menu>
<v-dialog
v-model="dialog2"
width="500px"
>
<v-card>
<v-card-title class="grey darken-2">
Move Folder
</v-card-title>
<v-container>
<div>
<v-icon>mdi-folder</v-icon>
<v-text-field placeholder="name" id="foldername" type="text" v-model="foldername"></v-text-field>
</div>
</v-container>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn
text
color="primary"
@click="dialog2 = false"
>Cancel</v-btn>
<v-btn
text
@click=""
>Move</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-divider inset></v-divider>
<v-subheader inset>Files</v-subheader>
<v-list-item
...
...
@@ -99,7 +143,7 @@
</v-btn>
<v-dialog
v-model="dialog"
width="
8
00px"
width="
5
00px"
>
<v-card>
<v-card-title class="grey darken-2">
...
...
@@ -138,7 +182,13 @@ import Axios from 'axios';
files: [],
search:'',
id: '',
dialog:false
dialog:false,
search: '',
howMenu: false,
showMenu: false,
x: 0,
y: 0,
dialog2:false
}
},
async created(){
...
...
@@ -226,7 +276,16 @@ import Axios from 'axios';
console.log("에러");
console.log(error.response.data);
}
}
},
show (e) {
e.preventDefault()
this.showMenu = false
this.x = e.clientX
this.y = e.clientY
this.$nextTick(() => {
this.showMenu = true
})
}
}
}
</script>
\ No newline at end of file
...
...
front-end/src/store/index.js
View file @
7d85d6f
...
...
@@ -6,8 +6,8 @@ Vue.use(Vuex)
export
default
new
Vuex
.
Store
({
state
:
{
id
:
''
,
folders
:
{}
,
files
:
{}
,
folders
:
[]
,
files
:
[]
,
cur
:
'/'
,
parent
:
'/'
},
...
...
Please
register
or
login
to post a comment