<template>
    <div class="application--wrap">
        <v-container app fluid pa-0>
            <v-layout fill-height>
                <AppSide/>
                <v-flex>
                    <router-view></router-view>
                </v-flex>
            </v-layout>
        </v-container>
        <AppFooter/>
    </div>
</template>

<script>
    import AppFooter from "./components/footer/footer.component.vue";
    import AppSide from "./components/side/side.component.vue";
    import menu from "services/menu";

    export default {
        components: {
            AppFooter,
            AppSide
        },
        methods: {
            doSomething: function()
            {
                //@todo test method
            }
        },
        beforeCreate: function()
        {
            menu.create({
                File: {
                    "Do something": {
                        modifiers: "ctrl",
                        key: "r",
                        click: () =>
                        {
                            this.doSomething();
                        }
                    },
                    separator1: null,
                    Exit: {
                        key: "esc",
                        click: function()
                        {
                            nw.App.quit();
                        }
                    }
                }
            });
        }
    };
</script>

<style src="vuetify/dist/vuetify.min.css"></style>
<style src="material-icons-base64/index.css"></style>

<style>
    html
    {
        overflow: auto;
    }
</style>