summaryrefslogtreecommitdiffstats
path: root/dgbuilder/public/red/ui/tabs.js
diff options
context:
space:
mode:
Diffstat (limited to 'dgbuilder/public/red/ui/tabs.js')
-rw-r--r--dgbuilder/public/red/ui/tabs.js127
1 files changed, 0 insertions, 127 deletions
diff --git a/dgbuilder/public/red/ui/tabs.js b/dgbuilder/public/red/ui/tabs.js
deleted file mode 100644
index aa207583..00000000
--- a/dgbuilder/public/red/ui/tabs.js
+++ /dev/null
@@ -1,127 +0,0 @@
-/**
- * Copyright 2013 IBM Corp.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-
-RED.tabs = (function() {
-
-
- function createTabs(options) {
- var tabs = {};
-
- var ul = $("#"+options.id)
- ul.addClass("red-ui-tabs");
- ul.children().first().addClass("active");
- ul.children().addClass("red-ui-tab");
-
- function onTabClick() {
- activateTab($(this));
- return false;
- }
-
- function onTabDblClick() {
- if (options.ondblclick) {
- options.ondblclick(tabs[$(this).attr('href').slice(1)]);
- }
- return false;
- }
-
- function activateTab(link) {
- if (typeof link === "string") {
- link = ul.find("a[href='#"+link+"']");
- }
- if (!link.parent().hasClass("active")) {
- ul.children().removeClass("active");
- link.parent().addClass("active");
- if (options.onchange) {
- options.onchange(tabs[link.attr('href').slice(1)]);
- }
- }
- }
-
- function updateTabWidths() {
- var tabs = ul.find("li.red-ui-tab");
- var width = ul.width();
- var tabCount = tabs.size();
- var tabWidth = (width-6-(tabCount*7))/tabCount;
- var pct = 100*tabWidth/width;
- tabs.css({width:pct+"%"});
- }
-
- ul.find("li.red-ui-tab a").on("click",onTabClick).on("dblclick",onTabDblClick);
- updateTabWidths();
-
-
- function removeTab(id) {
- var li = ul.find("a[href='#"+id+"']").parent();
- if (li.hasClass("active")) {
- var tab = li.prev();
- if (tab.size() === 0) {
- tab = li.next();
- }
- activateTab(tab.find("a"));
- }
- li.remove();
- if (options.onremove) {
- options.onremove(tabs[id]);
- }
- delete tabs[id];
- updateTabWidths();
- }
-
- return {
- addTab: function(tab) {
- tabs[tab.id] = tab;
- var li = $("<li/>",{class:"red-ui-tab"}).appendTo(ul);
- var link = $("<a/>",{href:"#"+tab.id, class:"red-ui-tab-label"}).appendTo(li);
- link.html(tab.label);
-
- link.on("click",onTabClick);
- link.on("dblclick",onTabDblClick);
- if (tab.closeable) {
- var closeLink = $("<a/>",{href:"#",class:"red-ui-tab-close"}).appendTo(li);
- closeLink.html('<i class="fa fa-times" />');
-
- closeLink.on("click",function(event) {
- removeTab(tab.id);
- });
- }
- updateTabWidths();
- if (options.onadd) {
- options.onadd(tab);
- }
- link.attr("title",tab.label);
- if (ul.find("li.red-ui-tab").size() == 1) {
- activateTab(link);
- }
- },
- removeTab: removeTab,
- activateTab: activateTab,
- resize: updateTabWidths,
- count: function() {
- return ul.find("li.red-ui-tab").size();
- },
- contains: function(id) {
- return ul.find("a[href='#"+id+"']").length > 0;
- }
-
- }
- }
-
- return {
- create: createTabs
- }
-})();