Work towards tabbed panels. Still very broken

Packages/worklist/components/tabTitle/tabTitle.html

@@ -0,0 +1,8 @@
+<template name="tabTitle">
+    <li role="presentation" class="tabTitle">
+        <a data-target="#{{contentid}}" role="tab" data-toggle="tab">
+            {{title}}
+            <a class="close">x</a>
+        </a>
+    </li>
+</template>

Packages/worklist/components/tabTitle/tabTitle.js

@@ -0,0 +1,21 @@
+Template.tabTitle.events({
+    'click .close': function(e) {
+        var tab = $(e.currentTarget).parents('[data-toggle="tab"]').eq(0);
+        var contentId = tab.data("target").replace("#","");
+        var tabObjectId = tabs.find({contentid: contentId}).fetch()[0]._id;
+        tabs.remove(tabObjectId);
+
+        var tabIndex = tab.index();
+        var newActiveTabIndex = Math.max(tabIndex - 1, 0);
+        if (newActiveTabIndex === 0) {
+            $('a[data-target="#worklistTab"]').addClass('active').tab('show');
+            return;
+        }
+
+        var newActiveTab = $(".tabTitle").eq(newActiveTabIndex);
+        var newContentId = newActiveTab.data("contentid");
+
+        var tabObject = tabs.find({contentId: newContentId}).fetch()[0];
+        tabObject.active = true;
+    }
+});

Packages/worklist/components/tabTitle/tabTitle.styl

@@ -0,0 +1,8 @@
+.tabTitle
+  a
+    padding: 0 5px
+    
+    a.close
+      font-size: 16pt
+      padding: 0 5px
+      font-weight: normal