|
3 | 3 | <div class="row justify-content-between">
|
4 | 4 | <div class="col-auto">
|
5 | 5 | <div class="btn-group" role="group">
|
6 |
| - <button type="button" class="btn btn-secondary" |
| 6 | + <v-btn type="button" class="btn btn-secondary" |
7 | 7 | v-bind:disabled="backDisabled"
|
8 | 8 | v-bind:title="lang.btn.back"
|
9 |
| - v-on:click="historyBack()"> |
10 |
| - <i class="fas fa-step-backward"/> |
11 |
| - </button> |
12 |
| - <button type="button" class="btn btn-secondary" |
| 9 | + v-on:click="historyBack()" |
| 10 | + fab |
| 11 | + tile |
| 12 | + small |
| 13 | + color="primary" |
| 14 | + elevation="1" |
| 15 | + > |
| 16 | + <v-icon>mdi-arrow-left</v-icon> |
| 17 | + </v-btn> |
| 18 | + <v-btn type="button" class="btn btn-secondary" |
13 | 19 | v-bind:disabled="forwardDisabled"
|
14 | 20 | v-bind:title="lang.btn.forward"
|
15 |
| - v-on:click="historyForward()"> |
16 |
| - <i class="fas fa-step-forward"/> |
17 |
| - </button> |
18 |
| - <button type="button" class="btn btn-secondary" |
| 21 | + v-on:click="historyForward()" |
| 22 | + fab |
| 23 | + tile |
| 24 | + small |
| 25 | + color="primary" |
| 26 | + elevation="1" |
| 27 | + > |
| 28 | + <v-icon>mdi-arrow-right</v-icon> |
| 29 | + </v-btn> |
| 30 | + <v-btn type="button" class="btn btn-secondary" |
19 | 31 | v-on:click="refreshAll()"
|
20 |
| - v-bind:title="lang.btn.refresh"> |
21 |
| - <i class="fas fa-sync-alt"/> |
22 |
| - </button> |
| 32 | + v-bind:title="lang.btn.refresh" |
| 33 | + fab |
| 34 | + tile |
| 35 | + small |
| 36 | + color="primary" |
| 37 | + elevation="1" |
| 38 | + > |
| 39 | + <v-icon>mdi-refresh</v-icon> |
| 40 | + </v-btn> |
23 | 41 | </div>
|
24 | 42 | <div class="btn-group" role="group">
|
25 |
| - <button type="button" class="btn btn-secondary" |
| 43 | + <v-btn type="button" class="btn btn-secondary" |
26 | 44 | v-on:click="showModal('NewFile')"
|
27 |
| - v-bind:title="lang.btn.file"> |
28 |
| - <i class="far fa-file"/> |
29 |
| - </button> |
30 |
| - <button type="button" class="btn btn-secondary" |
| 45 | + v-bind:title="lang.btn.file" |
| 46 | + fab |
| 47 | + tile |
| 48 | + small |
| 49 | + color="primary" |
| 50 | + elevation="1" |
| 51 | + > |
| 52 | + <v-icon>mdi-file-outline</v-icon> |
| 53 | + </v-btn> |
| 54 | + <v-btn type="button" class="btn btn-secondary" |
31 | 55 | v-on:click="showModal('NewFolder')"
|
32 |
| - v-bind:title="lang.btn.folder"> |
33 |
| - <i class="far fa-folder"/> |
34 |
| - </button> |
35 |
| - <button type="button" class="btn btn-secondary" |
| 56 | + v-bind:title="lang.btn.folder" |
| 57 | + fab |
| 58 | + tile |
| 59 | + small |
| 60 | + color="primary" |
| 61 | + elevation="1" |
| 62 | + > |
| 63 | + <v-icon>mdi-folder-outline</v-icon> |
| 64 | + </v-btn> |
| 65 | + <v-btn type="button" class="btn btn-secondary" |
36 | 66 | disabled
|
37 | 67 | v-if="uploading"
|
38 |
| - v-bind:title="lang.btn.upload"> |
39 |
| - <i class="fas fa-upload"/> |
40 |
| - </button> |
41 |
| - <button type="button" class="btn btn-secondary" |
| 68 | + v-bind:title="lang.btn.upload" |
| 69 | + fab |
| 70 | + tile |
| 71 | + small |
| 72 | + color="primary" |
| 73 | + elevation="1" |
| 74 | + > |
| 75 | + <v-icon>mdi-upload-outline</v-icon> |
| 76 | + </v-btn> |
| 77 | + <v-btn type="button" class="btn btn-secondary" |
42 | 78 | v-else
|
43 | 79 | v-on:click="showModal('Upload')"
|
44 |
| - v-bind:title="lang.btn.upload"> |
45 |
| - <i class="fas fa-upload"/> |
46 |
| - </button> |
47 |
| - <button type="button" class="btn btn-secondary" |
| 80 | + v-bind:title="lang.btn.upload" |
| 81 | + fab |
| 82 | + tile |
| 83 | + small |
| 84 | + color="primary" |
| 85 | + elevation="1" |
| 86 | + > |
| 87 | + <v-icon>mdi-upload-outline</v-icon> |
| 88 | + </v-btn> |
| 89 | + <v-btn type="button" class="btn btn-secondary" |
48 | 90 | v-bind:disabled="!isAnyItemSelected"
|
49 | 91 | v-on:click="showModal('Delete')"
|
50 |
| - v-bind:title="lang.btn.delete"> |
51 |
| - <i class="fas fa-trash-alt"/> |
52 |
| - </button> |
| 92 | + v-bind:title="lang.btn.delete" |
| 93 | + fab |
| 94 | + tile |
| 95 | + small |
| 96 | + color="primary" |
| 97 | + elevation="1" |
| 98 | + > |
| 99 | + <v-icon>mdi-delete-outline</v-icon> |
| 100 | + </v-btn> |
53 | 101 | </div>
|
54 | 102 | <div class="btn-group" role="group">
|
55 |
| - <button type="button" class="btn btn-secondary" |
| 103 | + <v-btn type="button" class="btn btn-secondary" |
56 | 104 | v-bind:disabled="!isAnyItemSelected"
|
57 | 105 | v-bind:title="lang.btn.copy"
|
58 |
| - v-on:click="toClipboard('copy')"> |
59 |
| - <i class="fas fa-copy"/> |
60 |
| - </button> |
61 |
| - <button type="button" class="btn btn-secondary" |
| 106 | + v-on:click="toClipboard('copy')" |
| 107 | + fab |
| 108 | + tile |
| 109 | + small |
| 110 | + color="primary" |
| 111 | + elevation="1" |
| 112 | + > |
| 113 | + <v-icon>mdi-content-copy</v-icon> |
| 114 | + </v-btn> |
| 115 | + <v-btn type="button" class="btn btn-secondary" |
62 | 116 | v-bind:disabled="!isAnyItemSelected"
|
63 | 117 | v-bind:title="lang.btn.cut"
|
64 |
| - v-on:click="toClipboard('cut')"> |
65 |
| - <i class="fas fa-cut"/> |
66 |
| - </button> |
67 |
| - <button type="button" class="btn btn-secondary" |
| 118 | + v-on:click="toClipboard('cut')" |
| 119 | + fab |
| 120 | + tile |
| 121 | + small |
| 122 | + color="primary" |
| 123 | + elevation="1" |
| 124 | + > |
| 125 | + <v-icon>mdi-content-cut</v-icon> |
| 126 | + </v-btn> |
| 127 | + <v-btn type="button" class="btn btn-secondary" |
68 | 128 | v-bind:disabled="!clipboardType"
|
69 | 129 | v-bind:title="lang.btn.paste"
|
70 |
| - v-on:click="paste"> |
71 |
| - <i class="fas fa-paste"/> |
72 |
| - </button> |
| 130 | + v-on:click="paste" |
| 131 | + fab |
| 132 | + tile |
| 133 | + small |
| 134 | + color="primary" |
| 135 | + elevation="1" |
| 136 | + > |
| 137 | + <v-icon>mdi-content-paste</v-icon> |
| 138 | + </v-btn> |
73 | 139 | </div>
|
74 |
| - <div class="btn-group" role="group"> |
| 140 | + <!-- <div class="btn-group" role="group"> |
75 | 141 | <button type="button" class="btn btn-secondary"
|
76 | 142 | v-bind:title="lang.btn.hidden"
|
77 | 143 | v-on:click="toggleHidden">
|
78 | 144 | <i class="fas" v-bind:class="[hiddenFiles ? 'fa-eye': 'fa-eye-slash']"/>
|
79 | 145 | </button>
|
80 |
| - </div> |
| 146 | + </div> --> |
81 | 147 | </div>
|
82 | 148 | <div class="col-auto text-right">
|
83 | 149 | <div class="btn-group" role="group">
|
84 |
| - <button type="button" class="btn btn-secondary" |
| 150 | + <v-btn type="button" class="btn btn-secondary" |
85 | 151 | v-bind:class="[viewType === 'table' ? 'active' : '']"
|
86 | 152 | v-on:click="selectView('table')"
|
87 |
| - v-bind:title="lang.btn.table"> |
88 |
| - <i class="fas fa-th-list"/> |
89 |
| - </button> |
90 |
| - <button role="button" class="btn btn-secondary" |
| 153 | + v-bind:title="lang.btn.table" |
| 154 | + fab |
| 155 | + tile |
| 156 | + small |
| 157 | + color="primary" |
| 158 | + elevation="1" |
| 159 | + > |
| 160 | + <v-icon>mdi-format-list-bulleted</v-icon> |
| 161 | + </v-btn> |
| 162 | + <v-btn role="button" class="btn btn-secondary" |
91 | 163 | v-bind:class="[viewType === 'grid' ? 'active' : '']"
|
92 | 164 | v-on:click="selectView('grid')"
|
93 |
| - v-bind:title="lang.btn.grid"> |
94 |
| - <i class="fas fa-th"/> |
95 |
| - </button> |
| 165 | + v-bind:title="lang.btn.grid" |
| 166 | + fab |
| 167 | + tile |
| 168 | + small |
| 169 | + color="primary" |
| 170 | + elevation="1" |
| 171 | + > |
| 172 | + <v-icon>mdi-view-grid-outline</v-icon> |
| 173 | + </v-btn> |
96 | 174 | </div>
|
97 | 175 | <div class="btn-group" role="group">
|
98 |
| - <button type="button" class="btn btn-secondary" |
| 176 | + <v-btn type="button" class="btn btn-secondary" |
99 | 177 | v-bind:title="lang.btn.fullScreen"
|
100 | 178 | v-bind:class="{ active: fullScreen }"
|
101 |
| - v-on:click="screenToggle"> |
102 |
| - <i class="fas fa-expand-arrows-alt"/> |
103 |
| - </button> |
| 179 | + v-on:click="screenToggle" |
| 180 | + fab |
| 181 | + tile |
| 182 | + small |
| 183 | + color="primary" |
| 184 | + elevation="1" |
| 185 | + > |
| 186 | + <v-icon>mdi-fullscreen</v-icon> |
| 187 | + </v-btn> |
104 | 188 | </div>
|
105 |
| - <div class="btn-group" role="group"> |
106 |
| - <button type="button" class="btn btn-secondary" |
| 189 | + <!-- <div class="btn-group" role="group"> |
| 190 | + <v-btn type="button" class="btn btn-secondary" |
107 | 191 | v-bind:title="lang.btn.about"
|
108 |
| - v-on:click="showModal('About')"> |
109 |
| - <i class="fas fa-question"/> |
110 |
| - </button> |
111 |
| - </div> |
| 192 | + v-on:click="showModal('About')" |
| 193 | + fab |
| 194 | + tile |
| 195 | + small |
| 196 | + color="primary" |
| 197 | + elevation="1" |
| 198 | + > |
| 199 | + <v-icon>mdi-help-circle-outline</v-icon> |
| 200 | + </v-btn> |
| 201 | + </div> --> |
112 | 202 | </div>
|
113 | 203 | </div>
|
114 | 204 | </div>
|
|
0 commit comments