added import menu

css/main.css

@@ -69,7 +69,7 @@ nav .btn {
 }
 
 #menuWrapper {
-    min-width: 400px;
+    width: 400px;
     height: 100%;
     z-index: 2;
     position: absolute;

js/menus/ImportMenuView.js

+/**
+ * Created by aghassaei on 1/26/15.
+ */
+
+
+ImportMenuView = Backbone.View.extend({
+
+    el: "#menuContent",
+
+    events: {
+    },
+
+    initialize: function(){
+
+        _.bindAll(this, "render");
+    },
+
+    render: function(){
+        this.$el.html(this.template());
+    },
+
+    template: _.template('\
+        Rotate:<br/>\
+        Scale:<br/><br/>\
+        <span class="btn btn-default btn-file fullWidth">\
+            Upload STL<input id="uploadMesh" type="file">\
+       </span><br/><br/>\
+        <div class="btn-group fullWidth">\
+            <button data-toggle="dropdown" class="btn btn-default dropdown-toggle fullWidth" type="button">Select Model <span class="caret"></span></button>\
+            <ul role="menu" class="dropdown-menu">\
+              <li><a class="selectMesh" data-file="Airbus_A300-600.stl" href="#">Plane</a></li>\
+            </ul>\
+        </div><!-- /btn-group -->')
+
+});
\ No newline at end of file

js/menus/LatticeMenuView.js

@@ -25,14 +25,6 @@ LatticeMenuView = Backbone.View.extend({
         Scale:<br/>\
         Column Separation:<br/><br/>\
         <a href="#" class=" btn btn-block btn-lg btn-default">Clear All Cells</a><br/>\
-        <span class="btn btn-default btn-file fullWidth">\
-            Upload STL<input id="uploadMesh" type="file">\
-       </span><br/><br/>\
-        <div class="btn-group fullWidth">\
-            <button data-toggle="dropdown" class="btn btn-default dropdown-toggle fullWidth" type="button">Select Model <span class="caret"></span></button>\
-            <ul role="menu" class="dropdown-menu">\
-              <li><a class="selectMesh" data-file="Airbus_A300-600.stl" href="#">Plane</a></li>\
-            </ul>\
-        </div><!-- /btn-group -->')
+        ')
 
 });
\ No newline at end of file

js/menus/MenuWrapper.js

@@ -9,6 +9,7 @@ function MenuWrapper(){
 
     //init all tab view controllers
     var latticeMenu = new LatticeMenuView();
+    var importMenu = new ImportMenuView();
     var sketchMenu = new SketchMenuView();
     var partMenu = new PartMenuView();
     var scriptMenu = new ScriptMenuView();
@@ -28,6 +29,8 @@ function MenuWrapper(){
         var tabName = $this.parent().data('name');
         if (tabName == "lattice"){
             latticeMenu.render();
+        } else if (tabName == "import"){
+            importMenu.render();
         } else if (tabName == "sketch"){
             sketchMenu.render();
         } else if (tabName == "part"){

main.html

@@ -55,16 +55,14 @@
     <script src="js/menus/MenuWrapper.js"></script>
     <script src="js/menus/Navbar.js"></script>
     <script src="js/menus/LatticeMenuView.js"></script>
+    <script src="js/menus/ImportMenuView.js"></script>
     <script src="js/menus/PartMenuView.js"></script>
     <script src="js/menus/SketchMenuView.js"></script>
     <script src="js/menus/ScriptMenuView.js"></script>
     <script src="js/threeViews/threeView.js"></script>
+    <script src="js/menus/exportMenu.js"></script>
 
     <script src="js/main.js"></script>
-
-
-    <!--<script src="js/views/elementMenu.js"></script>-->
-    <script src="js/menus/exportMenu.js"></script>
     <link rel="stylesheet" type="text/css" href="css/main.css">
 
 </head>
@@ -103,7 +101,8 @@
 <div id="menuWrapper">
     <ul class="nav nav-tabs nav-justified">
       <li role="presentation" class="active" data-name="lattice"><a href="#">Lattice</a></li>
-        <li role="presentation" data-name="sketch"><a href="#">Sketch</a></li>
+      <li role="presentation" data-name="import"><a href="#">Import</a></li>
+      <li role="presentation" data-name="sketch"><a href="#">Sketch</a></li>
       <li role="presentation" data-name="part"><a href="#">Part</a></li>
       <li role="presentation" data-name="script"><a href="#">Script</a></li>
     </ul>