init crater

resources/assets/js/views/layouts/LayoutLogin.vue

@@ -0,0 +1,55 @@
+<template>
+  <div class="login-page login-3">
+    <div class="site-wrapper">
+      <div class="login-box">
+        <div class="box-wrapper">
+          <div class="logo-main">
+            <a href="/admin">
+              <img
+                src="/assets/img/crater-logo.png"
+                alt="Crater Logo">
+            </a>
+          </div>
+          <router-view></router-view>
+          <div class="page-copyright">
+            <p>{{ $t('layout_login.copyright_crater') }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="content-box">
+        <h1>{{ $t('layout_login.super_simple_invoicing') }}<br>
+          {{ $t('layout_login.for_freelancer') }}<br>
+          {{ $t('layout_login.small_businesses') }} <br>
+        </h1>
+
+        <p>
+          {{ $t('layout_login.crater_help') }}<br>
+          {{ $t('layout_login.invoices_and_estimates') }}<br>
+        </p>
+
+        <div class="content-bottom"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script type="text/babel">
+export default {
+  watch: {
+    $route: 'onRouteChange'
+  },
+  mounted () {
+    this.setLayoutClasses()
+  },
+  methods: {
+    setLayoutClasses () {
+      let body = $('body')
+      body.removeClass()
+      body.addClass('login-page login-1 skin-crater')
+    }
+  },
+  onRouteChange () {
+    $('body').removeClass('login-page')
+  }
+}
+</script>