import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { CosmosModule } from '../components/cosmos.module';

import { ThemeModule, I18nModule } from 'ng-cosmos-td-common';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        FormsModule,
        BrowserModule,
        BrowserAnimationsModule,
        AppRoutingModule,
        CosmosModule.forRoot(),
        ThemeModule.forRoot({
            theme: [{
                name: "白色",
                value: "light",
                path: {
                    view: "./assets/config/theme/view/website.light.theme.css",
                    chart: "./assets/config/theme/chart/light.json",
                    map: "./assets/config/theme/map/light.json"
                }
            },
            {
                name: "黑色",
                value: "dark",
                path: {
                    view: "./assets/config/theme/view/website.dark.theme.css",
                    chart: "./assets/config/theme/chart/dark.json",
                    map: "./assets/config/theme/map/dark.json"
                }
            }]
        }),
        I18nModule.forRoot({
            i18n: [{
                name: "中文",
                value: "zh",
                path: "./assets/config/i18n/zh.json"
            },
            {
                name: "英文",
                value: "en",
                path: "./assets/config/i18n/en.json"
            }]
        })
    ],
    bootstrap: [AppComponent]
})
export class AppModule {

}