Add WebCms

WebCms/Umbraco_Client/Tabview/javascript.js

@@ -0,0 +1,102 @@
+/// <reference path="../Application/NamespaceManager.js" />
+
+Umbraco.Sys.registerNamespace('Umbraco.Controls');
+
+Umbraco.Controls.TabView = (function () {
+    var onChangeEvents = [];
+
+    var obj = {
+        setActiveTab: function (tabviewid, tabid, tabs) {
+            for (var i = 0; i < tabs.length; i++) {
+                jQuery("#" + tabs[i]).attr("class", "tabOff");
+                jQuery("#" + tabs[i] + "layer").hide();
+            }
+
+            var activeTab = jQuery("#" + tabid).attr("class", "tabOn");
+            jQuery("#" + tabid + "layer").show();
+            jQuery("#" + tabviewid + '_activetab').val(tabid);
+
+            // show first tinymce toolbar
+            jQuery(".tinymceMenuBar").hide();
+            jQuery(document).ready(function () {
+                jQuery("#" + tabid + "layer .tinymceMenuBar:first").show();
+            });
+            for (var i = 0; i < onChangeEvents.length; i++) {
+                var fn = onChangeEvents[i];
+                fn.apply(activeTab, [tabviewid, tabid, tabid]);
+            }
+        },
+
+        onActiveTabChange: function (fn) {
+            onChangeEvents.push(fn);
+        },
+
+        resizeTabViewTo: function (TabPageArr, TabViewName, tvHeight, tvWidth) {
+            if (!tvHeight) {
+                tvHeight = jQuery(window).height();   //getViewportHeight();
+                if (document.location) {
+                    tvHeight = tvHeight - 10;
+                }
+            }
+            if (!tvWidth) {
+                tvWidth = jQuery(window).width(); // getViewportWidth();
+                if (document.location) {
+                    tvWidth = tvWidth - 10;
+                }
+            }
+
+            var tabviewHeight = tvHeight - 12;
+
+            jQuery("#" + TabViewName).width(tvWidth);
+            jQuery("#" + TabViewName).height(tabviewHeight);
+
+
+            for (i = 0; i < TabPageArr.length; i++) {
+                scrollwidth = tvWidth - 30;
+                jQuery("#" + TabPageArr[i] + "layer_contentlayer").height((tabviewHeight - 67));
+
+                //document.getElementById(TabPageArr[i] +"layer_contentlayer").style.border = "2px solid #fff";
+
+                jQuery("#" + TabPageArr[i] + "layer_contentlayer").width((tvWidth - 2));
+                jQuery("#" + TabPageArr[i] + "layer_menu").width((scrollwidth));
+                jQuery("#" + TabPageArr[i] + "layer_menu_slh").width((scrollwidth));
+            }
+        },
+
+        tabSwitch: function (direction) {
+            var preFix = "TabView1";
+            var currentTab = jQuery("#" + preFix + "_activetab").val();
+
+            currentTab = currentTab.substr(preFix.length + 4, currentTab.length - preFix.length - 4);
+            var nextTab = Math.round(currentTab) + direction;
+
+            if (nextTab < 10)
+                nextTab = "0" + nextTab;
+
+            // Try to grab the next one!
+            if (nextTab != "00") {
+                if (jQuery("#" + preFix + '_tab' + nextTab) != null) {
+                    setActiveTab(preFix, preFix + '_tab' + nextTab, eval(preFix + '_tabs'));
+                }
+            }
+        }
+    };
+
+    return obj;
+})();
+
+function setActiveTab(tabviewid, tabid, tabs) {
+    Umbraco.Controls.TabView.setActiveTab(tabviewid, tabid, tabs);
+}
+
+function resizeTabView(TabPageArr, TabViewName) {
+    Umbraco.Controls.TabView.resizeTabViewTo(TabPageArr, TabViewName);
+}
+
+function resizeTabViewTo(TabPageArr, TabViewName, tvHeight, tvWidth) {
+    Umbraco.Controls.TabView.resizeTabViewTo(TabPageArr, TabViewName, tvHeight, tvWidth);
+}
+
+function tabSwitch(direction) {
+    Umbraco.Controls.TabView.tabSwitch(direction);
+}

WebCms/Umbraco_Client/Tabview/oldstyle.css

@@ -0,0 +1,76 @@
+    .header {
+      float:left;
+      width:100%;
+      background:#DAE0D2 url("bg.gif") repeat-x bottom;
+      font-size:93%;
+      line-height:normal;
+      }
+    .header ul {
+      margin:0;
+      padding:10px 10px 0;
+      list-style:none;
+      }
+  
+    li.tabOff, li.tabOn {
+      float:left;background:url("left_both.gif") no-repeat left top;
+      margin:0;
+      padding:0 0 0 9px;
+      border-bottom:1px solid #765;
+      color:#000;
+      }
+      
+    a.tabOff, a.tabOn {
+      float:left;
+      display:block;
+      width:.1em;
+      background:url("right_both.gif") no-repeat right top;
+      padding:5px 15px 4px 6px;
+      text-decoration:none;
+      font-weight:bold;
+      color:#765;
+      }
+
+    .header > ul a {width:auto;}
+
+    #header a:hover {
+    
+      color:#333;
+      }
+      
+    .header li:hover, .header li:hover a {
+    	  background-position:0% -150px;
+    	  color:#333;
+      }
+    
+     .header li:hover a {
+      	background-position:100% -150px;
+      }
+    
+    li.tabOn {
+      background-position:0 -150px;
+      border-width:0;
+      }
+
+    li.tabOn a {
+      background-position:100% -150px;
+      padding-bottom:5px;
+      color:#333;
+      }
+    .layer {
+      display:none;
+     }
+     
+     .menubar {
+	     background:#F5F5F5;
+	     height:32px;
+	     width:100%;
+	     float:left;
+	     border-bottom:1px solid #919B9C;
+	    }
+	 
+.tabpagecontainer {
+	border-bottom:1px solid #919B9C;
+	border-left:1px solid #919B9C;
+	border-right:1px solid #919B9C;
+	height:99%;
+	}

WebCms/Umbraco_Client/Tabview/style.css

@@ -0,0 +1,130 @@
+.header {
+	float:left;	
+	width:100%;
+	background: #fff url(images/bg.gif) repeat-x bottom;
+	font-size:11px;
+	line-height:normal;
+  font-family: "Trebuchet MS", verdana, arial;
+  font-size: 11px;
+  font-weight: normal;
+
+}
+.header ul {
+	margin:0;
+	padding:0px 0px 0;
+	list-style:none;
+}
+.header li {
+	display:inline;
+	
+	margin:0;
+	padding:0;
+}
+
+.header a {
+	float:left;
+	background:url(images/left_both.gif) no-repeat left top;
+	margin:0;
+	padding:0 0 0 9px;
+	border-bottom:1px solid #CAC9C9;
+	text-decoration:none;
+	outline: none;
+}
+.header a span {
+	float:left;
+	display:block;
+	background:url(images/right_both.gif) no-repeat right top;
+	padding:4px 15px 0px 6px;
+	font-weight:bold;
+	color:#65787A;
+}
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+.header a span {
+	float:none;
+	
+}
+/* End IE5-Mac hack */
+
+.header a:hover span {
+	color:#333;
+}
+
+.header a:hover {
+	background-position:0% -150px;
+	
+}
+
+.header a:hover span {
+	background-position:100% -150px;
+}
+
+.header ul li.tabOn a {
+      background-position:0 -150px;
+      border-width:0;	
+}
+
+.header ul li.tabOn a span {
+	background-position:100% -150px;
+	padding-bottom:1px;
+	color:#333;
+}
+    
+.tabpage 
+{
+  display: none;
+	background:#ffffff;
+	padding: 0px; margin: 0px;
+	clear:both;
+	z-index: 1;
+}
+
+	
+.tabpagescrollinglayer 
+{
+	clear:both;
+	overflow: auto;
+	padding: 0px; margin: 0px;
+	position: relative;
+}
+
+
+.tabpagescrollinglayer .tabpageContent{margin: 0px; padding: 0px 10px 0px 10px;}
+
+.menubar {
+	background-image: url(../tabView/images/background.gif);
+	height:32px;
+	width: auto;
+	display: block;
+	border-bottom:1px solid #CAC9C9;
+	padding: 0px; margin: 0px;
+}
+ 
+.tabpagecontainer {
+  border-left:1px solid #CAC9C9;
+	border-right:1px solid #CAC9C9;
+	}
+
+.tabOff .mceEditorContainer{display: none !Important;}
+    
+   .footer {
+    height: 12px;
+    margin: 0;
+    padding: 0px;
+    background: url(images/footer_bg.gif) 11px 11px repeat-x #fff;
+    overflow: hidden;
+    clear: both;
+    position: relative;
+    }
+    
+    .footer .status h2 {
+    margin: 0px;
+    font-weight: bold;
+    text-align: left;
+    font-family: "Trebuchet MS", verdana, arial;
+    font-size: 10px; color: #378080;
+    display: block;
+    }
+    
+    .footer .status{height: 12px; margin: 0px; overflow: hidden; background: url(images/footer_statusBar_bg.gif) top left no-repeat;}
+    .footer .status h2{display: block; height: 12px; overflow: hidden; margin: 0px; padding: 0px; background: url(images/footer_statusBar_h2_bg.gif) top right no-repeat;}