2020-1-CloudComputing / D_Team_Khuloud

Go to a project
Toggle navigation Toggle navigation pinning
최동원
a75c14cd 1 parent 45e2cd7c

코드정리

Inline Side-by-side
Showing 18 changed files with 970 additions and 982 deletions
1 <template> 1 <template>
2 - <tool-view></tool-view> 2 + <tool-view></tool-view>
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 -import ToolView from './components/ToolView' 6 +import ToolView from './components/ToolView';
7 7
8 - export default {
9 - data() {
10 - return {
11 -
12 - }
13 - },
14 - components: {
15 - ToolView,
16 - }
17 - }
18 -</script>
...\ No newline at end of file ...\ No newline at end of file
8 +export default {
9 + data() {
10 + return {};
11 + },
12 + components: {
13 + ToolView,
14 + },
15 +};
16 +</script>
......
...@@ -79,15 +79,15 @@ function downloadFile(fileData) { ...@@ -79,15 +79,15 @@ function downloadFile(fileData) {
79 }, 79 },
80 }); 80 });
81 } 81 }
82 -function accessedList(curData){ 82 +function accessedList(curData) {
83 return axios.get('api/quick', { 83 return axios.get('api/quick', {
84 - params:{ 84 + params: {
85 - id: curData.id 85 + id: curData.id,
86 }, 86 },
87 }); 87 });
88 } 88 }
89 -function modifyFile(fileData){ 89 +function modifyFile(fileData) {
90 - return axios.post(`/api/file/modify/${fileData.name}`, fileData) 90 + return axios.post(`/api/file/modify/${fileData.name}`, fileData);
91 } 91 }
92 function delFavorite(folderData) { 92 function delFavorite(folderData) {
93 return axios.post('api/favorites/delfolder', folderData); 93 return axios.post('api/favorites/delfolder', folderData);
...@@ -127,5 +127,5 @@ export { ...@@ -127,5 +127,5 @@ export {
127 addFavoriteFile, 127 addFavoriteFile,
128 accessedList, 128 accessedList,
129 detailFile, 129 detailFile,
130 - modifyFile 130 + modifyFile,
131 }; 131 };
......
1 <template> 1 <template>
2 - <v-card 2 + <v-card max-width="98%" class="mx-auto">
3 - max-width="98%" 3 + <v-toolbar color="light-blue" dark>
4 - class="mx-auto" 4 + <v-toolbar-title>즐겨찾기</v-toolbar-title>
5 - > 5 + <v-spacer></v-spacer>
6 - <v-toolbar 6 + </v-toolbar>
7 - color="light-blue" 7 + <v-list two-line subheader>
8 - dark 8 + <v-list-item v-for="item in items" :key="item.title" @click="">
9 - > 9 + <v-list-item-avatar>
10 - <v-toolbar-title>즐겨찾기</v-toolbar-title> 10 + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon>
11 - <v-spacer></v-spacer> 11 + </v-list-item-avatar>
12 - </v-toolbar> 12 + <v-list-item-content>
13 - <v-list two-line subheader> 13 + <v-list-item-title v-text="item.title"></v-list-item-title>
14 - <v-list-item 14 + <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
15 - v-for="item in items" 15 + </v-list-item-content>
16 - :key="item.title" 16 + <v-list-item-action>
17 - @click="" 17 + <v-btn icon>
18 - > 18 + <v-icon color="grey lighten-1">mdi-information</v-icon>
19 - <v-list-item-avatar> 19 + </v-btn>
20 - <v-icon 20 + </v-list-item-action>
21 - :class="[item.iconClass]" 21 + </v-list-item>
22 - v-text="item.icon" 22 + <v-list-item v-for="item in items2" :key="item.title" @click="">
23 - ></v-icon> 23 + <v-list-item-avatar>
24 - </v-list-item-avatar> 24 + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon>
25 - <v-list-item-content> 25 + </v-list-item-avatar>
26 - <v-list-item-title v-text="item.title"></v-list-item-title> 26 + <v-list-item-content>
27 - <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle> 27 + <v-list-item-title v-text="item.title"></v-list-item-title>
28 - </v-list-item-content> 28 + <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
29 - <v-list-item-action> 29 + </v-list-item-content>
30 - <v-btn icon> 30 + <v-list-item-action>
31 - <v-icon color="grey lighten-1">mdi-information</v-icon> 31 + <v-btn icon>
32 - </v-btn> 32 + <v-icon color="grey lighten-1">mdi-information</v-icon>
33 - </v-list-item-action> 33 + </v-btn>
34 - </v-list-item> 34 + </v-list-item-action>
35 - <v-list-item 35 + </v-list-item>
36 - v-for="item in items2" 36 + </v-list>
37 - :key="item.title" 37 + </v-card>
38 - @click=""
39 - >
40 - <v-list-item-avatar>
41 - <v-icon
42 - :class="[item.iconClass]"
43 - v-text="item.icon"
44 - ></v-icon>
45 - </v-list-item-avatar>
46 - <v-list-item-content>
47 - <v-list-item-title v-text="item.title"></v-list-item-title>
48 - <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
49 - </v-list-item-content>
50 - <v-list-item-action>
51 - <v-btn icon>
52 - <v-icon color="grey lighten-1">mdi-information</v-icon>
53 - </v-btn>
54 - </v-list-item-action>
55 - </v-list-item>
56 - </v-list>
57 - </v-card>
58 </template> 38 </template>
59 39
60 <script> 40 <script>
61 - export default { 41 +export default {
62 - data: () => ({ 42 + data: () => ({
63 - items: [ 43 + items: [
64 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Photos', subtitle: 'Jan 9, 2014' }, 44 + {
65 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Recipes', subtitle: 'Jan 17, 2014' }, 45 + icon: 'folder',
66 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Work', subtitle: 'Jan 28, 2014' }, 46 + iconClass: 'grey lighten-1 white--text',
67 - ], 47 + title: 'Photos',
68 - items2: [ 48 + subtitle: 'Jan 9, 2014',
69 - { icon: 'assignment', iconClass: 'blue white--text', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, 49 + },
70 - { icon: 'call_to_action', iconClass: 'amber white--text', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, 50 + {
71 - ], 51 + icon: 'folder',
72 - }), 52 + iconClass: 'grey lighten-1 white--text',
73 - } 53 + title: 'Recipes',
54 + subtitle: 'Jan 17, 2014',
55 + },
56 + {
57 + icon: 'folder',
58 + iconClass: 'grey lighten-1 white--text',
59 + title: 'Work',
60 + subtitle: 'Jan 28, 2014',
61 + },
62 + ],
63 + items2: [
64 + {
65 + icon: 'assignment',
66 + iconClass: 'blue white--text',
67 + title: 'Vacation itinerary',
68 + subtitle: 'Jan 20, 2014',
69 + },
70 + {
71 + icon: 'call_to_action',
72 + iconClass: 'amber white--text',
73 + title: 'Kitchen remodel',
74 + subtitle: 'Jan 10, 2014',
75 + },
76 + ],
77 + }),
78 +};
74 </script> 79 </script>
......
1 <template> 1 <template>
2 - <v-card 2 + <v-card max-width="98%" class="mx-auto">
3 - max-width="98%" 3 + <v-toolbar color="light-blue" dark>
4 - class="mx-auto" 4 + <v-toolbar-title>파일</v-toolbar-title>
5 - > 5 + <v-spacer></v-spacer>
6 - <v-toolbar 6 + </v-toolbar>
7 - color="light-blue" 7 + <v-list two-line subheader>
8 - dark 8 + <v-list-item v-for="item in items" :key="item.title" @click="">
9 - > 9 + <v-list-item-avatar>
10 - <v-toolbar-title>파일</v-toolbar-title> 10 + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon>
11 - <v-spacer></v-spacer> 11 + </v-list-item-avatar>
12 - </v-toolbar> 12 + <v-list-item-content>
13 - <v-list two-line subheader> 13 + <v-list-item-title v-text="item.title"></v-list-item-title>
14 - <v-list-item 14 + <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
15 - v-for="item in items" 15 + </v-list-item-content>
16 - :key="item.title" 16 + <v-list-item-action>
17 - @click="" 17 + <v-btn icon>
18 - > 18 + <v-icon color="grey lighten-1">mdi-information</v-icon>
19 - <v-list-item-avatar> 19 + </v-btn>
20 - <v-icon 20 + </v-list-item-action>
21 - :class="[item.iconClass]" 21 + </v-list-item>
22 - v-text="item.icon" 22 + <v-list-item v-for="item in items2" :key="item.title" @click="">
23 - ></v-icon> 23 + <v-list-item-avatar>
24 - </v-list-item-avatar> 24 + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon>
25 - <v-list-item-content> 25 + </v-list-item-avatar>
26 - <v-list-item-title v-text="item.title"></v-list-item-title> 26 + <v-list-item-content>
27 - <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle> 27 + <v-list-item-title v-text="item.title"></v-list-item-title>
28 - </v-list-item-content> 28 + <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
29 - <v-list-item-action> 29 + </v-list-item-content>
30 - <v-btn icon> 30 + <v-list-item-action>
31 - <v-icon color="grey lighten-1">mdi-information</v-icon> 31 + <v-btn icon>
32 - </v-btn> 32 + <v-icon color="grey lighten-1">mdi-information</v-icon>
33 - </v-list-item-action> 33 + </v-btn>
34 - </v-list-item> 34 + </v-list-item-action>
35 - <v-list-item 35 + </v-list-item>
36 - v-for="item in items2" 36 + </v-list>
37 - :key="item.title" 37 + </v-card>
38 - @click=""
39 - >
40 - <v-list-item-avatar>
41 - <v-icon
42 - :class="[item.iconClass]"
43 - v-text="item.icon"
44 - ></v-icon>
45 - </v-list-item-avatar>
46 - <v-list-item-content>
47 - <v-list-item-title v-text="item.title"></v-list-item-title>
48 - <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
49 - </v-list-item-content>
50 - <v-list-item-action>
51 - <v-btn icon>
52 - <v-icon color="grey lighten-1">mdi-information</v-icon>
53 - </v-btn>
54 - </v-list-item-action>
55 - </v-list-item>
56 - </v-list>
57 - </v-card>
58 </template> 38 </template>
59 39
60 <script> 40 <script>
61 - export default { 41 +export default {
62 - data: () => ({ 42 + data: () => ({
63 - items: [ 43 + items: [
64 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Photos', subtitle: 'Jan 9, 2014' }, 44 + {
65 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Recipes', subtitle: 'Jan 17, 2014' }, 45 + icon: 'folder',
66 - { icon: 'folder', iconClass: 'grey lighten-1 white--text', title: 'Work', subtitle: 'Jan 28, 2014' }, 46 + iconClass: 'grey lighten-1 white--text',
67 - ], 47 + title: 'Photos',
68 - items2: [ 48 + subtitle: 'Jan 9, 2014',
69 - { icon: 'assignment', iconClass: 'blue white--text', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, 49 + },
70 - { icon: 'call_to_action', iconClass: 'amber white--text', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, 50 + {
71 - ], 51 + icon: 'folder',
72 - }), 52 + iconClass: 'grey lighten-1 white--text',
73 - } 53 + title: 'Recipes',
54 + subtitle: 'Jan 17, 2014',
55 + },
56 + {
57 + icon: 'folder',
58 + iconClass: 'grey lighten-1 white--text',
59 + title: 'Work',
60 + subtitle: 'Jan 28, 2014',
61 + },
62 + ],
63 + items2: [
64 + {
65 + icon: 'assignment',
66 + iconClass: 'blue white--text',
67 + title: 'Vacation itinerary',
68 + subtitle: 'Jan 20, 2014',
69 + },
70 + {
71 + icon: 'call_to_action',
72 + iconClass: 'amber white--text',
73 + title: 'Kitchen remodel',
74 + subtitle: 'Jan 10, 2014',
75 + },
76 + ],
77 + }),
78 +};
74 </script> 79 </script>
......
1 <template lang="html"> 1 <template lang="html">
2 - <v-dialog 2 + <v-dialog v-model="dialog" max-width="290">
3 - v-model="dialog" 3 + <v-card>
4 - max-width="290" 4 + <v-card-title class="headline"
5 - > 5 + >Use Google's location service?</v-card-title
6 - <v-card> 6 + >
7 - <v-card-title class="headline">Use Google's location service?</v-card-title>
8 7
9 - <v-card-text> 8 + <v-card-text>
10 - Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running. 9 + Let Google help apps determine location. This means sending anonymous
11 - </v-card-text> 10 + location data to Google, even when no apps are running.
11 + </v-card-text>
12 12
13 - <v-card-actions> 13 + <v-card-actions>
14 - <v-spacer></v-spacer> 14 + <v-spacer></v-spacer>
15 15
16 - <v-btn 16 + <v-btn color="green darken-1" text @click="dialog = false">
17 - color="green darken-1" 17 + Disagree
18 - text 18 + </v-btn>
19 - @click="dialog = false"
20 - >
21 - Disagree
22 - </v-btn>
23 19
24 - <v-btn 20 + <v-btn color="green darken-1" text @click="dialog = false">
25 - color="green darken-1" 21 + Agree
26 - text 22 + </v-btn>
27 - @click="dialog = false" 23 + </v-card-actions>
28 - > 24 + </v-card>
29 - Agree 25 + </v-dialog>
30 - </v-btn>
31 - </v-card-actions>
32 - </v-card>
33 - </v-dialog>
34 </template> 26 </template>
35 27
36 <script> 28 <script>
37 export default { 29 export default {
38 - data(){ 30 + data() {
39 - return{ 31 + return {
40 - dialog: false, 32 + dialog: false,
41 - } 33 + };
42 - }, 34 + },
43 -} 35 +};
44 </script> 36 </script>
45 37
46 -<style lang="css" scoped> 38 +<style lang="css" scoped></style>
47 -</style>
......
...@@ -45,7 +45,10 @@ ...@@ -45,7 +45,10 @@
45 v-for="item in this.$store.getters.fileL" 45 v-for="item in this.$store.getters.fileL"
46 :key="item.title" 46 :key="item.title"
47 @click.right="showF(item, $event)" 47 @click.right="showF(item, $event)"
48 - @dblclick="detailF(item, $event); file_detail(item);" 48 + @dblclick="
49 + detailF(item, $event);
50 + file_detail(item);
51 + "
49 @click="" 52 @click=""
50 > 53 >
51 <v-list-item-avatar> 54 <v-list-item-avatar>
...@@ -65,29 +68,29 @@ ...@@ -65,29 +68,29 @@
65 </v-list-item> 68 </v-list-item>
66 </v-list> 69 </v-list>
67 <!--file detial --> 70 <!--file detial -->
68 - <v-dialog 71 + <v-dialog v-model="showdetailF" max-width="290">
69 - v-model="showdetailF" 72 + <v-card>
70 - max-width="290" 73 + <v-card-title class="headline">
71 - > 74 + <v-text-field v-model="current_filename"></v-text-field>
72 - <v-card> 75 + </v-card-title>
73 - <v-card-title class="headline"> 76 + <v-card-text>
74 - <v-text-field v-model="current_filename" ></v-text-field> 77 + <v-text-field v-model="current_filedata"></v-text-field>
75 - </v-card-title> 78 + </v-card-text>
76 - <v-card-text> 79 + <v-card-actions>
77 - <v-text-field v-model="current_filedata" ></v-text-field> 80 + <v-spacer></v-spacer>
78 - </v-card-text> 81 + <v-btn
79 - <v-card-actions> 82 + color="green darken-1"
80 - <v-spacer></v-spacer> 83 + text
81 - <v-btn 84 + @click="
82 - color="green darken-1" 85 + showdetailF = false;
83 - text 86 + modify_file();
84 - @click="showdetailF = false; modify_file();" 87 + "
85 - > 88 + >
86 - save 89 + save
87 - </v-btn> 90 + </v-btn>
88 - </v-card-actions> 91 + </v-card-actions>
89 - </v-card> 92 + </v-card>
90 - </v-dialog> 93 + </v-dialog>
91 <!-- Move Folder --> 94 <!-- Move Folder -->
92 <v-dialog v-model="dialog2" width="500px"> 95 <v-dialog v-model="dialog2" width="500px">
93 <v-card> 96 <v-card>
...@@ -300,7 +303,7 @@ import { ...@@ -300,7 +303,7 @@ import {
300 delFavoriteFile, 303 delFavoriteFile,
301 addFavoriteFile, 304 addFavoriteFile,
302 detailFile, 305 detailFile,
303 - modifyFile 306 + modifyFile,
304 } from '../api/index'; 307 } from '../api/index';
305 import Axios from 'axios'; 308 import Axios from 'axios';
306 export default { 309 export default {
...@@ -320,7 +323,7 @@ export default { ...@@ -320,7 +323,7 @@ export default {
320 howMenu: false, 323 howMenu: false,
321 showMenu: false, 324 showMenu: false,
322 showMenuF: false, //파일 관련 메뉴 325 showMenuF: false, //파일 관련 메뉴
323 - showdetailF:false, //txt 파일 상세정보 및 수정 326 + showdetailF: false, //txt 파일 상세정보 및 수정
324 x: 0, 327 x: 0,
325 y: 0, 328 y: 0,
326 dialog2: false, 329 dialog2: false,
...@@ -609,43 +612,43 @@ export default { ...@@ -609,43 +612,43 @@ export default {
609 this.dialog3 = false; 612 this.dialog3 = false;
610 } 613 }
611 }, 614 },
612 - async file_detail(){ 615 + async file_detail() {
613 - try{ 616 + try {
614 const currentData = { 617 const currentData = {
615 id: this.cfilename.user_id, 618 id: this.cfilename.user_id,
616 cur: this.cfilename.location, 619 cur: this.cfilename.location,
617 - fileName: this.cfilename.file_name 620 + fileName: this.cfilename.file_name,
618 - } 621 + };
619 - const detailData = await detailFile(currentData) 622 + const detailData = await detailFile(currentData);
620 this.current_filename = detailData.data.file_name; 623 this.current_filename = detailData.data.file_name;
621 this.current_filedata = detailData.data.content; 624 this.current_filedata = detailData.data.content;
622 console.log(this.current_filename); 625 console.log(this.current_filename);
623 console.log(this.current_filedata); 626 console.log(this.current_filedata);
624 - }catch(error){ 627 + } catch (error) {
628 + console.log('에러');
629 + console.log(error);
630 + }
631 + },
632 + async modify_file() {
633 + try {
634 + const modifyData = {
635 + user_id: this.cfilename.user_id,
636 + cur: this.cfilename.location,
637 + name: this.current_filename,
638 + content: this.current_filedata,
639 + };
640 + const result = await modifyFile(modifyData);
641 + const after_data = {
642 + id: this.cfilename.user_id,
643 + cur: this.cfilename.location,
644 + fileName: this.current_filename,
645 + };
646 + const detailData = await detailFile(after_data);
647 + } catch (error) {
625 console.log('에러'); 648 console.log('에러');
626 console.log(error); 649 console.log(error);
627 } 650 }
628 }, 651 },
629 - async modify_file(){
630 - try{
631 - const modifyData = {
632 - user_id: this.cfilename.user_id,
633 - cur: this.cfilename.location,
634 - name: this.current_filename,
635 - content: this.current_filedata
636 - }
637 - const result = await modifyFile(modifyData);
638 - const after_data={
639 - id: this.cfilename.user_id,
640 - cur: this.cfilename.location,
641 - fileName: this.current_filename
642 - }
643 - const detailData = await detailFile(after_data)
644 - }catch(error){
645 - console.log('에러');
646 - console.log(error);
647 - }
648 - },
649 show(folderObj, e) { 652 show(folderObj, e) {
650 e.preventDefault(); 653 e.preventDefault();
651 this.curfName = folderObj; 654 this.curfName = folderObj;
......
1 <template lang="html"> 1 <template lang="html">
2 - <v-flex> 2 + <v-flex>
3 - <h1>빠른액세스</h1> 3 + <h1>빠른액세스</h1>
4 - <v-simple-table> 4 + <v-simple-table>
5 - <template v-slot:default> 5 + <template v-slot:default>
6 - <thead> 6 + <thead>
7 - <tr> 7 + <tr>
8 - <th class="text-left">File ID</th> 8 + <th class="text-left">File ID</th>
9 - <th class="text-left">Name</th> 9 + <th class="text-left">Name</th>
10 - <th class="text-left">Dir</th> 10 + <th class="text-left">Dir</th>
11 - <th class="text-left">Date</th> 11 + <th class="text-left">Date</th>
12 - </tr> 12 + </tr>
13 - </thead> 13 + </thead>
14 - <tbody> 14 + <tbody>
15 - <tr v-for="item in recent_list" :key="item.name"> 15 + <tr v-for="item in recent_list" :key="item.name">
16 - <td>{{ item.file_id }}</td> 16 + <td>{{ item.file_id }}</td>
17 - <td>{{ item.file_name}}</td> 17 + <td>{{ item.file_name }}</td>
18 - <td>{{ item.location }}</td> 18 + <td>{{ item.location }}</td>
19 - <td>{{ item.date }}</td> 19 + <td>{{ item.date }}</td>
20 - </tr> 20 + </tr>
21 - </tbody> 21 + </tbody>
22 - </template> 22 + </template>
23 - </v-simple-table> 23 + </v-simple-table>
24 - <v-divider></v-divider> 24 + <v-divider></v-divider>
25 - </v-flex> 25 + </v-flex>
26 </template> 26 </template>
27 27
28 <script> 28 <script>
29 - import { accessedList } from '../api/index'; 29 +import { accessedList } from '../api/index';
30 - import Axios from 'axios'; 30 +import Axios from 'axios';
31 - export default { 31 +export default {
32 - data() { 32 + data() {
33 - return { 33 + return {
34 - recent_list : [] 34 + recent_list: [],
35 - } 35 + };
36 - }, 36 + },
37 - async created(){ 37 + async created() {
38 - try { 38 + try {
39 - const curData = { 39 + const curData = {
40 - id : this.$store.state.id, 40 + id: this.$store.state.id,
41 - } 41 + };
42 - console.log(curData); 42 + console.log(curData);
43 - const list_reponse = await accessedList(curData); 43 + const list_reponse = await accessedList(curData);
44 - this.$store.commit('setRecentList', list_reponse.data) 44 + this.$store.commit('setRecentList', list_reponse.data);
45 - this.recent_list = this.$store.getters.recentL; 45 + this.recent_list = this.$store.getters.recentL;
46 - console.log(this.$store.getters.recentL); 46 + console.log(this.$store.getters.recentL);
47 - } catch (error) { 47 + } catch (error) {
48 - console.log("에러"); 48 + console.log('에러');
49 - console.log(error); 49 + console.log(error);
50 - } 50 + }
51 - }, 51 + },
52 - methods:{ 52 + methods: {},
53 - 53 +};
54 - }
55 - }
56 </script> 54 </script>
57 55
58 -<style lang="css" scoped> 56 +<style lang="css" scoped></style>
59 -</style>
......
1 -import Vue from 'vue' 1 +import Vue from 'vue';
2 -import App from './App.vue' 2 +import App from './App.vue';
3 -import router from './routes/index' 3 +import router from './routes/index';
4 -import store from './store/index' 4 +import store from './store/index';
5 import vuetify from './plugins/vuetify'; 5 import vuetify from './plugins/vuetify';
6 6
7 -Vue.config.productionTip = false 7 +Vue.config.productionTip = false;
8 8
9 new Vue({ 9 new Vue({
10 - router, 10 + router,
11 - store, 11 + store,
12 - vuetify, 12 + vuetify,
13 - render: h => h(App) 13 + render: h => h(App),
14 -}).$mount('#app') 14 +}).$mount('#app');
......
...@@ -10,7 +10,7 @@ export default new Vuex.Store({ ...@@ -10,7 +10,7 @@ export default new Vuex.Store({
10 files: [], 10 files: [],
11 cur: '/', 11 cur: '/',
12 parent: '/', 12 parent: '/',
13 - recentList:[] 13 + recentList: [],
14 }, 14 },
15 mutations: { 15 mutations: {
16 setId(state, userid) { 16 setId(state, userid) {
...@@ -31,9 +31,9 @@ export default new Vuex.Store({ ...@@ -31,9 +31,9 @@ export default new Vuex.Store({
31 setParent(state, parent) { 31 setParent(state, parent) {
32 state.parent = parent; 32 state.parent = parent;
33 }, 33 },
34 - setRecentList(state, list){ 34 + setRecentList(state, list) {
35 state.recentList = list; 35 state.recentList = list;
36 - } 36 + },
37 }, 37 },
38 getters: { 38 getters: {
39 isLogin(state) { 39 isLogin(state) {
...@@ -48,7 +48,7 @@ export default new Vuex.Store({ ...@@ -48,7 +48,7 @@ export default new Vuex.Store({
48 fileL(state) { 48 fileL(state) {
49 return state.files; 49 return state.files;
50 }, 50 },
51 - recentL(state){ 51 + recentL(state) {
52 return state.recentList; 52 return state.recentList;
53 }, 53 },
54 cur(state) { 54 cur(state) {
......
1 <template lang="html"> 1 <template lang="html">
2 - <contact></contact> 2 + <contact></contact>
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 - import contact from '@/components/make_contact.vue' 6 +import contact from '@/components/make_contact.vue';
7 - export default { 7 +export default {
8 - components:{ 8 + components: {
9 - contact 9 + contact,
10 - } 10 + },
11 - } 11 +};
12 </script> 12 </script>
13 13
14 -<style lang="css" scoped> 14 +<style lang="css" scoped></style>
15 -</style>
......
1 <template> 1 <template>
2 - <div> 2 + <div>
3 - <v-toolbar flat> 3 + <v-toolbar flat>
4 - <v-toolbar-title>즐겨찾기</v-toolbar-title> 4 + <v-toolbar-title>즐겨찾기</v-toolbar-title>
5 5
6 - <v-spacer></v-spacer> 6 + <v-spacer></v-spacer>
7 - <v-text-field 7 + <v-text-field
8 - v-model="search" 8 + v-model="search"
9 - append-icon="mdi-magnify" 9 + append-icon="mdi-magnify"
10 - label="즐겨찾기 검색" 10 + label="즐겨찾기 검색"
11 - single-line 11 + single-line
12 - hide-details 12 + hide-details
13 - ></v-text-field> 13 + ></v-text-field>
14 - </v-toolbar> 14 + </v-toolbar>
15 15
16 - <v-list two-line subheader> 16 + <v-list two-line subheader>
17 + <v-list-item v-for="item in items" :key="item.title" @click="">
18 + <v-list-item-avatar>
19 + <v-icon>{{ item.iconClass }}</v-icon>
20 + </v-list-item-avatar>
17 21
22 + <v-list-item-content>
23 + <v-list-item-title v-text="item.title"></v-list-item-title>
24 + <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
25 + </v-list-item-content>
18 26
19 - <v-list-item 27 + <v-list-item-action>
20 - v-for="item in items" 28 + <v-btn icon>
21 - :key="item.title" 29 + <v-icon color="grey lighten-1">mdi-information</v-icon>
22 - @click="" 30 + </v-btn>
23 - > 31 + </v-list-item-action>
24 - <v-list-item-avatar> 32 + </v-list-item>
25 - <v-icon
26 33
27 - >{{item.iconClass}}</v-icon> 34 + <v-list-item v-for="item in items2" :key="item.title" @click="">
28 - </v-list-item-avatar> 35 + <v-list-item-avatar>
36 + <v-icon> {{ item.iconClass }}</v-icon>
37 + </v-list-item-avatar>
29 38
30 - <v-list-item-content> 39 + <v-list-item-content>
31 - <v-list-item-title v-text="item.title"></v-list-item-title> 40 + <v-list-item-title v-text="item.title"></v-list-item-title>
32 - <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle> 41 + <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
33 - </v-list-item-content> 42 + </v-list-item-content>
34 43
35 - <v-list-item-action> 44 + <v-list-item-action>
36 - <v-btn icon> 45 + <v-btn icon>
37 - <v-icon color="grey lighten-1">mdi-information</v-icon> 46 + <v-icon color="grey lighten-1">mdi-information</v-icon>
38 - </v-btn> 47 + </v-btn>
39 - </v-list-item-action> 48 + </v-list-item-action>
40 - </v-list-item> 49 + </v-list-item>
41 - 50 + </v-list>
42 - 51 + </div>
43 - <v-list-item
44 - v-for="item in items2"
45 - :key="item.title"
46 - @click=""
47 - >
48 - <v-list-item-avatar>
49 - <v-icon> {{item.iconClass}}</v-icon>
50 - </v-list-item-avatar>
51 -
52 - <v-list-item-content>
53 - <v-list-item-title v-text="item.title"></v-list-item-title>
54 - <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
55 - </v-list-item-content>
56 -
57 - <v-list-item-action>
58 - <v-btn icon>
59 - <v-icon color="grey lighten-1">mdi-information</v-icon>
60 - </v-btn>
61 - </v-list-item-action>
62 - </v-list-item>
63 - </v-list>
64 - </div>
65 </template> 52 </template>
66 53
67 <script> 54 <script>
68 - export default { 55 +export default {
69 - data: () => ({ 56 + data: () => ({
70 - items: [ 57 + items: [
71 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Photos', subtitle: 'Jan 9, 2014' }, 58 + {
72 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Recipes', subtitle: 'Jan 17, 2014' }, 59 + icon: 'folder',
73 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Work', subtitle: 'Jan 28, 2014' }, 60 + iconClass: 'mdi-folder',
74 - ], 61 + title: 'Photos',
75 - items2: [ 62 + subtitle: 'Jan 9, 2014',
76 - { icon: 'assignment', iconClass: 'mdi-file', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, 63 + },
77 - { icon: 'call_to_action', iconClass: 'mdi-PdfBox', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, 64 + {
78 - ], 65 + icon: 'folder',
79 - }), 66 + iconClass: 'mdi-folder',
80 - } 67 + title: 'Recipes',
68 + subtitle: 'Jan 17, 2014',
69 + },
70 + {
71 + icon: 'folder',
72 + iconClass: 'mdi-folder',
73 + title: 'Work',
74 + subtitle: 'Jan 28, 2014',
75 + },
76 + ],
77 + items2: [
78 + {
79 + icon: 'assignment',
80 + iconClass: 'mdi-file',
81 + title: 'Vacation itinerary',
82 + subtitle: 'Jan 20, 2014',
83 + },
84 + {
85 + icon: 'call_to_action',
86 + iconClass: 'mdi-PdfBox',
87 + title: 'Kitchen remodel',
88 + subtitle: 'Jan 10, 2014',
89 + },
90 + ],
91 + }),
92 +};
81 </script> 93 </script>
......
1 <template lang="html"> 1 <template lang="html">
2 - <v-container fluid> 2 + <v-container fluid>
3 - <FileList></FileList> 3 + <FileList></FileList>
4 - </v-container> 4 + </v-container>
5 </template> 5 </template>
6 6
7 -
8 -
9 <script> 7 <script>
10 - import FileList from '@/components/FileList' 8 +import FileList from '@/components/FileList';
11 - import Favlist from '@/components/Fav_list' 9 +import Favlist from '@/components/Fav_list';
12 - export default { 10 +export default {
13 - components:{ 11 + components: {
14 - FileList, 12 + FileList,
15 - Favlist 13 + Favlist,
16 - }, 14 + },
17 - data () { 15 + data() {
18 - return { 16 + return {
19 - headers: [ 17 + headers: [
20 - { 18 + {
21 - text: 'Dessert (100g serving)', 19 + text: 'Dessert (100g serving)',
22 - align: 'start', 20 + align: 'start',
23 - sortable: false, 21 + sortable: false,
24 - value: 'name', 22 + value: 'name',
25 - }, 23 + },
26 - { text: 'Calories', value: 'calories' }, 24 + { text: 'Calories', value: 'calories' },
27 - { text: 'Fat (g)', value: 'fat' }, 25 + { text: 'Fat (g)', value: 'fat' },
28 - { text: 'Carbs (g)', value: 'carbs' }, 26 + { text: 'Carbs (g)', value: 'carbs' },
29 - { text: 'Protein (g)', value: 'protein' }, 27 + { text: 'Protein (g)', value: 'protein' },
30 - { text: 'Iron (%)', value: 'iron' }, 28 + { text: 'Iron (%)', value: 'iron' },
31 - ], 29 + ],
32 - desserts: [ 30 + desserts: [
33 - { 31 + {
34 - name: 'Frozen Yogurt', 32 + name: 'Frozen Yogurt',
35 - calories: 159, 33 + calories: 159,
36 - fat: 6.0, 34 + fat: 6.0,
37 - carbs: 24, 35 + carbs: 24,
38 - protein: 4.0, 36 + protein: 4.0,
39 - iron: '1%', 37 + iron: '1%',
40 - format : 'dir' 38 + format: 'dir',
41 - }, 39 + },
42 - { 40 + {
43 - name: 'Ice cream sandwich', 41 + name: 'Ice cream sandwich',
44 - calories: 237, 42 + calories: 237,
45 - fat: 9.0, 43 + fat: 9.0,
46 - carbs: 37, 44 + carbs: 37,
47 - protein: 4.3, 45 + protein: 4.3,
48 - iron: '1%', 46 + iron: '1%',
49 - format: 'pdf' 47 + format: 'pdf',
50 - }, 48 + },
51 - { 49 + {
52 - name: 'Eclair', 50 + name: 'Eclair',
53 - calories: 262, 51 + calories: 262,
54 - fat: 16.0, 52 + fat: 16.0,
55 - carbs: 23, 53 + carbs: 23,
56 - protein: 6.0, 54 + protein: 6.0,
57 - iron: '7%', 55 + iron: '7%',
58 - format: 'file' 56 + format: 'file',
59 - }, 57 + },
60 - { 58 + {
61 - name: 'Cupcake', 59 + name: 'Cupcake',
62 - calories: 305, 60 + calories: 305,
63 - fat: 3.7, 61 + fat: 3.7,
64 - carbs: 67, 62 + carbs: 67,
65 - protein: 4.3, 63 + protein: 4.3,
66 - iron: '8%', 64 + iron: '8%',
67 - format : 'dir' 65 + format: 'dir',
68 - }, 66 + },
69 - { 67 + {
70 - name: 'Gingerbread', 68 + name: 'Gingerbread',
71 - calories: 356, 69 + calories: 356,
72 - fat: 16.0, 70 + fat: 16.0,
73 - carbs: 49, 71 + carbs: 49,
74 - protein: 3.9, 72 + protein: 3.9,
75 - iron: '16%', 73 + iron: '16%',
76 - format : 'pdf' 74 + format: 'pdf',
77 - }, 75 + },
78 - { 76 + {
79 - name: 'Jelly bean', 77 + name: 'Jelly bean',
80 - calories: 375, 78 + calories: 375,
81 - fat: 0.0, 79 + fat: 0.0,
82 - carbs: 94, 80 + carbs: 94,
83 - protein: 0.0, 81 + protein: 0.0,
84 - iron: '0%', 82 + iron: '0%',
85 - format:'file' 83 + format: 'file',
86 - }, 84 + },
87 - { 85 + {
88 - name: 'Lollipop', 86 + name: 'Lollipop',
89 - calories: 392, 87 + calories: 392,
90 - fat: 0.2, 88 + fat: 0.2,
91 - carbs: 98, 89 + carbs: 98,
92 - protein: 0, 90 + protein: 0,
93 - iron: '2%', 91 + iron: '2%',
94 - format:'dir' 92 + format: 'dir',
95 - }, 93 + },
96 - { 94 + {
97 - name: 'Honeycomb', 95 + name: 'Honeycomb',
98 - calories: 408, 96 + calories: 408,
99 - fat: 3.2, 97 + fat: 3.2,
100 - carbs: 87, 98 + carbs: 87,
101 - protein: 6.5, 99 + protein: 6.5,
102 - iron: '45%', 100 + iron: '45%',
103 - foramt:'file' 101 + foramt: 'file',
104 - }, 102 + },
105 - { 103 + {
106 - name: 'Donut', 104 + name: 'Donut',
107 - calories: 452, 105 + calories: 452,
108 - fat: 25.0, 106 + fat: 25.0,
109 - carbs: 51, 107 + carbs: 51,
110 - protein: 4.9, 108 + protein: 4.9,
111 - iron: '22%', 109 + iron: '22%',
112 - foramt:'pdf' 110 + foramt: 'pdf',
113 - }, 111 + },
114 - { 112 + {
115 - name: 'KitKat', 113 + name: 'KitKat',
116 - calories: 518, 114 + calories: 518,
117 - fat: 26.0, 115 + fat: 26.0,
118 - carbs: 65, 116 + carbs: 65,
119 - protein: 7, 117 + protein: 7,
120 - iron: '6%', 118 + iron: '6%',
121 - foramt:'dir' 119 + foramt: 'dir',
122 - }, 120 + },
123 - ], 121 + ],
124 - favorite:[ 122 + favorite: [
125 - { 123 + {
126 - name: 'KitKat', 124 + name: 'KitKat',
127 - date: '20.05.17' 125 + date: '20.05.17',
128 - }, 126 + },
129 - { 127 + {
130 - name: 'Vuetify', 128 + name: 'Vuetify',
131 - date: '20.05.17' 129 + date: '20.05.17',
132 - } 130 + },
133 - ], 131 + ],
134 - } 132 + };
135 - }, 133 + },
136 - } 134 +};
137 </script> 135 </script>
......
1 <template lang="html"> 1 <template lang="html">
2 - <FileDetail></FileDetail> 2 + <FileDetail></FileDetail>
3 </template> 3 </template>
4 4
5 <script> 5 <script>
6 -import FileDetail from '@/components/FileDetail' 6 +import FileDetail from '@/components/FileDetail';
7 export default { 7 export default {
8 - components:{ 8 + components: {
9 - FileDetail 9 + FileDetail,
10 - } 10 + },
11 -} 11 +};
12 </script> 12 </script>
13 13
14 -<style lang="css" scoped> 14 +<style lang="css" scoped></style>
15 -</style>
......
1 <template lang="html"> 1 <template lang="html">
2 - <v-container> 2 + <v-container>
3 - <div> 3 + <div>
4 - <h2>안녕하세요!</h2> 4 + <h2>안녕하세요!</h2>
5 - <br><br> 5 + <br /><br />
6 - </div> 6 + </div>
7 - <v-layout column> 7 + <v-layout column>
8 - <v-flex> 8 + <v-flex>
9 - <v-layout row wrap> 9 + <v-layout row wrap>
10 - <v-flex xs6> 10 + <v-flex xs6>
11 - <v-flex> 11 + <v-flex>
12 - <h1>파일</h1> 12 + <h1>파일</h1>
13 - <v-data-table 13 + <v-data-table
14 - :headers="headers" 14 + :headers="headers"
15 - :items="desserts" 15 + :items="desserts"
16 - :expand-icon="home" 16 + :expand-icon="home"
17 - :items-per-page="5" 17 + :items-per-page="5"
18 - class="elevation-1" 18 + class="elevation-1"
19 - ></v-data-table> 19 + ></v-data-table>
20 - <v-spacer></v-spacer> 20 + <v-spacer></v-spacer>
21 - </v-flex> 21 + </v-flex>
22 - <v-flex><br><v-divider></v-divider><br></v-flex> 22 + <v-flex><br /><v-divider></v-divider><br /></v-flex>
23 - <v-container> 23 + <v-container>
24 - <accessList></accessList> 24 + <accessList></accessList>
25 - </v-container> 25 + </v-container>
26 - </v-flex> 26 + </v-flex>
27 - <v-flex><br><v-divider></v-divider><br></v-flex> 27 + <v-flex><br /><v-divider></v-divider><br /></v-flex>
28 - <v-flex xs6> 28 + <v-flex xs6>
29 - <h1>즐겨찾기</h1> 29 + <h1>즐겨찾기</h1>
30 - <v-simple-table> 30 + <v-simple-table>
31 - <template v-slot:default> 31 + <template v-slot:default>
32 - <thead> 32 + <thead>
33 - <tr> 33 + <tr>
34 - <th class="text-left">Name</th> 34 + <th class="text-left">Name</th>
35 - <th class="text-left">Date</th> 35 + <th class="text-left">Date</th>
36 - </tr> 36 + </tr>
37 - </thead> 37 + </thead>
38 - <tbody> 38 + <tbody>
39 - <tr v-for="item in favorite" :key="item.name"> 39 + <tr v-for="item in favorite" :key="item.name">
40 - <td>{{ item.name }}</td> 40 + <td>{{ item.name }}</td>
41 - <td>{{ item.date }}</td> 41 + <td>{{ item.date }}</td>
42 - </tr> 42 + </tr>
43 - </tbody> 43 + </tbody>
44 - </template> 44 + </template>
45 - </v-simple-table> 45 + </v-simple-table>
46 - <v-divider></v-divider> 46 + <v-divider></v-divider>
47 - </v-flex> 47 + </v-flex>
48 - </v-layout> 48 + </v-layout>
49 - </v-flex> 49 + </v-flex>
50 - 50 + </v-layout>
51 - </v-layout> 51 + </v-container>
52 - </v-container>
53 </template> 52 </template>
54 53
55 -
56 -
57 <script> 54 <script>
58 - import accessList from '@/components/accessList.vue' 55 +import accessList from '@/components/accessList.vue';
59 - export default { 56 +export default {
60 - data () { 57 + data() {
61 - return { 58 + return {
62 - headers: [ 59 + headers: [
63 - { 60 + {
64 - text: 'Dessert (100g serving)', 61 + text: 'Dessert (100g serving)',
65 - align: 'start', 62 + align: 'start',
66 - sortable: false, 63 + sortable: false,
67 - value: 'name', 64 + value: 'name',
68 - }, 65 + },
69 - { text: 'Calories', value: 'calories' }, 66 + { text: 'Calories', value: 'calories' },
70 - { text: 'Fat (g)', value: 'fat' }, 67 + { text: 'Fat (g)', value: 'fat' },
71 - { text: 'Carbs (g)', value: 'carbs' }, 68 + { text: 'Carbs (g)', value: 'carbs' },
72 - { text: 'Protein (g)', value: 'protein' }, 69 + { text: 'Protein (g)', value: 'protein' },
73 - { text: 'Iron (%)', value: 'iron' }, 70 + { text: 'Iron (%)', value: 'iron' },
74 - ], 71 + ],
75 - desserts: [ 72 + desserts: [
76 - { 73 + {
77 - name: 'Frozen Yogurt', 74 + name: 'Frozen Yogurt',
78 - calories: 159, 75 + calories: 159,
79 - fat: 6.0, 76 + fat: 6.0,
80 - carbs: 24, 77 + carbs: 24,
81 - protein: 4.0, 78 + protein: 4.0,
82 - iron: '1%', 79 + iron: '1%',
83 - format : 'dir' 80 + format: 'dir',
84 - }, 81 + },
85 - { 82 + {
86 - name: 'Ice cream sandwich', 83 + name: 'Ice cream sandwich',
87 - calories: 237, 84 + calories: 237,
88 - fat: 9.0, 85 + fat: 9.0,
89 - carbs: 37, 86 + carbs: 37,
90 - protein: 4.3, 87 + protein: 4.3,
91 - iron: '1%', 88 + iron: '1%',
92 - format: 'pdf' 89 + format: 'pdf',
93 - }, 90 + },
94 - { 91 + {
95 - name: 'Eclair', 92 + name: 'Eclair',
96 - calories: 262, 93 + calories: 262,
97 - fat: 16.0, 94 + fat: 16.0,
98 - carbs: 23, 95 + carbs: 23,
99 - protein: 6.0, 96 + protein: 6.0,
100 - iron: '7%', 97 + iron: '7%',
101 - format: 'file' 98 + format: 'file',
102 - }, 99 + },
103 - { 100 + {
104 - name: 'Cupcake', 101 + name: 'Cupcake',
105 - calories: 305, 102 + calories: 305,
106 - fat: 3.7, 103 + fat: 3.7,
107 - carbs: 67, 104 + carbs: 67,
108 - protein: 4.3, 105 + protein: 4.3,
109 - iron: '8%', 106 + iron: '8%',
110 - format : 'dir' 107 + format: 'dir',
111 - }, 108 + },
112 - { 109 + {
113 - name: 'Gingerbread', 110 + name: 'Gingerbread',
114 - calories: 356, 111 + calories: 356,
115 - fat: 16.0, 112 + fat: 16.0,
116 - carbs: 49, 113 + carbs: 49,
117 - protein: 3.9, 114 + protein: 3.9,
118 - iron: '16%', 115 + iron: '16%',
119 - format : 'pdf' 116 + format: 'pdf',
120 - }, 117 + },
121 - { 118 + {
122 - name: 'Jelly bean', 119 + name: 'Jelly bean',
123 - calories: 375, 120 + calories: 375,
124 - fat: 0.0, 121 + fat: 0.0,
125 - carbs: 94, 122 + carbs: 94,
126 - protein: 0.0, 123 + protein: 0.0,
127 - iron: '0%', 124 + iron: '0%',
128 - format:'file' 125 + format: 'file',
129 - }, 126 + },
130 - { 127 + {
131 - name: 'Lollipop', 128 + name: 'Lollipop',
132 - calories: 392, 129 + calories: 392,
133 - fat: 0.2, 130 + fat: 0.2,
134 - carbs: 98, 131 + carbs: 98,
135 - protein: 0, 132 + protein: 0,
136 - iron: '2%', 133 + iron: '2%',
137 - format:'dir' 134 + format: 'dir',
138 - }, 135 + },
139 - { 136 + {
140 - name: 'Honeycomb', 137 + name: 'Honeycomb',
141 - calories: 408, 138 + calories: 408,
142 - fat: 3.2, 139 + fat: 3.2,
143 - carbs: 87, 140 + carbs: 87,
144 - protein: 6.5, 141 + protein: 6.5,
145 - iron: '45%', 142 + iron: '45%',
146 - foramt:'file' 143 + foramt: 'file',
147 - }, 144 + },
148 - { 145 + {
149 - name: 'Donut', 146 + name: 'Donut',
150 - calories: 452, 147 + calories: 452,
151 - fat: 25.0, 148 + fat: 25.0,
152 - carbs: 51, 149 + carbs: 51,
153 - protein: 4.9, 150 + protein: 4.9,
154 - iron: '22%', 151 + iron: '22%',
155 - foramt:'pdf' 152 + foramt: 'pdf',
156 - }, 153 + },
157 - { 154 + {
158 - name: 'KitKat', 155 + name: 'KitKat',
159 - calories: 518, 156 + calories: 518,
160 - fat: 26.0, 157 + fat: 26.0,
161 - carbs: 65, 158 + carbs: 65,
162 - protein: 7, 159 + protein: 7,
163 - iron: '6%', 160 + iron: '6%',
164 - foramt:'dir' 161 + foramt: 'dir',
165 - }, 162 + },
166 - ], 163 + ],
167 - favorite:[ 164 + favorite: [
168 - { 165 + {
169 - name: 'KitKat', 166 + name: 'KitKat',
170 - date: '20.05.17' 167 + date: '20.05.17',
171 - }, 168 + },
172 - { 169 + {
173 - name: 'Vuetify', 170 + name: 'Vuetify',
174 - date: '20.05.17' 171 + date: '20.05.17',
175 - } 172 + },
176 - ], 173 + ],
177 - } 174 + };
178 - }, 175 + },
179 - } 176 +};
180 </script> 177 </script>
......
1 <template> 1 <template>
2 - <div> 2 + <div>
3 - <LoginForm></LoginForm> 3 + <LoginForm></LoginForm>
4 - </div> 4 + </div>
5 </template> 5 </template>
6 6
7 <script> 7 <script>
8 -import LoginForm from '../components/LoginForm' 8 +import LoginForm from '../components/LoginForm';
9 9
10 export default { 10 export default {
11 - components: { 11 + components: {
12 - LoginForm, 12 + LoginForm,
13 - } 13 + },
14 -} 14 +};
15 </script> 15 </script>
16 16
17 -<style>
18 -
19 -</style>
...\ No newline at end of file ...\ No newline at end of file
17 +<style></style>
......
1 <template lang="html"> 1 <template lang="html">
2 - <v-container> 2 + <v-container>
3 - <div> 3 + <div>
4 - <h2>안녕하세요!</h2> 4 + <h2>안녕하세요!</h2>
5 - <br><br> 5 + <br /><br />
6 - </div> 6 + </div>
7 - <v-layout column> 7 + <v-layout column>
8 - <v-flex> 8 + <v-flex>
9 - <v-layout row wrap> 9 + <v-layout row wrap>
10 - <v-flex lg6> 10 + <v-flex lg6>
11 - <v-flex> 11 + <v-flex>
12 - <Filecard></Filecard> 12 + <Filecard></Filecard>
13 - </v-flex> 13 + </v-flex>
14 - <v-flex><br><br></v-flex> 14 + <v-flex><br /><br /></v-flex>
15 - </v-flex> 15 + </v-flex>
16 - <v-flex><br><br></v-flex> 16 + <v-flex><br /><br /></v-flex>
17 - <v-flex lg6> 17 + <v-flex lg6>
18 - <Favlist></Favlist> 18 + <Favlist></Favlist>
19 - </v-flex> 19 + </v-flex>
20 - </v-layout> 20 + </v-layout>
21 - </v-flex> 21 + </v-flex>
22 - </v-layout> 22 + </v-layout>
23 - <v-divider></v-divider> 23 + <v-divider></v-divider>
24 - <v-layout column> 24 + <v-layout column>
25 - <v-flex> 25 + <v-flex>
26 - <v-toolbar flat> 26 + <v-container>
27 - <v-toolbar-title>빠른 액세스</v-toolbar-title> 27 + <accessList></accessList>
28 - <v-spacer></v-spacer> 28 + </v-container>
29 - </v-toolbar> 29 + <v-divider></v-divider>
30 - <v-container> 30 + </v-flex>
31 - <accessList></accessList> 31 + </v-layout>
32 - </v-container> 32 + </v-container>
33 - <!--
34 - <v-simple-table>
35 - <template v-slot:default>
36 - <thead>
37 - <tr>
38 - <th class="text-left">Name</th>
39 - <th class="text-left">Date</th>
40 - </tr>
41 - </thead>
42 - <tbody>
43 - <tr v-for="item in favorite" :key="item.name">
44 - <td>{{ item.name }}</td>
45 - <td>{{ item.date }}</td>
46 - </tr>
47 - </tbody>
48 - </template>
49 - </v-simple-table>
50 - -->
51 - <v-divider></v-divider>
52 - </v-flex>
53 - </v-layout>
54 - </v-container>
55 </template> 33 </template>
56 34
57 -
58 -
59 <script> 35 <script>
60 - import accessList from '@/components/accessList.vue' 36 +import accessList from '@/components/accessList.vue';
61 - import FileList from '@/components/FileList' 37 +import FileList from '@/components/FileList';
62 - import Favlist from '@/components/Fav_list' 38 +import Favlist from '@/components/Fav_list';
63 - import Filecard from '@/components/FileCardlist.vue' 39 +import Filecard from '@/components/FileCardlist.vue';
64 - export default { 40 +export default {
65 - components:{ 41 + components: {
66 - FileList, 42 + FileList,
67 - Favlist, 43 + Favlist,
68 - Filecard, 44 + Filecard,
69 - accessList 45 + accessList,
70 - }, 46 + },
71 - data () { 47 + data() {
72 - return { 48 + return {
73 - headers: [ 49 + headers: [
74 - { 50 + {
75 - text: 'Dessert (100g serving)', 51 + text: 'Dessert (100g serving)',
76 - align: 'start', 52 + align: 'start',
77 - sortable: false, 53 + sortable: false,
78 - value: 'name', 54 + value: 'name',
79 - }, 55 + },
80 - { text: 'Calories', value: 'calories' }, 56 + { text: 'Calories', value: 'calories' },
81 - { text: 'Fat (g)', value: 'fat' }, 57 + { text: 'Fat (g)', value: 'fat' },
82 - { text: 'Carbs (g)', value: 'carbs' }, 58 + { text: 'Carbs (g)', value: 'carbs' },
83 - { text: 'Protein (g)', value: 'protein' }, 59 + { text: 'Protein (g)', value: 'protein' },
84 - { text: 'Iron (%)', value: 'iron' }, 60 + { text: 'Iron (%)', value: 'iron' },
85 - ], 61 + ],
86 - desserts: [ 62 + desserts: [
87 - { 63 + {
88 - name: 'Frozen Yogurt', 64 + name: 'Frozen Yogurt',
89 - calories: 159, 65 + calories: 159,
90 - fat: 6.0, 66 + fat: 6.0,
91 - carbs: 24, 67 + carbs: 24,
92 - protein: 4.0, 68 + protein: 4.0,
93 - iron: '1%', 69 + iron: '1%',
94 - format : 'dir' 70 + format: 'dir',
95 - }, 71 + },
96 - { 72 + {
97 - name: 'Ice cream sandwich', 73 + name: 'Ice cream sandwich',
98 - calories: 237, 74 + calories: 237,
99 - fat: 9.0, 75 + fat: 9.0,
100 - carbs: 37, 76 + carbs: 37,
101 - protein: 4.3, 77 + protein: 4.3,
102 - iron: '1%', 78 + iron: '1%',
103 - format: 'pdf' 79 + format: 'pdf',
104 - }, 80 + },
105 - { 81 + {
106 - name: 'Eclair', 82 + name: 'Eclair',
107 - calories: 262, 83 + calories: 262,
108 - fat: 16.0, 84 + fat: 16.0,
109 - carbs: 23, 85 + carbs: 23,
110 - protein: 6.0, 86 + protein: 6.0,
111 - iron: '7%', 87 + iron: '7%',
112 - format: 'file' 88 + format: 'file',
113 - }, 89 + },
114 - { 90 + {
115 - name: 'Cupcake', 91 + name: 'Cupcake',
116 - calories: 305, 92 + calories: 305,
117 - fat: 3.7, 93 + fat: 3.7,
118 - carbs: 67, 94 + carbs: 67,
119 - protein: 4.3, 95 + protein: 4.3,
120 - iron: '8%', 96 + iron: '8%',
121 - format : 'dir' 97 + format: 'dir',
122 - }, 98 + },
123 - { 99 + {
124 - name: 'Gingerbread', 100 + name: 'Gingerbread',
125 - calories: 356, 101 + calories: 356,
126 - fat: 16.0, 102 + fat: 16.0,
127 - carbs: 49, 103 + carbs: 49,
128 - protein: 3.9, 104 + protein: 3.9,
129 - iron: '16%', 105 + iron: '16%',
130 - format : 'pdf' 106 + format: 'pdf',
131 - }, 107 + },
132 - { 108 + {
133 - name: 'Jelly bean', 109 + name: 'Jelly bean',
134 - calories: 375, 110 + calories: 375,
135 - fat: 0.0, 111 + fat: 0.0,
136 - carbs: 94, 112 + carbs: 94,
137 - protein: 0.0, 113 + protein: 0.0,
138 - iron: '0%', 114 + iron: '0%',
139 - format:'file' 115 + format: 'file',
140 - }, 116 + },
141 - { 117 + {
142 - name: 'Lollipop', 118 + name: 'Lollipop',
143 - calories: 392, 119 + calories: 392,
144 - fat: 0.2, 120 + fat: 0.2,
145 - carbs: 98, 121 + carbs: 98,
146 - protein: 0, 122 + protein: 0,
147 - iron: '2%', 123 + iron: '2%',
148 - format:'dir' 124 + format: 'dir',
149 - }, 125 + },
150 - { 126 + {
151 - name: 'Honeycomb', 127 + name: 'Honeycomb',
152 - calories: 408, 128 + calories: 408,
153 - fat: 3.2, 129 + fat: 3.2,
154 - carbs: 87, 130 + carbs: 87,
155 - protein: 6.5, 131 + protein: 6.5,
156 - iron: '45%', 132 + iron: '45%',
157 - foramt:'file' 133 + foramt: 'file',
158 - }, 134 + },
159 - { 135 + {
160 - name: 'Donut', 136 + name: 'Donut',
161 - calories: 452, 137 + calories: 452,
162 - fat: 25.0, 138 + fat: 25.0,
163 - carbs: 51, 139 + carbs: 51,
164 - protein: 4.9, 140 + protein: 4.9,
165 - iron: '22%', 141 + iron: '22%',
166 - foramt:'pdf' 142 + foramt: 'pdf',
167 - }, 143 + },
168 - { 144 + {
169 - name: 'KitKat', 145 + name: 'KitKat',
170 - calories: 518, 146 + calories: 518,
171 - fat: 26.0, 147 + fat: 26.0,
172 - carbs: 65, 148 + carbs: 65,
173 - protein: 7, 149 + protein: 7,
174 - iron: '6%', 150 + iron: '6%',
175 - foramt:'dir' 151 + foramt: 'dir',
176 - }, 152 + },
177 - ], 153 + ],
178 - favorite:[ 154 + favorite: [
179 - { 155 + {
180 - name: 'KitKat', 156 + name: 'KitKat',
181 - date: '20.05.17' 157 + date: '20.05.17',
182 - }, 158 + },
183 - { 159 + {
184 - name: 'Vuetify', 160 + name: 'Vuetify',
185 - date: '20.05.17' 161 + date: '20.05.17',
186 - } 162 + },
187 - ], 163 + ],
188 - } 164 + };
189 - }, 165 + },
190 - } 166 +};
191 </script> 167 </script>
......
1 <template> 1 <template>
2 - <div> 2 + <div>
3 - <v-toolbar flat> 3 + <v-toolbar flat>
4 - <v-toolbar-title>빠른액세스</v-toolbar-title> 4 + <v-toolbar-title>빠른액세스</v-toolbar-title>
5 5
6 - <v-spacer></v-spacer> 6 + <v-spacer></v-spacer>
7 - <v-text-field 7 + <v-text-field
8 - v-model="search" 8 + v-model="search"
9 - append-icon="mdi-magnify" 9 + append-icon="mdi-magnify"
10 - label="검색" 10 + label="검색"
11 - single-line 11 + single-line
12 - hide-details 12 + hide-details
13 - ></v-text-field> 13 + ></v-text-field>
14 - </v-toolbar> 14 + </v-toolbar>
15 15
16 - <v-list two-line subheader> 16 + <v-list two-line subheader>
17 + <v-list-item v-for="item in items" :key="item.title" @click="">
18 + <v-list-item-avatar>
19 + <v-icon>{{ item.iconClass }}</v-icon>
20 + </v-list-item-avatar>
17 21
22 + <v-list-item-content>
23 + <v-list-item-title v-text="item.title"></v-list-item-title>
24 + <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
25 + </v-list-item-content>
18 26
19 - <v-list-item 27 + <v-list-item-action>
20 - v-for="item in items" 28 + <v-btn icon>
21 - :key="item.title" 29 + <v-icon color="grey lighten-1">mdi-information</v-icon>
22 - @click="" 30 + </v-btn>
23 - > 31 + </v-list-item-action>
24 - <v-list-item-avatar> 32 + </v-list-item>
25 - <v-icon
26 33
27 - >{{item.iconClass}}</v-icon> 34 + <v-list-item v-for="item in items2" :key="item.title" @click="">
28 - </v-list-item-avatar> 35 + <v-list-item-avatar>
36 + <v-icon> {{ item.iconClass }}</v-icon>
37 + </v-list-item-avatar>
29 38
30 - <v-list-item-content> 39 + <v-list-item-content>
31 - <v-list-item-title v-text="item.title"></v-list-item-title> 40 + <v-list-item-title v-text="item.title"></v-list-item-title>
32 - <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle> 41 + <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
33 - </v-list-item-content> 42 + </v-list-item-content>
34 43
35 - <v-list-item-action> 44 + <v-list-item-action>
36 - <v-btn icon> 45 + <v-btn icon>
37 - <v-icon color="grey lighten-1">mdi-information</v-icon> 46 + <v-icon color="grey lighten-1">mdi-information</v-icon>
38 - </v-btn> 47 + </v-btn>
39 - </v-list-item-action> 48 + </v-list-item-action>
40 - </v-list-item> 49 + </v-list-item>
41 - 50 + </v-list>
42 - 51 + </div>
43 - <v-list-item
44 - v-for="item in items2"
45 - :key="item.title"
46 - @click=""
47 - >
48 - <v-list-item-avatar>
49 - <v-icon> {{item.iconClass}}</v-icon>
50 - </v-list-item-avatar>
51 -
52 - <v-list-item-content>
53 - <v-list-item-title v-text="item.title"></v-list-item-title>
54 - <v-list-item-subtitle v-text="item.subtitle"></v-list-item-subtitle>
55 - </v-list-item-content>
56 -
57 - <v-list-item-action>
58 - <v-btn icon>
59 - <v-icon color="grey lighten-1">mdi-information</v-icon>
60 - </v-btn>
61 - </v-list-item-action>
62 - </v-list-item>
63 - </v-list>
64 - </div>
65 </template> 52 </template>
66 53
67 <script> 54 <script>
68 - export default { 55 +export default {
69 - data: () => ({ 56 + data: () => ({
70 - items: [ 57 + items: [
71 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Photos', subtitle: 'Jan 9, 2014' }, 58 + {
72 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Recipes', subtitle: 'Jan 17, 2014' }, 59 + icon: 'folder',
73 - { icon: 'folder', iconClass: 'mdi-folder', title: 'Work', subtitle: 'Jan 28, 2014' }, 60 + iconClass: 'mdi-folder',
74 - ], 61 + title: 'Photos',
75 - items2: [ 62 + subtitle: 'Jan 9, 2014',
76 - { icon: 'assignment', iconClass: 'mdi-file', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, 63 + },
77 - { icon: 'call_to_action', iconClass: 'mdi-PdfBox', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, 64 + {
78 - ], 65 + icon: 'folder',
79 - }), 66 + iconClass: 'mdi-folder',
80 - } 67 + title: 'Recipes',
68 + subtitle: 'Jan 17, 2014',
69 + },
70 + {
71 + icon: 'folder',
72 + iconClass: 'mdi-folder',
73 + title: 'Work',
74 + subtitle: 'Jan 28, 2014',
75 + },
76 + ],
77 + items2: [
78 + {
79 + icon: 'assignment',
80 + iconClass: 'mdi-file',
81 + title: 'Vacation itinerary',
82 + subtitle: 'Jan 20, 2014',
83 + },
84 + {
85 + icon: 'call_to_action',
86 + iconClass: 'mdi-PdfBox',
87 + title: 'Kitchen remodel',
88 + subtitle: 'Jan 10, 2014',
89 + },
90 + ],
91 + }),
92 +};
81 </script> 93 </script>
......
1 <template> 1 <template>
2 - <div> 2 + <div>
3 - <SignupForm></SignupForm> 3 + <SignupForm></SignupForm>
4 - </div> 4 + </div>
5 </template> 5 </template>
6 6
7 <script> 7 <script>
8 -import SignupForm from '../components/SignupForm' 8 +import SignupForm from '../components/SignupForm';
9 export default { 9 export default {
10 - components: { 10 + components: {
11 - SignupForm, 11 + SignupForm,
12 - } 12 + },
13 -} 13 +};
14 </script> 14 </script>
15 15
16 -<style>
17 -
18 -</style>
...\ No newline at end of file ...\ No newline at end of file
16 +<style></style>
......