First commit

application/demo/application.js

@@ -0,0 +1,183 @@
+
+
+import minimizeButton 				from './minimizeButton.js';
+
+import leftSide						from './leftSide/leftSide.js';
+ 
+import rightSide					from './rightSide/rightSide.js';
+
+import document						from '/unify/document.js';
+
+import vector2						from '/unify/math/vector2.js';
+
+import flexbox 						from '/elements/flexbox.js';
+
+import frostedGlass					from '/elements/window/frostedGlass.js';
+
+import draggable 					from '/elements/window/draggable.js';
+
+
+
+export default class application extends frostedGlass, flexbox, draggable{
+
+	// Children
+	minimizeButton		= new minimizeButton();
+
+	leftSide			= new leftSide();
+
+	rightSide			= new rightSide();
+
+	// Environment
+	mode				= "development"
+
+	os					= "Windows";
+
+	device				= "Pc";
+
+	tint				= "Dark";
+
+
+	loadThemes			= true;
+
+
+	maxClients			= 1000;
+
+	cacheBuildSpeed		= 4;
+
+	maxClusters			= 1;
+
+	//serverAddress		= "192.168.178.15";
+
+
+	// Styling
+	position			= "absolute";
+
+	borderRadius		= 12;
+
+	boxBackgroundSize	= "1000px 1000px";
+
+	boxTransition		= "background-image 0.1s ease-in-out";
+
+	boxHeight			= "100vh";
+
+	position			= "absolute";
+
+	
+
+	#ifdef ANDROID
+
+		flexDirection			= "column";
+		
+	#else
+
+		flexDirection			= "row";
+
+	#endif
+
+
+
+
+	// Pragma's
+	#ifdef ANDROID
+
+		lastPosition		= new vector2( 0, 0 );
+
+		fontFamily			= "android"; 
+
+		transform			= "translate(0px, 0px)";
+
+	#endif
+
+	#ifdef WINDOWS
+
+		fontFamily	= "SegoeUI";
+
+		#ifdef DARK
+
+			//boxBackgroundImage	= "url('/assets/images/wallpapers/windows/light/2048.png')";
+
+			//backgroundImage		= "url('/assets/images/wallpapers/windows/light/blur_1024.jpg')";
+
+		#endif
+
+		#ifdef LIGHT
+
+			//boxBackgroundImage	= "url('/assets/images/wallpapers/windows/light/2048.jpg')";
+
+			//backgroundImage		= "url('/assets/images/wallpapers/windows/light/blur_1024.jpg')";
+
+		#endif
+
+		border				= "1px solid rgb(65 84 118 / 32%)";
+
+	#endif
+
+
+	#ifdef MACOS
+
+		fontFamily	= "Inter";
+
+		#ifdef DARK
+
+			//boxBackgroundImage	= "url('/assets/images/wallpapers/ventura/dark/dark.jpg')";
+
+			//backgroundImage		= "url('/assets/images/wallpapers/ventura/dark/darkBlur.jpg')";
+
+			border				= "1px solid #8f8f8f59";
+
+			outline				= "1px solid black";
+
+		#endif
+
+		#ifdef LIGHT
+
+			//boxBackgroundImage	= "url('/assets/images/wallpapers/ventura/light/light.jpg')";
+
+			//backgroundImage		= "url('/assets/images/wallpapers/ventura/light/lightBlur.jpg')";
+
+		#endif
+	
+	#endif
+
+	// Methods
+	afterLoad() {
+
+		console.log( "loaded application", this );
+		
+		this.centerObject();
+
+	}
+
+	centerObject() {
+
+		var domWindow		= document.defaultView;
+
+		this.windowHeight	= domWindow.innerHeight;
+
+		this.windowWidth	= domWindow.innerWidth;
+
+
+		var boundBox		= this.defaultElement.getBoundingClientRect();
+
+
+		var width			= boundBox.width;
+
+		var height			= boundBox.height;
+
+
+		var x				= this.windowWidth / 2 - ( width / 2 );
+
+		var y				= this.windowHeight / 2 - ( height / 2 ); 
+
+
+		this.lastPosition		= new vector2( Math.round( x ), Math.round( y ) );
+
+	}
+	
+	click() {
+
+		this.boxShadow = "1px 1px 3px 0px #00000054"
+
+	}
+
+}