add apple auth button

@@ -187,15 +187,6 @@ module Kanjai
         end
         end
       end
       end
 
 
-      str = "<meta name='appleid-signin-client-id' content='com.appdocks8'>"
-      str += "<meta name='appleid-signin-scope' content='email name'>"
-      str += "<meta name='appleid-signin-redirect-uri' content='https://www.appdocks8.com/register'>"
-      str += "<meta name='appleid-signin-state' content='#{session[:state]}'>"
-      str += "<meta name='appleid-signin-nonce' content='#{session[:nonce]}'>"
-      str += "<meta name='appleid-signin-use-popup' content='true'>"
-
-      layer.gsub!('</head>', str + '</head>')
-
       return layer
       return layer
 
 
     end
     end

-<div id="appleid-signin"></div>
+<div id="appleid-signin" data-type="sign in"></div>
 <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
 <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
 <style>
 <style>
     #appleid-signin {
     #appleid-signin {
         width: 210px;
         width: 210px;
         height: 40px;
         height: 40px;
     }
     }
-</style>
+</style>
+<script type="text/javascript">
+	AppleID.auth.init({
+    clientId : 'com.appdocks8',
+    scope : 'email name',
+    redirectURI : 'https://www.appdocks8.com/register',
+    usePopup : true
+  });
+
+	document.addEventListener('AppleIDSignInOnSuccess', (event) => {
+		alert('success');
+	    // Handle successful response.
+	    console.log(event.detail.data);
+	});
+
+	// Listen for authorization failures.
+	document.addEventListener('AppleIDSignInOnFailure', (event) => {
+	  alert('error');
+	     console.log(event.detail.error);
+	});
+
+</script>

 module Kanjai
 module Kanjai
-  VERSION = "0.0.313"
+  VERSION = "0.0.314"
 end
 end