<template>
	<div class="web-wrapper">
		<div v-if="isLoaded" class="container-fluid mt-3">
			<div class="row">
				<div class="col-md-3 d-md-block">
					<sidebar :user="profile" />
				</div>

				<div class="col-md-8">
					<div class="row">
						<div class="col-12 col-md-8 offset-md-1">
							<compose-modal v-on:close="closeModal" />
						</div>
					</div>
				</div>
			</div>

			<drawer />
		</div>
	</div>
</template>

<script type="text/javascript">
	import Drawer from './partials/drawer.vue';
	import Sidebar from './partials/sidebar.vue';
	import ComposeModal from './../js/components/ComposeModal.vue';

	export default {
		 components: {
		 	"drawer": Drawer,
            "sidebar": Sidebar,
            "compose-modal": ComposeModal
        },

        data() {
        	return {
        		isLoaded: false,
        		profile: undefined,
        	}
        },

        mounted() {
			this.profile = window._sharedData.user;
			this.isLoaded = true;
        },

        methods: {
        	closeModal() {
        		this.$router.push('/i/web');
        	}
        }
	}
</script>