First commit

application/demo/pages/newsItemPage.js

@@ -0,0 +1,134 @@
+
+
+
+import newsListTable				from '../list/news.list.table.js';
+
+import createNews					from '../edit/news.edit.js';
+
+import header 						from '/elements/header.js';
+
+import button 						from '/elements/button.js';
+
+import toggle 						from '/elements/toggle.js';
+
+import newsDialogButton				from './newsDialogButton.js';
+
+import searchWidget					from './search.widget.js';
+
+import tableControl					from './newsItemPage.tableControl.js';
+	
+import testbutton					from "./testButton.js";
+
+export default class newsItemPage{
+
+	layers				= 1;
+
+	overflowY			= "auto";
+
+	width				= "-webkit-fill-available";
+	
+	flexDirection		= "column";
+
+	transition			= "1s"
+
+	willChange			= "transform";
+
+	overflowX			= "none"
+
+	transform;
+
+	#ifdef MACOS
+
+		#ifdef DARK
+
+			background		= "#282828";
+
+		#endif
+
+		#ifdef LIGHT
+
+			background		= "#ffffff";
+
+		#endif
+
+	#endif
+
+
+	#ifdef WINDOWS
+
+		#ifdef DARK
+
+			background		= "#202020cc";
+
+		#endif
+
+		#ifdef LIGHT
+
+			background		= "rgb(255 255 255 / 75%)";
+
+		#endif
+
+	#endif
+
+	
+
+	marginLeft				= "0"
+
+	sizing				= "border-box";
+
+
+	#ifdef ANDROID
+
+		width					= "100vw";
+
+		padding					= "0";
+
+	#else
+
+		width					= 600;
+
+		padding					= 20;
+
+	#endif
+
+
+
+	newsListHeader			= new header("News Items");
+
+	searchWidget			= new searchWidget();
+
+	newsListTable			= new newsListTable();
+
+	tableControl			= new tableControl();
+
+	createNews	        	= new createNews();
+
+	testbutton				= new testbutton();
+
+	newsDialogButton		= new newsDialogButton();
+
+
+
+
+	#ifdef ANDROID
+
+		height		= "100vh";
+
+		paddingTop	= "";
+
+		boxWidth	= "100vw";
+
+		width		= "100vw";
+
+		#ifdef LIGHT
+
+			background		= "#f2f2f2";
+
+		#endif
+
+
+	#endif
+
+
+}
+