Problem with bootstrap Theme

@walid89 wrote:

Hey there,
I am a beginner in EmberJs i'have a problem with Gentelella Bootstrap Template . I imported the theme correctly but on click nothing Work ( Toggle button & li menu ) this is my Code

- ember-cli-build.js

/*jshint node:true*/
/* global require, module */
var EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function(defaults) {
var app = new EmberApp(defaults, {
// Add options here
});
// Style-Sheets Import
//Bootstrap
app.import('bower_components/gentelella/vendors/bootstrap/dist/css/bootstrap.min.css');
//Font-awesome
app.import('bower_components/gentelella/vendors/font-awesome/css/font-awesome.min.css');
//NProgress
app.import('bower_components/gentelella/vendors/nprogress/nprogress.css')
//iCheck
app.import('bower_components/gentelella/vendors/iCheck/skins/flat/grey.css');
//Bootstrap-progressbar
app.import('bower_components/gentelella/vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css');
//JQVMap
app.import('bower_components/gentelella/vendors/jqvmap/dist/jqvmap.min.css');
//Bootstrap-daterangepicker
app.import('bower_components/gentelella/vendors/bootstrap-daterangepicker/daterangepicker.css');
//Custom Theme Style
app.import('bower_components/gentelella/build/css/custom.min.css');
//Font-awesome
app.import('bower_components/gentelella/vendors/font-awesome/fonts/fontawesome-webfont.ttf', {
destDir: 'fonts'
});
app.import('bower_components/gentelella/vendors/font-awesome/fonts/fontawesome-webfont.woff', {
destDir: 'fonts'
});
app.import('bower_components/gentelella/vendors/font-awesome/fonts/fontawesome-webfont.woff2', {
destDir: 'fonts'
});
//Bootstrap Fonts
app.import('bower_components/gentelella/vendors/bootstrap/dist/fonts/glyphicons-halflings-regular.woff', {
destDir: 'fonts'
});
app.import('bower_components/gentelella/vendors/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2', {
destDir: 'fonts'
});
// Js Import
//jQuery
app.import('bower_components/gentelella/vendors/jquery/dist/jquery.min.js');
//Bootstrap
app.import('bower_components/gentelella/vendors/bootstrap/dist/js/bootstrap.min.js');
//FastClick
app.import('bower_components/gentelella/vendors/fastclick/lib/fastclick.js');
//NProgress
app.import('bower_components/gentelella/vendors/nprogress/nprogress.js');
//Chart.js
app.import('bower_components/gentelella/vendors/Chart.js/dist/Chart.min.js');
//Gauge.js
app.import('bower_components/gentelella/vendors/gauge.js/dist/gauge.min.js');
//Bootstrap-progressbar
app.import('bower_components/gentelella/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js');
//iCheck
app.import('bower_components/gentelella/vendors/iCheck/icheck.min.js');
//Skycons
app.import('bower_components/gentelella/vendors/skycons/skycons.js');
//Flot_library
app.import('bower_components/gentelella/vendors/Flot/jquery.flot.js');
app.import('bower_components/gentelella/vendors/Flot/jquery.flot.pie.js');
app.import('bower_components/gentelella/vendors/Flot/jquery.flot.time.js');
app.import('bower_components/gentelella/vendors/Flot/jquery.flot.stack.js');
app.import('bower_components/gentelella/vendors/Flot/jquery.flot.resize.js');
//Flot_library
app.import('bower_components/gentelella/vendors/flot.orderbars/js/jquery.flot.orderBars.js');
app.import('bower_components/gentelella/vendors/flot-spline/js/jquery.flot.spline.min.js');
app.import('bower_components/gentelella/vendors/flot.curvedlines/curvedLines.js');
//DateJS
app.import('bower_components/gentelella/vendors/DateJS/build/date.js');
//JQVMap
app.import('bower_components/gentelella/vendors/jqvmap/dist/jquery.vmap.js');
app.import('bower_components/gentelella/vendors/jqvmap/dist/maps/jquery.vmap.world.js');
app.import('bower_components/gentelella/vendors/jqvmap/examples/js/jquery.vmap.sampledata.js');
//Bootstrap-daterangepicker
app.import('bower_components/gentelella/vendors/moment/min/moment.min.js');
app.import('bower_components/gentelella/vendors/bootstrap-daterangepicker/daterangepicker.js');

//Custom Theme Scripts
app.import('bower_components/gentelella/build/js/custom.min.js');

return app.toTree();
};

- application.hbs ( div toggle ) collapse don't work

        <ul class="nav navbar-nav navbar-right">
          <li class="">
            <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
              <img src="images/img.jpg" alt="">John Doe
              <span class=" fa fa-angle-down"></span>
            </a>
            <ul class="dropdown-menu dropdown-usermenu pull-right">
              <li><a href="javascript:;"> Profile</a></li>
              <li>
                <a href="javascript:;">
                  <span class="badge bg-red pull-right">50%</span>
                  <span>Settings</span>
                </a>
              </li>
              <li><a href="javascript:;">Help</a></li>
              <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
            </ul>
          </li>

          <li role="presentation" class="dropdown">
            <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
              <i class="fa fa-envelope-o"></i>
              <span class="badge bg-green">6</span>
            </a>
            <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
              <li>
                <a>
                  <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
                  <span>
                 <span>John Smith</span>
                  <span class="time">3 mins ago</span>
                  </span>
                  <span class="message">
                 Film festivals used to be do-or-die moments for movie makers. They were where...
               </span>
                </a>
              </li>
              <li>
                <a>
                  <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
                  <span>
                 <span>John Smith</span>
                  <span class="time">3 mins ago</span>
                  </span>
                  <span class="message">
                 Film festivals used to be do-or-die moments for movie makers. They were where...
               </span>
                </a>
              </li>
              <li>
                <a>
                  <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
                  <span>
                 <span>John Smith</span>
                  <span class="time">3 mins ago</span>
                  </span>
                  <span class="message">
                 Film festivals used to be do-or-die moments for movie makers. They were where...
               </span>
                </a>
              </li>
              <li>
                <a>
                  <span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
                  <span>
                 <span>John Smith</span>
                  <span class="time">3 mins ago</span>
                  </span>
                  <span class="message">
                 Film festivals used to be do-or-die moments for movie makers. They were where...
               </span>
                </a>
              </li>
              <li>
                <div class="text-center">
                  <a>
                    <strong>See All Alerts</strong>
                    <i class="fa fa-angle-right"></i>
                  </a>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </div>
  <!-- /top navigation -->

Thank you for your help

Posts: 1

Participants: 1

Read full topic