Discussion on Pages - Admin Dashboard Template with Angular 6, Bootstrap 4 & HTML

Are you planning to release this in reactJS any time soon?

I would like to request access to the Rails gem, my github account is: jmschilstra.

Hello,

I purchased your theme a few days ago. Your Angular ts code is a bit of a mess. Sorry to say that, but you have to use something like Prettier to make it look clean. You should also use tslint.. You cannot sell code that is so messy..

Any plans on upgrading to Angular 6/7 ? I like your theme but not being updated to latest version is kind of a deal-breaker. Will await your reply before buying it or acquiring another template. Thanks, Vlad

Hi,

https://github.com/revoxltd/pages-rails-sample Which versions of rubies and rails do you need to use? What are the versions you recommend?

Can you review the errors?

ruby 2.2.10p489 (2018-03-28 revision 63023) [x86_64-darwin17] Rails 4.2.0 https://i.hizliresim.com/oXAm52.png

Hi,

I implemented this theme with Laravel and Vue.js. In Vue.js I have two layouts. For layout1 i have a component sidebar1 and for layout 2 component sidebar2. For example: when I access route ’/test1’ goes in layout1 and when I access route ’/test2’ goes in layout2. If my sidebar is pinned it works fine, but if my sidebar is not pinned when I switch from route ’/test1’(layout1) in ’/test2’(layout2) my sidebar remains stuck. (If i change routes with the same layout it works fine.) The problem is when I change between layouts, sidebar remains stuck forever. Please help me. Thank you!

A piece of code from vue (app.js): const router = new VueRouter({ mode: 'history', routes: [ { path: '/', component: Vue.component( 'MainLayout', require( './layouts/Main.vue' ) ), children: [ { path: '/test', name: 'test', component: Vue.component( 'Test', require( './views/Test.vue' ) ) }, ] }, { path: '/dashboard', component: Vue.component( 'DashboardLayout', require( './layouts/Dashboard.vue' ) ), children: [ { path: 'test', name: 'test2', component: Vue.component( 'Test2', require( './views/Test2.vue' ) ) }, ] } ], }); and in my Laravel (resources -> views -> main.blade.php) ... <div id="app"> <router-view></router-view> </div> <!-- BEGIN VENDOR JS --> <script src="{{ asset('assets/plugins/pace/pace.min.js') }}"></script> <script src="{{ asset('assets/plugins/jquery/jquery-3.2.1.min.js') }}"></script> <script src="{{ mix('js/app.js') }}"></script> ... <script src="{{ asset('pages/js/pages.js') }}"></script>

I am totally disappointed about the quality of your code. I want a refund.

Hi,

in the document says that I need to run: ng build—prod to copy the files to the demo folder. Where could I change the directory?

Thanks.

Hello

The responsive behavior of datatables is become a 1 column. That is not easy to read and follow.

We are trying to get our datatables to be responsive like https://datatables.net/extensions/responsive/examples/styling/bootstrap.html

But we can’t get them to behave like it. The still become 1 column tables rather than drop the right far column into more + details.

Any ideas? How do I need to set the styles or div? Suggestions?

Hello, I have a problem with the dropdown menu. For some reason it won’t open or close. Would it be possible to send you an e-mail so you can have a look on it?

There’s a slight error in” _tabs_accordian.scss” file on line number 142. The curly bracket supposes to close on line 141 instead of 160.

I can’t make the Angular version work. I run “npm install” then “ng serve”, but I can’t navigate anywhere. It seems that the Angular router is broken, when I click on a menu item (or navigate to http://localhost:4200/condensed/) nothing happens and on the console I see the following error:

vendor.js:41159 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'condensed'
Error: Cannot match any routes. URL Segment: 'condensed'
    at ApplyRedirects.push../node_modules/@angular/router/fesm5/router.js.ApplyRedirects.noMatchError (vendor.js:70910)
    at CatchSubscriber.selector (vendor.js:70891)
    at CatchSubscriber.push../node_modules/rxjs/_esm5/internal/operators/catchError.js.CatchSubscriber.error (vendor.js:122222)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (vendor.js:118283)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (vendor.js:118263)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (vendor.js:118283)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (vendor.js:118263)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (vendor.js:118283)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.error (vendor.js:118263)
    at TapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/tap.js.TapSubscriber._error (vendor.js:126955)
    at resolvePromise (polyfills.js:8719)
    at resolvePromise (polyfills.js:8676)
    at polyfills.js:8778
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:8326)
    at Object.onInvokeTask (vendor.js:43297)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:8325)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (polyfills.js:8093)
    at drainMicroTaskQueue (polyfills.js:8500)