Merge pull request #2632 from angular-fullstack/fix-no-ui-bootstrap

fix(ui-bootstrap): fixing errors when using bootstrap without ui-bootstrap

Author: Awk34

Diff for: templates/app/client/components/directives.module.js

@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { CollapseModule } from 'ng2-bootstrap';
+<% if(filters.uibootstrap) { %>
+import { CollapseModule } from 'ng2-bootstrap';<% } %>
 
 <%_ if (filters.uirouter) { -%>
 import { UIRouterModule } from 'ui-router-ng2';<% } %>
@@ -17,7 +18,7 @@ import { OauthButtonsComponent } from './oauth-buttons/oauth-buttons.component';
 @NgModule({
   imports: [
     CommonModule,
-    CollapseModule,
+  <% if(filters.uibootstrap) { %>CollapseModule,<% } %>
     AuthModule,
     <%_ if (filters.uirouter) { -%>
     UIRouterModule,<% } %>

Diff for: templates/app/client/components/navbar/navbar.html

@@ -9,7 +9,7 @@
       </button>
       <a href="/" class="navbar-brand"><%= lodash.slugify(lodash.humanize(appname)) %></a>
     </div>
-    <div [collapse]="isCollapsed" class="navbar-collapse collapse" id="navbar-main">
+    <div <% if(filters.uibootstrap) { %>[collapse]="isCollapsed"<% } %> class="navbar-collapse collapse" id="navbar-main">
       <ul class="nav navbar-nav">
         <li *ngFor="let item of menu" <% if(filters.uirouter) { %>uiSrefActive="active"<% } else { %>routerLinkActive="active"<% } %>>
             <a <% if(filters.uirouter) { %>uiSref="{{item.state}}"<% } else { %>routerLink="{{item.link}}"<% } %>>{{item.title}}</a>