Showing
18 changed files
with
317 additions
and
329 deletions
... | @@ -3,16 +3,14 @@ | ... | @@ -3,16 +3,14 @@ |
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 { | 8 | +export default { |
9 | data() { | 9 | data() { |
10 | - return { | 10 | + return {}; |
11 | - | ||
12 | - } | ||
13 | }, | 11 | }, |
14 | components: { | 12 | components: { |
15 | ToolView, | 13 | ToolView, |
16 | - } | 14 | + }, |
17 | - } | 15 | +}; |
18 | </script> | 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" | ||
5 | - > | ||
6 | - <v-toolbar | ||
7 | - color="light-blue" | ||
8 | - dark | ||
9 | - > | ||
10 | <v-toolbar-title>즐겨찾기</v-toolbar-title> | 4 | <v-toolbar-title>즐겨찾기</v-toolbar-title> |
11 | <v-spacer></v-spacer> | 5 | <v-spacer></v-spacer> |
12 | </v-toolbar> | 6 | </v-toolbar> |
13 | <v-list two-line subheader> | 7 | <v-list two-line subheader> |
14 | - <v-list-item | 8 | + <v-list-item v-for="item in items" :key="item.title" @click=""> |
15 | - v-for="item in items" | ||
16 | - :key="item.title" | ||
17 | - @click="" | ||
18 | - > | ||
19 | <v-list-item-avatar> | 9 | <v-list-item-avatar> |
20 | - <v-icon | 10 | + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon> |
21 | - :class="[item.iconClass]" | ||
22 | - v-text="item.icon" | ||
23 | - ></v-icon> | ||
24 | </v-list-item-avatar> | 11 | </v-list-item-avatar> |
25 | <v-list-item-content> | 12 | <v-list-item-content> |
26 | <v-list-item-title v-text="item.title"></v-list-item-title> | 13 | <v-list-item-title v-text="item.title"></v-list-item-title> |
... | @@ -32,16 +19,9 @@ | ... | @@ -32,16 +19,9 @@ |
32 | </v-btn> | 19 | </v-btn> |
33 | </v-list-item-action> | 20 | </v-list-item-action> |
34 | </v-list-item> | 21 | </v-list-item> |
35 | - <v-list-item | 22 | + <v-list-item v-for="item in items2" :key="item.title" @click=""> |
36 | - v-for="item in items2" | ||
37 | - :key="item.title" | ||
38 | - @click="" | ||
39 | - > | ||
40 | <v-list-item-avatar> | 23 | <v-list-item-avatar> |
41 | - <v-icon | 24 | + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon> |
42 | - :class="[item.iconClass]" | ||
43 | - v-text="item.icon" | ||
44 | - ></v-icon> | ||
45 | </v-list-item-avatar> | 25 | </v-list-item-avatar> |
46 | <v-list-item-content> | 26 | <v-list-item-content> |
47 | <v-list-item-title v-text="item.title"></v-list-item-title> | 27 | <v-list-item-title v-text="item.title"></v-list-item-title> |
... | @@ -58,17 +38,42 @@ | ... | @@ -58,17 +38,42 @@ |
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', |
47 | + title: 'Photos', | ||
48 | + subtitle: 'Jan 9, 2014', | ||
49 | + }, | ||
50 | + { | ||
51 | + icon: 'folder', | ||
52 | + iconClass: 'grey lighten-1 white--text', | ||
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 | + }, | ||
67 | ], | 62 | ], |
68 | items2: [ | 63 | items2: [ |
69 | - { icon: 'assignment', iconClass: 'blue white--text', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, | 64 | + { |
70 | - { icon: 'call_to_action', iconClass: 'amber white--text', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, | 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 | + }, | ||
71 | ], | 76 | ], |
72 | }), | 77 | }), |
73 | - } | 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" | ||
5 | - > | ||
6 | - <v-toolbar | ||
7 | - color="light-blue" | ||
8 | - dark | ||
9 | - > | ||
10 | <v-toolbar-title>파일</v-toolbar-title> | 4 | <v-toolbar-title>파일</v-toolbar-title> |
11 | <v-spacer></v-spacer> | 5 | <v-spacer></v-spacer> |
12 | </v-toolbar> | 6 | </v-toolbar> |
13 | <v-list two-line subheader> | 7 | <v-list two-line subheader> |
14 | - <v-list-item | 8 | + <v-list-item v-for="item in items" :key="item.title" @click=""> |
15 | - v-for="item in items" | ||
16 | - :key="item.title" | ||
17 | - @click="" | ||
18 | - > | ||
19 | <v-list-item-avatar> | 9 | <v-list-item-avatar> |
20 | - <v-icon | 10 | + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon> |
21 | - :class="[item.iconClass]" | ||
22 | - v-text="item.icon" | ||
23 | - ></v-icon> | ||
24 | </v-list-item-avatar> | 11 | </v-list-item-avatar> |
25 | <v-list-item-content> | 12 | <v-list-item-content> |
26 | <v-list-item-title v-text="item.title"></v-list-item-title> | 13 | <v-list-item-title v-text="item.title"></v-list-item-title> |
... | @@ -32,16 +19,9 @@ | ... | @@ -32,16 +19,9 @@ |
32 | </v-btn> | 19 | </v-btn> |
33 | </v-list-item-action> | 20 | </v-list-item-action> |
34 | </v-list-item> | 21 | </v-list-item> |
35 | - <v-list-item | 22 | + <v-list-item v-for="item in items2" :key="item.title" @click=""> |
36 | - v-for="item in items2" | ||
37 | - :key="item.title" | ||
38 | - @click="" | ||
39 | - > | ||
40 | <v-list-item-avatar> | 23 | <v-list-item-avatar> |
41 | - <v-icon | 24 | + <v-icon :class="[item.iconClass]" v-text="item.icon"></v-icon> |
42 | - :class="[item.iconClass]" | ||
43 | - v-text="item.icon" | ||
44 | - ></v-icon> | ||
45 | </v-list-item-avatar> | 25 | </v-list-item-avatar> |
46 | <v-list-item-content> | 26 | <v-list-item-content> |
47 | <v-list-item-title v-text="item.title"></v-list-item-title> | 27 | <v-list-item-title v-text="item.title"></v-list-item-title> |
... | @@ -58,17 +38,42 @@ | ... | @@ -58,17 +38,42 @@ |
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', |
47 | + title: 'Photos', | ||
48 | + subtitle: 'Jan 9, 2014', | ||
49 | + }, | ||
50 | + { | ||
51 | + icon: 'folder', | ||
52 | + iconClass: 'grey lighten-1 white--text', | ||
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 | + }, | ||
67 | ], | 62 | ], |
68 | items2: [ | 63 | items2: [ |
69 | - { icon: 'assignment', iconClass: 'blue white--text', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, | 64 | + { |
70 | - { icon: 'call_to_action', iconClass: 'amber white--text', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, | 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 | + }, | ||
71 | ], | 76 | ], |
72 | }), | 77 | }), |
73 | - } | 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" | ||
4 | - max-width="290" | ||
5 | - > | ||
6 | <v-card> | 3 | <v-card> |
7 | - <v-card-title class="headline">Use Google's location service?</v-card-title> | 4 | + <v-card-title class="headline" |
5 | + >Use Google's location service?</v-card-title | ||
6 | + > | ||
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 |
10 | + location data to Google, even when no apps are running. | ||
11 | </v-card-text> | 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" | ||
18 | - text | ||
19 | - @click="dialog = false" | ||
20 | - > | ||
21 | Disagree | 17 | Disagree |
22 | </v-btn> | 18 | </v-btn> |
23 | 19 | ||
24 | - <v-btn | 20 | + <v-btn color="green darken-1" text @click="dialog = false"> |
25 | - color="green darken-1" | ||
26 | - text | ||
27 | - @click="dialog = false" | ||
28 | - > | ||
29 | Agree | 21 | Agree |
30 | </v-btn> | 22 | </v-btn> |
31 | </v-card-actions> | 23 | </v-card-actions> |
... | @@ -35,13 +27,12 @@ | ... | @@ -35,13 +27,12 @@ |
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,23 +68,23 @@ | ... | @@ -65,23 +68,23 @@ |
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" | ||
70 | - max-width="290" | ||
71 | - > | ||
72 | <v-card> | 72 | <v-card> |
73 | <v-card-title class="headline"> | 73 | <v-card-title class="headline"> |
74 | - <v-text-field v-model="current_filename" ></v-text-field> | 74 | + <v-text-field v-model="current_filename"></v-text-field> |
75 | </v-card-title> | 75 | </v-card-title> |
76 | <v-card-text> | 76 | <v-card-text> |
77 | - <v-text-field v-model="current_filedata" ></v-text-field> | 77 | + <v-text-field v-model="current_filedata"></v-text-field> |
78 | </v-card-text> | 78 | </v-card-text> |
79 | <v-card-actions> | 79 | <v-card-actions> |
80 | <v-spacer></v-spacer> | 80 | <v-spacer></v-spacer> |
81 | <v-btn | 81 | <v-btn |
82 | color="green darken-1" | 82 | color="green darken-1" |
83 | text | 83 | text |
84 | - @click="showdetailF = false; modify_file();" | 84 | + @click=" |
85 | + showdetailF = false; | ||
86 | + modify_file(); | ||
87 | + " | ||
85 | > | 88 | > |
86 | save | 89 | save |
87 | </v-btn> | 90 | </v-btn> |
... | @@ -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,39 +612,39 @@ export default { | ... | @@ -609,39 +612,39 @@ 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) { |
625 | console.log('에러'); | 628 | console.log('에러'); |
626 | console.log(error); | 629 | console.log(error); |
627 | } | 630 | } |
628 | }, | 631 | }, |
629 | - async modify_file(){ | 632 | + async modify_file() { |
630 | - try{ | 633 | + try { |
631 | const modifyData = { | 634 | const modifyData = { |
632 | user_id: this.cfilename.user_id, | 635 | user_id: this.cfilename.user_id, |
633 | cur: this.cfilename.location, | 636 | cur: this.cfilename.location, |
634 | name: this.current_filename, | 637 | name: this.current_filename, |
635 | - content: this.current_filedata | 638 | + content: this.current_filedata, |
636 | - } | 639 | + }; |
637 | const result = await modifyFile(modifyData); | 640 | const result = await modifyFile(modifyData); |
638 | - const after_data={ | 641 | + const after_data = { |
639 | id: this.cfilename.user_id, | 642 | id: this.cfilename.user_id, |
640 | cur: this.cfilename.location, | 643 | cur: this.cfilename.location, |
641 | - fileName: this.current_filename | 644 | + fileName: this.current_filename, |
642 | - } | 645 | + }; |
643 | - const detailData = await detailFile(after_data) | 646 | + const detailData = await detailFile(after_data); |
644 | - }catch(error){ | 647 | + } catch (error) { |
645 | console.log('에러'); | 648 | console.log('에러'); |
646 | console.log(error); | 649 | console.log(error); |
647 | } | 650 | } | ... | ... |
... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
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> |
... | @@ -26,34 +26,31 @@ | ... | @@ -26,34 +26,31 @@ |
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) { | ... | ... |
... | @@ -3,13 +3,12 @@ | ... | @@ -3,13 +3,12 @@ |
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> | ... | ... |
... | @@ -14,17 +14,9 @@ | ... | @@ -14,17 +14,9 @@ |
14 | </v-toolbar> | 14 | </v-toolbar> |
15 | 15 | ||
16 | <v-list two-line subheader> | 16 | <v-list two-line subheader> |
17 | - | 17 | + <v-list-item v-for="item in items" :key="item.title" @click=""> |
18 | - | ||
19 | - <v-list-item | ||
20 | - v-for="item in items" | ||
21 | - :key="item.title" | ||
22 | - @click="" | ||
23 | - > | ||
24 | <v-list-item-avatar> | 18 | <v-list-item-avatar> |
25 | - <v-icon | 19 | + <v-icon>{{ item.iconClass }}</v-icon> |
26 | - | ||
27 | - >{{item.iconClass}}</v-icon> | ||
28 | </v-list-item-avatar> | 20 | </v-list-item-avatar> |
29 | 21 | ||
30 | <v-list-item-content> | 22 | <v-list-item-content> |
... | @@ -39,14 +31,9 @@ | ... | @@ -39,14 +31,9 @@ |
39 | </v-list-item-action> | 31 | </v-list-item-action> |
40 | </v-list-item> | 32 | </v-list-item> |
41 | 33 | ||
42 | - | 34 | + <v-list-item v-for="item in items2" :key="item.title" @click=""> |
43 | - <v-list-item | ||
44 | - v-for="item in items2" | ||
45 | - :key="item.title" | ||
46 | - @click="" | ||
47 | - > | ||
48 | <v-list-item-avatar> | 35 | <v-list-item-avatar> |
49 | - <v-icon> {{item.iconClass}}</v-icon> | 36 | + <v-icon> {{ item.iconClass }}</v-icon> |
50 | </v-list-item-avatar> | 37 | </v-list-item-avatar> |
51 | 38 | ||
52 | <v-list-item-content> | 39 | <v-list-item-content> |
... | @@ -65,17 +52,42 @@ | ... | @@ -65,17 +52,42 @@ |
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', |
61 | + title: 'Photos', | ||
62 | + subtitle: 'Jan 9, 2014', | ||
63 | + }, | ||
64 | + { | ||
65 | + icon: 'folder', | ||
66 | + iconClass: 'mdi-folder', | ||
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 | + }, | ||
74 | ], | 76 | ], |
75 | items2: [ | 77 | items2: [ |
76 | - { icon: 'assignment', iconClass: 'mdi-file', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, | 78 | + { |
77 | - { icon: 'call_to_action', iconClass: 'mdi-PdfBox', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, | 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 | + }, | ||
78 | ], | 90 | ], |
79 | }), | 91 | }), |
80 | - } | 92 | +}; |
81 | </script> | 93 | </script> | ... | ... |
... | @@ -4,17 +4,15 @@ | ... | @@ -4,17 +4,15 @@ |
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 | { |
... | @@ -37,7 +35,7 @@ | ... | @@ -37,7 +35,7 @@ |
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', |
... | @@ -46,7 +44,7 @@ | ... | @@ -46,7 +44,7 @@ |
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', |
... | @@ -55,7 +53,7 @@ | ... | @@ -55,7 +53,7 @@ |
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', |
... | @@ -64,7 +62,7 @@ | ... | @@ -64,7 +62,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', |
... | @@ -73,7 +71,7 @@ | ... | @@ -73,7 +71,7 @@ |
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', |
... | @@ -82,7 +80,7 @@ | ... | @@ -82,7 +80,7 @@ |
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', |
... | @@ -91,7 +89,7 @@ | ... | @@ -91,7 +89,7 @@ |
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', |
... | @@ -100,7 +98,7 @@ | ... | @@ -100,7 +98,7 @@ |
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', |
... | @@ -109,7 +107,7 @@ | ... | @@ -109,7 +107,7 @@ |
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', |
... | @@ -118,20 +116,20 @@ | ... | @@ -118,20 +116,20 @@ |
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> | ... | ... |
... | @@ -3,13 +3,12 @@ | ... | @@ -3,13 +3,12 @@ |
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> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
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> |
... | @@ -19,12 +19,12 @@ | ... | @@ -19,12 +19,12 @@ |
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> |
... | @@ -47,17 +47,14 @@ | ... | @@ -47,17 +47,14 @@ |
47 | </v-flex> | 47 | </v-flex> |
48 | </v-layout> | 48 | </v-layout> |
49 | </v-flex> | 49 | </v-flex> |
50 | - | ||
51 | </v-layout> | 50 | </v-layout> |
52 | </v-container> | 51 | </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 | { |
... | @@ -80,7 +77,7 @@ | ... | @@ -80,7 +77,7 @@ |
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', |
... | @@ -89,7 +86,7 @@ | ... | @@ -89,7 +86,7 @@ |
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', |
... | @@ -98,7 +95,7 @@ | ... | @@ -98,7 +95,7 @@ |
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', |
... | @@ -107,7 +104,7 @@ | ... | @@ -107,7 +104,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', |
... | @@ -116,7 +113,7 @@ | ... | @@ -116,7 +113,7 @@ |
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', |
... | @@ -125,7 +122,7 @@ | ... | @@ -125,7 +122,7 @@ |
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', |
... | @@ -134,7 +131,7 @@ | ... | @@ -134,7 +131,7 @@ |
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', |
... | @@ -143,7 +140,7 @@ | ... | @@ -143,7 +140,7 @@ |
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', |
... | @@ -152,7 +149,7 @@ | ... | @@ -152,7 +149,7 @@ |
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', |
... | @@ -161,20 +158,20 @@ | ... | @@ -161,20 +158,20 @@ |
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> | ... | ... |
... | @@ -5,15 +5,13 @@ | ... | @@ -5,15 +5,13 @@ |
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> | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
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> |
... | @@ -11,9 +11,9 @@ | ... | @@ -11,9 +11,9 @@ |
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> |
... | @@ -23,52 +23,28 @@ | ... | @@ -23,52 +23,28 @@ |
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> | ||
27 | - <v-toolbar-title>빠른 액세스</v-toolbar-title> | ||
28 | - <v-spacer></v-spacer> | ||
29 | - </v-toolbar> | ||
30 | <v-container> | 26 | <v-container> |
31 | <accessList></accessList> | 27 | <accessList></accessList> |
32 | </v-container> | 28 | </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> | 29 | <v-divider></v-divider> |
52 | </v-flex> | 30 | </v-flex> |
53 | </v-layout> | 31 | </v-layout> |
54 | </v-container> | 32 | </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 | { |
... | @@ -91,7 +67,7 @@ | ... | @@ -91,7 +67,7 @@ |
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', |
... | @@ -100,7 +76,7 @@ | ... | @@ -100,7 +76,7 @@ |
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', |
... | @@ -109,7 +85,7 @@ | ... | @@ -109,7 +85,7 @@ |
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', |
... | @@ -118,7 +94,7 @@ | ... | @@ -118,7 +94,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', |
... | @@ -127,7 +103,7 @@ | ... | @@ -127,7 +103,7 @@ |
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', |
... | @@ -136,7 +112,7 @@ | ... | @@ -136,7 +112,7 @@ |
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', |
... | @@ -145,7 +121,7 @@ | ... | @@ -145,7 +121,7 @@ |
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', |
... | @@ -154,7 +130,7 @@ | ... | @@ -154,7 +130,7 @@ |
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', |
... | @@ -163,7 +139,7 @@ | ... | @@ -163,7 +139,7 @@ |
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', |
... | @@ -172,20 +148,20 @@ | ... | @@ -172,20 +148,20 @@ |
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> | ... | ... |
... | @@ -14,17 +14,9 @@ | ... | @@ -14,17 +14,9 @@ |
14 | </v-toolbar> | 14 | </v-toolbar> |
15 | 15 | ||
16 | <v-list two-line subheader> | 16 | <v-list two-line subheader> |
17 | - | 17 | + <v-list-item v-for="item in items" :key="item.title" @click=""> |
18 | - | ||
19 | - <v-list-item | ||
20 | - v-for="item in items" | ||
21 | - :key="item.title" | ||
22 | - @click="" | ||
23 | - > | ||
24 | <v-list-item-avatar> | 18 | <v-list-item-avatar> |
25 | - <v-icon | 19 | + <v-icon>{{ item.iconClass }}</v-icon> |
26 | - | ||
27 | - >{{item.iconClass}}</v-icon> | ||
28 | </v-list-item-avatar> | 20 | </v-list-item-avatar> |
29 | 21 | ||
30 | <v-list-item-content> | 22 | <v-list-item-content> |
... | @@ -39,14 +31,9 @@ | ... | @@ -39,14 +31,9 @@ |
39 | </v-list-item-action> | 31 | </v-list-item-action> |
40 | </v-list-item> | 32 | </v-list-item> |
41 | 33 | ||
42 | - | 34 | + <v-list-item v-for="item in items2" :key="item.title" @click=""> |
43 | - <v-list-item | ||
44 | - v-for="item in items2" | ||
45 | - :key="item.title" | ||
46 | - @click="" | ||
47 | - > | ||
48 | <v-list-item-avatar> | 35 | <v-list-item-avatar> |
49 | - <v-icon> {{item.iconClass}}</v-icon> | 36 | + <v-icon> {{ item.iconClass }}</v-icon> |
50 | </v-list-item-avatar> | 37 | </v-list-item-avatar> |
51 | 38 | ||
52 | <v-list-item-content> | 39 | <v-list-item-content> |
... | @@ -65,17 +52,42 @@ | ... | @@ -65,17 +52,42 @@ |
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', |
61 | + title: 'Photos', | ||
62 | + subtitle: 'Jan 9, 2014', | ||
63 | + }, | ||
64 | + { | ||
65 | + icon: 'folder', | ||
66 | + iconClass: 'mdi-folder', | ||
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 | + }, | ||
74 | ], | 76 | ], |
75 | items2: [ | 77 | items2: [ |
76 | - { icon: 'assignment', iconClass: 'mdi-file', title: 'Vacation itinerary', subtitle: 'Jan 20, 2014' }, | 78 | + { |
77 | - { icon: 'call_to_action', iconClass: 'mdi-PdfBox', title: 'Kitchen remodel', subtitle: 'Jan 10, 2014' }, | 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 | + }, | ||
78 | ], | 90 | ], |
79 | }), | 91 | }), |
80 | - } | 92 | +}; |
81 | </script> | 93 | </script> | ... | ... |
... | @@ -5,14 +5,12 @@ | ... | @@ -5,14 +5,12 @@ |
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> | ... | ... |
-
Please register or login to post a comment