absolidix integration

absolidix/embed/embed.meta.tree

@@ -0,0 +1 @@
+deploy \optimade/cifplayer/absolidix/logo/logo.svg

absolidix/embed/embed.view.css.ts

@@ -0,0 +1,20 @@
+namespace $.$$ {
+
+	$mol_style_define( $optimade_cifplayer_absolidix_embed, {
+
+		height: '4rem',
+		width: '4rem',
+		zIndex: 1,
+
+		Open_popup: {
+			padding: $mol_gap.block,
+		},
+
+		Logo: {
+			height: '100%',
+			width: '100%',
+		},
+
+	} )
+
+}

absolidix/embed/embed.view.tree

@@ -0,0 +1,7 @@
+$optimade_cifplayer_absolidix_embed $mol_view
+	sub /
+		<= Open_popup $mol_button_minor
+			sub /
+				<= Logo $mol_image
+					uri \optimade/cifplayer/absolidix/logo/logo.svg
+			click? <=> open_popup? null

absolidix/embed/embed.view.ts

@@ -0,0 +1,20 @@
+namespace $.$$ {
+	export class $optimade_cifplayer_absolidix_embed extends $.$optimade_cifplayer_absolidix_embed {
+
+		open_popup( next?: any ) {
+
+			const popup = window.open( '/popup.html', 'transferPopup', 'width=400,height=300' )
+			window.addEventListener( 'message', ( event ) => {
+				if( event.origin === window.location.origin ) {
+					if( event.data.status === 'success' ) {
+						console.log( 'Token transfer successful' )
+					} else {
+						console.log( 'Token transfer failed' )
+					}
+				}
+			} )
+
+		}
+
+	}
+}

absolidix/popup/popup.view.tree

@@ -0,0 +1,4 @@
+$optimade_cifplayer_absolidix_popup $mol_view
+	sub /
+		<= Login $mol_button_major
+			click? <=> login? null

absolidix/popup/popup.view.ts

@@ -0,0 +1,14 @@
+namespace $.$$ {
+	export class $optimade_cifplayer_absolidix_popup extends $.$optimade_cifplayer_absolidix_popup {
+
+		login() {
+			try {
+				//auth
+				window.opener.postMessage( { status: 'success' }, window.location.origin )
+			} catch( error ) {
+				window.opener.postMessage( { status: 'failed', error: '' }, window.location.origin )
+			}
+		}
+
+	}
+}

player/player.web.view.css.ts

@@ -115,6 +115,12 @@ namespace $.$$ {
 			zIndex: 1,
 		},
 
+		Absolidix: {
+			position: 'absolute',
+			bottom: 0,
+			right: 0,
+		},
+
 		Switch_overlay: {
 			justify: {
 				content: 'center'

player/player.web.view.tree

@@ -118,6 +118,7 @@ $optimade_cifplayer_player $mol_view
 						\
 							\display none
 						S \elements
+		<= Absolidix $optimade_cifplayer_absolidix_embed
 		^ message_visible /
 			<= Error_card $mol_card
 				title <= error \