require('material-design-lite/material.min.js')
require('material-design-lite/material.min.css')
require('material-design-icons/iconfont/material-icons.css')
require('mapbox-gl/dist/mapbox-gl.css')


import Vue from 'vue'
import Router from 'vue-router'
import Resource from 'vue-resource'
import VueMdl from 'vue-mdl'
import Layout from './components/Layout'
import Footer from './components/Footer'
import Card from './components/Card'
import Search from './components/Search'
import Table from './components/Table'
import Map from './components/Map'
import App from './components/App'
import Home from './components/Home'
import Atlas from './views/Atlas'
import Blog from './components/Blog'
import Login from './components/Login'
import Register from './components/Register'
import Studio from './components/Studio'
import Maps from './components/Maps'
import Fonts from './views/Fonts'
import Data from './components/Data'
import Icons from './components/Icons'
import Upload from './views/Upload'
import DataCardsMap from './components/DataCards-Map'
import DataCardsData from './components/DataCards-Data'
import DataCardsIcon from './components/DataCards-Icon'
import MapView from './components/MapView'
import MapEditor from './components/MapEditor'
import DataCards from './components/DataCards'
import Post from './components/Post.vue'
import TOC from './components/MapEditorToc.vue'
import MapEditorView from './components/MapEditorView.vue'
import MapLayoutView from './components/MapLayoutView.vue'
import MapStyleEditor from './components/MapStyleEditor.vue'
import MapDistrictSelect from './components/MapDistrictSelect'
import ModalStyleTemplate from './components/ModalStyleTemplate'
import Loading from './components/Loading'
import Dialog from './components/Dialog'
import DialogInput from './components/Dialog-Input'
import User from './views/User'

Vue.config.debug = true
Vue.use(Router)
Vue.use(VueMdl)
Vue.use(Resource)

Vue.component('foxgis-layout', Layout)
Vue.component('foxgis-footer', Footer)
Vue.component('foxgis-card', Card)
Vue.component('foxgis-search', Search)
Vue.component('foxgis-table', Table)
Vue.component('foxgis-map', Map)
Vue.component('foxgis-data-cards-map', DataCardsMap)
Vue.component('foxgis-data-cards-data', DataCardsData)
Vue.component('foxgis-data-cards-font', DataCardsFont)
Vue.component('foxgis-data-cards-icon', DataCardsIcon)
Vue.component('foxgis-data-cards', DataCards)
Vue.component('foxgis-post', Post)
Vue.component('foxgis-toc', TOC)
Vue.component('foxgis-drafmap',MapEditorView)
Vue.component('foxgis-layoutmap',MapLayoutView)
Vue.component('foxgis-style-editor',MapStyleEditor)
Vue.component('foxgis-district-select',MapDistrictSelect)
Vue.component('foxgis-style-template',ModalStyleTemplate)
Vue.component('foxgis-loading',Loading)
Vue.component('foxgis-dialog',Dialog)
Vue.component('foxgis-dialog-input',DialogInput)

let router = new Router({
  history: false
})

router.map({
  '/': {
    component: Login
  },
  '/home': {
    component: Home
  },
  '/atlas': {
    component: Atlas
  },
  '/blog': {
    component: Blog
  },
  '/login': {
    component: Login
  },
  '/register': {
    component: Register
  },
  '/studio': {
    component: Studio,
    subRoutes: {
      '/': {
        component: Upload
      },
      '/maps': {
        component: Maps
      },
      '/data': {
        component: Data
      },
      '/fonts': {
        component: Fonts
      },
      '/sprites': {
        component: Icons
      },
      '/uploads': {
        component: Upload
      },
      '/user':{
        component:User
      }
    }
  },
  '/mapview': {
    component: MapView
  },
  '/mapeditor/*any': {
    component: MapEditor
  }
})


router.start(App, '#app')

@@ -2333,64 +2333,8 @@
 a)%0D%0A
-Vue.component('foxgis-data-cards-font', DataCardsFont)%0D%0A
 Vue.

edit font