Commits

Udi Bauman committed c5179e6

Initial diagram & source tabs

Comments (0)

Files changed (2)

           <div class="well sidebar-nav">
             <ul class="nav nav-list">
               <li class="nav-header">Project 1</li>
-              <li class="active"><a href="#">Clas Diagram 1</a></li>
+              <li class="active"><a href="#">Class Diagram 1</a></li>
               <li><a href="#">Diagram 2</a></li>
               <li><a href="#">Diagram 3</a></li>
               <li><a href="#">Diagram 4</a></li>
         </div><!--/span-->
         <div class="span9">
           <div class="hero-unit">
-            <h1>Class Diagram 1</h1>
+            <h2>Class Diagram 1</h2>
             <p>This is the diagram description.</p>
-            <p><a class="btn btn-primary btn-large">Source &raquo;</a></p>
           </div>
 
+            <ul id="tab" class="nav nav-tabs">
+                <li class="active"><a href="#diagram" data-toggle="tab">Diagram</a></li>
+                <li class=""><a href="#source" data-toggle="tab">Source</a></li>
+            </ul>
+            <div id="myTabContent" class="tab-content">
+                <div class="tab-pane fade active in" id="diagram">
+                    <div id="diagram_widget" style="width: 675px; height: 360px;"></div>
+                </div>
+                <div class="tab-pane fade" id="source">
+                    <textarea id="source_input" rows="20" style="width: 675px; height: 341px;"></textarea>
+                </div>
+            </div>
+
         </div><!--/span-->
       </div><!--/row-->
 
       </footer>
 
     </div><!--/.fluid-container-->
+
     
     <!-- Le javascript
     ================================================== -->
     <script src="js/bootstrap-collapse.js"></script>
     <script src="js/bootstrap-carousel.js"></script>
     <script src="js/bootstrap-typeahead.js"></script>
+    <script src="js/model-models.js"></script>
+    <script src="js/model-widgets.js"></script>
 
   </body>
 </html>

js/model-widgets.js

+/**
+ * User: udibauman
+ * Date: 2/2/12
+ * Time: 7:22 PM
+ */
+
+
+
+
+$(function () {
+    $('a[data-toggle="tab"]').on('shown', function (e) {
+
+
+    })
+});