Updating WebView example

AtomicWebView/Resources/Components/WebView.js

@@ -1,61 +1,52 @@
 "atomic component";
 
-var WIDTH = 900;
-var HEIGHT = 640;
-//UI component
-exports.component = function(self) {
-
-    //create a new UIView
-    var view = new Atomic.UIView();
-
-    // Create a UIWindow
-    var window = new Atomic.UIWindow();
-    // It will only have a title bar and won't be resizeable or have a close button
-    // window.settings = Atomic.UI_WINDOW_SETTINGS_TITLEBAR;
-    window.text = "UIWebView";
-    window.setSize(WIDTH, HEIGHT);
-
-    // The Web View
-    var webView = new WebView.UIWebView("https://ace.c9.io/build/kitchen-sink.html");
-    //var webView = new WebView.UIWebView("https://store.steampowered.com");
-    //var webView = new WebView.UIWebView("https://pixlcore.com/demos/webcamjs/demos/basic.html");
-    //var webView = new WebView.UIWebView("https://getmosh.io/");
-
-    //var webView = new WebView.UIWebView("http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_textarea");
+var WIDTH = 1080;
+var HEIGHT = 600;
 
+// Create the UI view
+var view = new Atomic.UIView();
 
-    window.addChild(webView);
-
-    // Add to main UI view and center
-    view.addChild(window);
-    window.center();
+//UI component
+exports.component = function(self) {
 
-}
+  function createTab(url) {
 
+    var button = new Atomic.UIButton();
+    button.text = url;
+    button.urlEnabled = false;
+    tabLayout.addChild(button);
 
-/*
-var webClient = new WebView.WebClient();
-var webTexture2D = new WebView.WebTexture2D(512, 512);
+    var webView = new WebView.UIWebView(url);
+    contentRoot.addChild(webView);
 
-webClient.webRenderHandler = webTexture2D;
-WebView.browserHost.createBrowser(webClient);
+  }
 
-var inspectorFields = {
-    speed: 1.0,
-    url: "https://www.youtube.com/watch?v=sGbxmsDFVnE"
-}
+  var window = new Atomic.UIWindow();
+  window.text = "UIWebView Example Browser";
+  window.setSize(WIDTH, HEIGHT);
 
-exports.component = function(self) {
+  var tabContainer = new Atomic.UITabContainer();
+  tabContainer.gravity = Atomic.UI_GRAVITY_ALL;
 
-    var sprite = self.node.getComponent("StaticSprite2D");
-    sprite.customMaterial = webTexture2D.material;
+  var contentRoot = tabContainer.contentRoot;
+  var tabLayout = tabContainer.tabLayout;
 
-    self.update = function(timeStep) {
+  createTab("http://atomicgameengine.com/blog/development-digest-4/");
+  createTab("https://store.steampowered.com/");
+  createTab("https://github.com/AtomicGameEngine/AtomicGameEngine");
 
-        //self.node.rotate2D(timeStep * 75 * self.speed);
+  tabContainer.currentPage = 0;
 
-    }
+  // Add to main UI view and center
+  window.addChild(tabContainer);
+  view.addChild(window);
+  window.center();
 
 }
 
-*/
+// The Web View
+//var webView = new WebView.UIWebView("https://ace.c9.io/build/kitchen-sink.html");
+//var webView = new WebView.UIWebView("https://store.steampowered.com");
+//var webView = new WebView.UIWebView("https://pixlcore.com/demos/webcamjs/demos/basic.html");
+//var webView = new WebView.UIWebView("https://getmosh.io/");
+//var webView = new WebView.UIWebView("http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_textarea");

AtomicWebView/Resources/Scenes/Scene.scene

@@ -5,8 +5,8 @@
 	<attribute name="Smoothing Constant" value="50" />
 	<attribute name="Snap Threshold" value="5" />
 	<attribute name="Elapsed Time" value="0" />
-	<attribute name="Next Replicated Node ID" value="372" />
-	<attribute name="Next Replicated Component ID" value="1987" />
+	<attribute name="Next Replicated Node ID" value="377" />
+	<attribute name="Next Replicated Component ID" value="1992" />
 	<attribute name="Next Local Node ID" value="16778496" />
 	<attribute name="Next Local Component ID" value="16777216" />
 	<attribute name="Variables" />