From 2095c18871d22647ff025a002cc0e29792275d38 Mon Sep 17 00:00:00 2001
From: glovetleong <glovetleong@gmail.com>
Date: Sun, 22 Aug 2021 13:55:51 +0800
Subject: [PATCH] cross login

---
 .../forms/CrossPlatformLoginFormComponent.vue | 48 +++++++++++++++++++
 .../views/pages/accounts/login.blade.php      |  1 +
 2 files changed, 49 insertions(+)
 create mode 100644 resources/assets/vue/components/accounts/forms/CrossPlatformLoginFormComponent.vue

diff --git a/resources/assets/vue/components/accounts/forms/CrossPlatformLoginFormComponent.vue b/resources/assets/vue/components/accounts/forms/CrossPlatformLoginFormComponent.vue
new file mode 100644
index 00000000..93634ed4
--- /dev/null
+++ b/resources/assets/vue/components/accounts/forms/CrossPlatformLoginFormComponent.vue
@@ -0,0 +1,48 @@
+<template>
+    <div class="row h-100 parentContainer">
+        <div class="col">
+            <loading-component class="fixed-top h-100 bg-white" style="height: 200px; top: 0;" key="1" color="success" v-show="loading"></loading-component>
+            <div class="row justify-content-center b-a b-thick h-100 pointer requestModal" data-type="crossLoginModal" style="border-color: #ffffff3d">
+                <div class="col">
+                    <div class="btn btn-block btn-lg btn-primary b-rad-none no-border"">Login As Exchange</div>
+                </div>
+            </div>
+            <modal-component styleType="fill-in" type="crossLoginModal">
+                <div class="row">
+                    <div class="col text-center">
+                        <div class="row m-b-20">
+                            <div class="col">
+                               <iframe style="width: 500px; height: 600px" src="http://unity.test/test"></iframe>   
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col p-r-5">
+                                <div class="btn btn-sm btn-default btn-block b-rad-none" data-dismiss="modal">Close</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </modal-component>
+        </div>
+    </div>
+
+</template>
+<script>
+    export default {
+        data(){
+            return {
+                loading: false
+            }
+        },
+        methods:{
+            iframeEvent(event) {
+                if(event.origin !== 'http://unity.test') return;
+                console.log(event.data);
+            }
+        },
+        mounted() {
+            window.addEventListener("message", this.iframeEvent, false);
+        },
+    }
+
+</script>
\ No newline at end of file
diff --git a/resources/views/pages/accounts/login.blade.php b/resources/views/pages/accounts/login.blade.php
index 789d3a68..863e7523 100644
--- a/resources/views/pages/accounts/login.blade.php
+++ b/resources/views/pages/accounts/login.blade.php
@@ -26,6 +26,7 @@
                                     <div class="row">
                                         <div class="col">
                                             <login-form-component section="loginSection"></login-form-component>
+                                            <cross-platform-login-form-component section="crossPlatformLoginSection"></cross-platform-login-form-component>
                                         </div>
                                     </div>
                                 </div>