Created login screen

src/components/Login.vue

@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <b-overlay :show="processing">
+      <b-form class="my-4">
+        <div>
+          <ejs-textbox id='username' floatLabelType="Auto" placeholder="Username" autocomplete="off"/>
+          <ejs-textbox id='password' floatLabelType="Auto" placeholder="Password" autocomplete="off" type="password"/>
+        </div>
+        <div class="mt-4 text-center">
+          <ejs-button cssClass='e-primary'>Login</ejs-button>
+        </div>
+      </b-form>
+    </b-overlay>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Login",
+  data() {
+    return {
+      processing: false
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/LoginBoxContent.vue

@@ -0,0 +1,35 @@
+<template>
+  <div>
+    <ejs-tab id='element'>
+      <div class="e-tab-header">
+        <div>Login</div>
+        <div>Register</div>
+      </div>
+      <div class="e-content">
+        <div>
+          <login/>
+        </div>
+        <div>
+          <register/>
+        </div>
+      </div>
+    </ejs-tab>
+  </div>
+</template>
+
+<script>
+import Register from "@/components/Register";
+import Login from "@/components/Login";
+
+export default {
+  name: "LoginBoxContent",
+  components: {
+    Login,
+    Register
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/Register.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <b-overlay :show="processing">
+
+        <b-form class="my-4">
+          <div>
+            <ejs-textbox id='username' floatLabelType="Auto" placeholder="Username" autocomplete="off"/>
+            <ejs-textbox id='password' floatLabelType="Auto" placeholder="Password" autocomplete="off" type="password"/>
+            <ejs-textbox id='password-confirm' floatLabelType="Auto" placeholder="Confirm password" autocomplete="off"
+                         type="password"/>
+          </div>
+          <div class="mt-4 text-center">
+            <ejs-button cssClass='e-primary'>Register</ejs-button>
+          </div>
+        </b-form>
+    </b-overlay>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Register",
+  data() {
+    return {
+      processing: false
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>