Mercurial > gemma
comparison client/src/main.js @ 2408:02d30251d594
client: table component for unified style
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Thu, 28 Feb 2019 11:25:50 +0100 |
parents | f185503ef35a |
children | b60efa7d4cee |
comparison
equal
deleted
inserted
replaced
2407:8fc546b03822 | 2408:02d30251d594 |
---|---|
27 // local | 27 // local |
28 import router from "./router"; | 28 import router from "./router"; |
29 import store from "./store"; | 29 import store from "./store"; |
30 import translations from "./locale/translations.json"; | 30 import translations from "./locale/translations.json"; |
31 import { supportedLanguages, defaultLanguage } from "./locale/languages.js"; | 31 import { supportedLanguages, defaultLanguage } from "./locale/languages.js"; |
32 import Header from "@/components/ui/box/Header"; | 32 import UIBoxHeader from "@/components/ui/UIBoxHeader"; |
33 import UITableHeader from "@/components/ui/UITableHeader"; | |
34 import UITableBody from "@/components/ui/UITableBody"; | |
33 | 35 |
34 // styles | 36 // styles |
35 import "../node_modules/bootstrap/dist/css/bootstrap.min.css"; | 37 import "../node_modules/bootstrap/dist/css/bootstrap.min.css"; |
36 import "../node_modules/animate.css/animate.min.css"; | 38 import "../node_modules/animate.css/animate.min.css"; |
37 import "../node_modules/ol/ol.css"; | 39 import "../node_modules/ol/ol.css"; |
72 faPowerOff, | 74 faPowerOff, |
73 faRoad, | 75 faRoad, |
74 faRuler, | 76 faRuler, |
75 faSearch, | 77 faSearch, |
76 faShip, | 78 faShip, |
79 faSort, | |
77 faSortAmountDown, | 80 faSortAmountDown, |
78 faSortAmountUp, | 81 faSortAmountUp, |
82 faSortDown, | |
83 faSortUp, | |
79 faSpinner, | 84 faSpinner, |
80 faStar, | 85 faStar, |
81 faTasks, | 86 faTasks, |
82 faTimes, | 87 faTimes, |
83 faTrash, | 88 faTrash, |
124 faPowerOff, | 129 faPowerOff, |
125 faRoad, | 130 faRoad, |
126 faRuler, | 131 faRuler, |
127 faSearch, | 132 faSearch, |
128 faShip, | 133 faShip, |
134 faSort, | |
135 faSortDown, | |
136 faSortUp, | |
129 faSortAmountDown, | 137 faSortAmountDown, |
130 faSortAmountUp, | 138 faSortAmountUp, |
131 faSpinner, | 139 faSpinner, |
132 faStar, | 140 faStar, |
133 faTasks, | 141 faTasks, |
152 Vue.use(VTooltip); | 160 Vue.use(VTooltip); |
153 Vue.use(VueClipboard); | 161 Vue.use(VueClipboard); |
154 | 162 |
155 // register global components | 163 // register global components |
156 Vue.component("font-awesome-icon", FontAwesomeIcon); | 164 Vue.component("font-awesome-icon", FontAwesomeIcon); |
157 Vue.component("UIBoxHeader", Header); | 165 Vue.component("UIBoxHeader", UIBoxHeader); |
166 Vue.component("UITableHeader", UITableHeader); | |
167 Vue.component("UITableBody", UITableBody); | |
158 | 168 |
159 // global vue config | 169 // global vue config |
160 Vue.config.productionTip = false; | 170 Vue.config.productionTip = false; |
161 | 171 |
162 const app = new Vue({ | 172 const app = new Vue({ |