Giter Club home page Giter Club logo

blur-admin's Introduction

Build Status

BlurAdmin Angular admin panel front-end framework

Customizable admin panel framework made with ❤️ by Akveo team. Follow us on Twitter to get latest news about this template first!

Demo

Mint version demo Blur version demo
Mint version demo Blur version demo

Angular 2 version

Here you can find Angular2 based version: ng2-admin.

Documentation

Installation, customization and other useful articles: https://akveo.github.io/blur-admin/

If you have problems installing and just want to download JS and css files, you can find download links here: http://akveo.github.io/blur-admin/articles/091-downloads/

How can I support developers?

  • Star our GitHub repo
  • Create pull requests, submit bugs, suggest new features or documentation updates
  • Follow us on Twitter
  • Like our page on Facebook

Can I hire you guys?

Yes! We are available for hire. Visit our homepage or simply leave us a note to [email protected]. We will be happy to work with you!

Features

  • Responsive layout
  • High resolution
  • Bootstrap CSS Framework
  • Sass
  • Gulp build
  • AngularJS
  • Jquery
  • Charts (amChart, Chartist, Chart.js, Morris)
  • Maps (Google, Leaflet, amMap)
  • etc

License

MIT license.

From akveo

Enjoy! We're always happy to hear your feedback.

blur-admin's People

Contributors

denstrigo avatar esadouski avatar julioc avatar kostyadanovsky avatar lugovsky avatar luqihang avatar nnixaa avatar polo2ro avatar q-nick avatar sashaskywalker avatar smartapant avatar tatocaster avatar tibing-old-email avatar tndrm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

blur-admin's Issues

Dashboard PieGraph- percentage does not autofill on pageload

Hi,

Firstly incredible work. Seriously!

However- the percentages for the Dashboard pie charts (the first element) does not display when the page first loads. If I re-fresh the page- the percentages load. Also, if I'm using my localhost server (to access my API) then it works.

This happens in all browsers/devices I've tested.

Possibly the call is missing on page load?

I'm using the data-percent as the directive to get the percentage to display (line 5 of dashboardPieChart.html)

<div class="chart" rel="{{ ::chart.color }}" data-percent="{{ ::chart.percent }}"> <span class="percent"></span> </div>

My "DashboardPieChartCtrl.js" looks like this. I presume the problem is caused by the onStep:

function DashboardPieChartCtrl($scope, $log, pieApi, $timeout, $element, baUtil, baConfig, $window) {
    var pieColor = baUtil.hexToRGB(baConfig.colors.defaultText, 0.2);
    pieApi.getApiData()
            .then(function (result) {
                console.log('Piechart data',result.data);
                $scope.charts = result.data;
            })
            .catch(function (err) {
                $log.error(err);
            });

    function loadPieCharts() {
      $('.chart').each(function () {
        var chart = $(this);
        chart.easyPieChart({
          easing: 'easeOutBounce',
          onStep: function (from, to, percent) {
            $(this.el).find('.percent').text(Math.round(percent));
          },
          barColor: chart.attr('rel'),
          trackColor: 'rgba(0,0,0,0)',
          size: 84,
          scaleLength: 0,
          animation: 2000,
          lineWidth: 9,
          lineCap: 'round',
        });
      });
    }

    $timeout(function () {
      loadPieCharts();
    }, 1000);
  };

Gulp

When I Running 'gulp' CMD Command In Root Folder
And gulp running good and creating release folder and .tmp folder...

But Project not compiling good And index.html not created in release folder!

How to fix This Problem?

Accordion panel

I am trying to make a basic panel (the transparent one not bootstrap) with accordion functionality. I cannot get the actual panel to change from bootstrap white to blur themed clear.

<uib-accordion>
    <uib-accordion-group is-open="true" heading="Bosses" panel-class="accordion-panel" >

Error: Error: Chart.js is not installed.

Sorry. I can a little speak english. My problem ...

[05:10:08] Using gulpfile /usr/share/nginx/html/blur-admin/gulpfile.js
[05:10:08] Starting 'scripts'...
[05:10:09] Starting 'styles'...
[05:10:09] Starting 'stylesAuth'...
[05:10:09] Starting 'styles404'...
[05:10:09] Starting 'copyVendorImages'...
[05:10:09] Finished 'copyVendorImages' after 27 ms
[05:10:09] Finished 'styles404' after 486 ms
[05:10:09] Starting 'inject404'...
[05:10:09] Finished 'stylesAuth' after 497 ms
[05:10:09] Starting 'injectAuth'...
[05:10:09] gulp-inject 1 files into 404.html.
stream.js:74
throw er; // Unhandled stream error in pipe.
^

Error: Error: Chart.js is not installed. Try running bower install.
at /usr/share/nginx/html/blur-admin/node_modules/wiredep/wiredep.js:30:56
at /usr/share/nginx/html/blur-admin/node_modules/wiredep/lib/detect-dependencies.js:145:29
at forOwn (/usr/share/nginx/html/blur-admin/node_modules/wiredep/node_modules/lodash/dist/lodash.js:2106:15)
at Function.forEach (/usr/share/nginx/html/blur-admin/node_modules/wiredep/node_modules/lodash/dist/lodash.js:3303:9)
at detectDependencies (/usr/share/nginx/html/blur-admin/node_modules/wiredep/lib/detect-dependencies.js:34:7)
at wiredep (/usr/share/nginx/html/blur-admin/node_modules/wiredep/wiredep.js:70:39)
at DestroyableTransform._transform (/usr/share/nginx/html/blur-admin/node_modules/wiredep/wiredep.js:135:34)
at DestroyableTransform.Transform._read (/usr/share/nginx/html/blur-admin/node_modules/wiredep/node_modules/readable-stream/lib/_stream_transform.js:184:10)
at DestroyableTransform.Transform._write (/usr/share/nginx/html/blur-admin/node_modules/wiredep/node_modules/readable-stream/lib/_stream_transform.js:172:12)
at doWrite (/usr/share/nginx/html/blur-admin/node_modules/wiredep/node_modules/readable-stream/lib/_stream_writable.js:237:10)

inject

sidebar menu

How you guys updating sidebar menu .I am not getting the particular file.Please help me.

Unable to load a view that doesn't exist in the sidemenu

Hi,

I have a module called courses which is loading ok. When loaded it shows list.html which is a list of the courses.
Each course can then be edited by going to the courses.edit state but because this isn't loaded into the menu I can't do it.

I can see the URL changing to courses/edit/mycourseID but the content in the ui-view does not change.

Can you point me in the right direction to get around this?

(function () {
'use strict';

angular.module('BlurAdmin.pages.courses', [])
.config(routeConfig);

/** @ngInject */
function routeConfig($stateProvider, $urlRouterProvider) {
$stateProvider

  .state('courses', {
      url: '/courses',
      title: 'Courses',
      templateUrl: 'app/pages/courses/list.html',
      controller: 'CoursesController',
      controllerAs: 'vm',
      sidebarMeta: {
        icon: 'fa fa-trophy',
        order: 120,
      },
    })
    .state('courses.edit', {
      url: '/edit/:ID',
      templateUrl: 'app/pages/courses/edit/edit.html',
      controller: 'CourseEditController',
      controllerAs: 'vm'
    });
  }

})();

Scrolling

The page (any page) is a bit sluggish when scrolling

side menu animation on click.

Having some issue with left menu when it's minimized, on-click that panel don't roll to right side.
on demo http://akveo.com/blur-admin/#/dashboard it working ok. but when i use git's verion - it's not working sub-menu are expanding, but the main left menu don't roll.
In install process only that error came up, of course i use 1.4.0....

Unable to find a suitable version for angular, please choose one by typing one of the numbers below:
1) angular#1.3.x which resolved to 1.3.20 and is required by angular-morris-chart#1.1.0
2) angular#1.4.10 which resolved to 1.4.10 and is required by angular-animate#1.4.10, angular-route#1.4.10, angular-touch#1.4.10
3) angular#>=1.3.0 which resolved to 1.4.10 and is required by angular-bootstrap#0.14.3, angular-toastr#1.7.0
4) angular#~1.x which resolved to 1.4.10 and is required by angular-progress-button-styles#0.1.0, angular-xeditable#0.1.12
5) angular#^1.0.0 which resolved to 1.4.10 and is required by angular-smart-table#2.1.8
6) angular#>=1.2.x which resolved to 1.4.10 and is required by angular-ui-sortable#0.13.4
7) angular#^1.0.8 which resolved to 1.4.10 and is required by angular-ui-router#0.2.18
8) angular#~1.4.8 which resolved to 1.4.10 and is required by blur-admin
9) angular#^1.2.28 which resolved to 1.4.10 and is required by angular-chartist.js#3.3.13
10) angular#1.4.x which resolved to 1.4.10 and is required by angular-chart.js#0.8.9
11) angular#~1.4 which resolved to 1.4.10 and is required by ng-js-tree#0.0.8
12) angular#>=1.3.x which resolved to 1.4.10 and is required by textAngular#1.4.6

I've matched tag from my local copy and demo site
demo
<a ng-mouseenter="hoverItem($event, item)" ng-if="item.subMenu" href="" ng-click="toggleSubMenu($event, item)" class="al-sidebar-list-link ng-scope ng-click-active"><i class="ion-stats-bars"></i><span class="ng-binding">Charts</span> <!-- ngIf: item.subMenu --><b class="fa ng-scope fa-angle-down" ng-class="{'fa-angle-up': item.expanded, 'fa-angle-down': !item.expanded}" ng-if="item.subMenu"></b><!-- end ngIf: item.subMenu --></a>

localhost
<a ng-mouseenter="hoverItem($event, item)" ng-if="::item.subMenu" class="al-sidebar-list-link ng-scope" ba-ui-sref-toggler="item.stateRef"><i class="ion-stats-bars"></i><span class="ng-binding">Charts</span> <!-- ngIf: ::item.subMenu --><b class="fa fa-angle-down ng-scope" ui-sref-active="fa-angle-up" ng-if="::item.subMenu"></b><!-- end ngIf: ::item.subMenu --></a>

What wrong?

{ npm: '2.15.1',
ares: '1.10.1-DEV',
http_parser: '2.5.2',
icu: '56.1',
modules: '46',
node: '4.4.4',
openssl: '1.0.2h',
uv: '1.8.0',
v8: '4.5.103.35',
zlib: '1.2.8' }

Problem with gulp build

Hi!

When i run gulp build in a blur-admin project it gives me the following error:

Error: Cannot find module 'gulp-minify-html' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at requireFn (C:\MAMP\htdocs\blur-admin\node_modules\gulp-load-plugins\index.js:40:16) at Object.defineProperty.get (C:\MAMP\htdocs\blur-admin\node_modules\gulp-load-plugins\index.js:65:18) at Gulp.<anonymous> (C:\MAMP\htdocs\blur-admin\gulp\build.js:16:12) at module.exports (C:\MAMP\htdocs\blur-admin\node_modules\orchestrator\lib\runTask.js:34:7) at Gulp.Orchestrator._runTask (C:\MAMP\htdocs\blur-admin\node_modules\orchestrator\index.js:273:3) at Gulp.Orchestrator._runStep (C:\MAMP\htdocs\blur-admin\node_modules\orchestrator\index.js:214:10)

I already included the module. And i already test the generator-gulp-angular in another project and works fine. Only on this one i have this problem.

Problem with gulp command.

hi i have a problem with gulp command , would someone please compile the template and send me the realase folder . thanks

Build Source

When I run npm install , then get the follow error, my development environment is windows 10 and visual studio 2015. what wrong?

image

ba-sidebar directive

i dont know if i should wrote this as issue or feature request, i'll let you decide.

  1. currently you can add menu using baServiceProvider the thing is, if the menu was to be generated dynamically after user logging in. the list of menu are generated from database. the title property didn't actually update the title & breadcrumb inside ui-view. any idea how i should do it ?
    and it cant have order.
  2. this is actually the first problem i found with the ba-sidebar, then i resolve to the problem number.
    this is illustration how my route designed currently. all in state name.
    • login
    • app -> abstract
    • app.dashboard
    • app.charts -> abstract
    • app.charts.********

i wanted the menu to be generated like

  • dashboard
  • charts
    • chart 1
    • chart 2

i havent actually got very far. when i describe

$stateProvider
      .state('login', {
        url: '/login',
        templateUrl: 'app/user/login/user-login.html',
        controller: 'LoginController',
        controllerAs: 'vm',
        title: 'Login',
        sidebarMeta: {
          icon: 'ion-log-in',
          order: 1
        }
      })
      .state('app', {
        abstract: true,
        url: '/app',
        templateUrl: 'app/layout/layout.html'
      })
      .state('app.dashboard', {
        url: '/dashboard',
        templateUrl: 'app/pages/dashboard/dashboard.html',
        title: 'Dashboard',
        sidebarMeta: {
          icon: 'ion-android-home',
          order: 0
        }
      })

the sidebar did not have app.dashboard item. only login

Possibility of Angular 2.0 based Theme?

@akveo,
This is really nice theme you've created. I would like to know if you have some future plan for Angular 2.0 based theme as well. Since many developers are using angular 2.0 Beta and new component based solutions, Is it possible to have this theme based on it?

Thanks & nice work!!

Option for alternative non-blur effect

I get that the blur effect is a big design feature of the theme, but it's still an expensive operation. Background-positioning a 1920x1080px image on 11 panels still produces visible lag on high-end hardware, even after some GPU optimization.

You can get a very close representation of the blur effect by removing the background image and tweaking the background color:

body.badmin-transparent .panel.panel-blur, body.badmin-transparent .panel.panel-blur:hover {
    border-color: rgba(0,0,0,.5);
    background-image:none;
    background-color: rgba(243, 243, 243, 0.15);
}

The resulting effect is much faster scrolling and lag reduction, but the background diagonal shader lines are more noticeable through the panels (not very desirable). This compromise might be enough to satisfy some users' needs. Here are some screenshots for comparison - left side is the tweaked version, right side is the original:

page top

halfway down

I'm sure you folks have already considered this, but judging by the number of people complaining about scroll lag on your blog post it might be worth making a comment about this somewhere.

Thanks for the awesome theme and your hard work!

edit: I see that you have done exactly this for mobile devices ;)

some proposal

I had see yours article on habr and may suppose some reason why it's was rejected.
for very first: did you realy use lintener? some, not too mach, code slightly smell. root diff eslint against jshint it's needs to configure them, a lot.
second, how about DI strict mode, may be you use some kind of transpillers for it? if so, I'm sorry and this point not about you project.
next: bootstrap well enough as first approach, but, as for me it's too hardly dependecy for production, and you try to avoid this one.
and last, but not least, where is folder tests and script test in package.json?

bootstrap-select with angular

The select picker directive does not work with ng-options or just a simple ng-repeat consistently. On rare rare occasion the drop down will render. My guess is the below is the issue.

setTimeout(function() { elem.selectpicker({dropupAuto: false}); }, 0);

UI-route problem with sub-menu

Hi,

sorry in advance for my awful english, I'll try to explain my problem more clearly as i can.
When I install the template in local, I cannot navigate from "menu level 1.2.1" because angular-ui-router could not resolve ' ' from state.

screen shot 2016-05-20 at 11 31 08

problem with npm install

npm WARN deprecated [email protected]: unnecessary duplicate of gulp-minify-css
npm WARN install Couldn't install optional dependency: Unsupported
npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Users\lepat\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "install"
npm ERR! node v5.10.1
npm ERR! npm v3.3.12
npm ERR! file C:\Users\lepat\AppData\Roaming\npm-cache\pinkie-promise\1.0.0\package\package.json
npm ERR! code EJSONPARSE

npm ERR! Failed to parse json
npm ERR! Unexpected token '\u0000' at 1:1
npm ERR!
npm ERR! ^
npm ERR! File: C:\Users\lepat\AppData\Roaming\npm-cache\pinkie-promise\1.0.0\package\package.json
npm ERR! Failed to parse package.json data.
npm ERR! package.json must be actual JSON, not just JavaScript.
npm ERR!
npm ERR! This is not a bug in npm.
npm ERR! Tell the package author to fix their package.json file. JSON.parse

npm ERR! Please include the following file with any support request:

Chartist 0.9.7 compatibility

Originally we were using Chartist 0.9.5 version. Now when latest version is 0.9.7 page with charts look like this:

Chartist js 0.9.7

In mobile version background image is hidden by solid background with $body-bg color

Can be fixed by comment one line in the following code but I'm not sure that this is correct:

File /blur-admin/src/sass/theme/_layout.scss:24

body.mobile{
  background: none;
  .body-bg{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: inherit;
    /*background-color: $body-bg;*/
  }
  &.blur-theme {
    @include main-background();
  }
}

To reproduce do the following steps:

  1. Open http://akveo.com/blur-admin/#/dashboard in Chrome
  2. Enable "Device mode" and choose iPhone 5 emulation
  3. Refresh page and light-gray background will appear

gulp return error on

I’m having problems to run gulp to build sources inside the extracted folder and someone can help me to solve it.
I already have run “npm install” having just some warnings, but the gulp return error on the config-validator.js. I can’t figure out how to fix it.

[root@XX XXXXX blur-admin-master]# /usr/local/bin/gulp
[13:54:32] Using gulpfile /usr/local/blur-admin-master/gulpfile.js
[13:54:32] Starting 'clean'...
[13:54:32] Finished 'clean' after 26 ms
[13:54:32] Starting 'default'...
[13:54:32] Starting 'scripts'...
[13:54:32] Starting 'styles'...
[13:54:33] Starting 'stylesAuth'...
[13:54:33] Starting 'styles404'...
[13:54:33] Starting 'copyVendorImages'...
[13:54:33] Starting 'partials'...
[13:54:33] Starting 'fonts'...
[13:54:33] Finished 'default' after 379 ms
[13:54:33] Finished 'fonts' after 36 ms
[13:54:33] Finished 'copyVendorImages' after 87 ms
[13:54:33] Starting 'other'...
/usr/local/blur-admin-master/node_modules/eslint/lib/config/config-validator.js:102
    throw new Error(message.join(""));
    ^

Error: /usr/local/.eslintrc:
    Configuration for rule "comma-dangle" is invalid:
    Value "only-multiline" must be an enum value.

at validateRuleOptions (/usr/local/blur-admin-master/node_modules/eslint/lib/config/config-validator.js:102:8)
at /usr/local/blur-admin-master/node_modules/eslint/lib/config/config-validator.js:148:13
at Array.forEach (native)
at Object.validate (/usr/local/blur-admin-master/node_modules/eslint/lib/config/config-validator.js:147:35)
at Object.load (/usr/local/blur-admin-master/node_modules/eslint/lib/config/config-file.js:390:19)
at loadConfig (/usr/local/blur-admin-master/node_modules/eslint/lib/config.js:74:33)
at getLocalConfig (/usr/local/blur-admin-master/node_modules/eslint/lib/config.js:177:23)
at Config.getConfig (/usr/local/blur-admin-master/node_modules/eslint/lib/config.js:272:22)
at processText (/usr/local/blur-admin-master/node_modules/eslint/lib/cli-engine.js:203:27)
at CLIEngine.executeOnText (/usr/local/blur-admin-master/node_modules/eslint/lib/cli-engine.js:686:26)
[root@XXXXXXX blur-admin-master]#

I appreciate the attention

building bug: Chart.js not found

The following error has been raised during theme building: Chart.js seems not to be installed, but actually it is inside app/vendors.
Any suggestion to solve it, and proceed with the theme building?
After I cloned the repo, I run

npm install
bower install
gulp build

and i get the following:

gulp-inject 1 files into 404.html.
stream.js:74
      throw er; // Unhandled stream error in pipe.
      ^
Error: Error: Chart.js is not installed. Try running "bower install".
    at /blur-admin/node_modules/wiredep/wiredep.js:30:56
    at /blur-admin/node_modules/wiredep/lib/detect-dependencies.js:145:29
    at forOwn (/blur-admin/node_modules/wiredep/node_modules/lodash/dist/lodash.js:2106:15)
    at Function.forEach (/blur-admin/node_modules/wiredep/node_modules/lodash/dist/lodash.js:3303:9)
    at detectDependencies (/blur-admin/node_modules/wiredep/lib/detect-dependencies.js:34:7)
    at wiredep (/blur-admin/node_modules/wiredep/wiredep.js:70:39)
    at DestroyableTransform._transform (/blur-admin/node_modules/wiredep/wiredep.js:135:34)
    at DestroyableTransform.Transform._read (/blur-admin/node_modules/wiredep/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:184:10)
    at DestroyableTransform.Transform._write (/blur-admin/node_modules/wiredep/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:172:12)
    at doWrite (/blur-admin/node_modules/wiredep/node_modules/through2/node_modules/readable-stream/lib/_stream_writable.js:237:10)

How to use a angular admin theme

This is a question. I'm not sure how to use this theme with my application.

Basically I have a page with a landing page and I'm trying to use a dashboard theme. So if a user logs in they will be redirected to the dashboard. Would I install your theme as a bower install and use it or how would it work.

I've never used existing admin themes before, that is why I have this question.

Thanks,

Need documentation to work with services

Hi Team,

I am a beginner here and I need a documentation on how to work with services and controllers with this blur admin dashboard. It would be great if you respond asap.

Thanks

ui-router and submenu

Hi,

I want create a child page for a state in my sidebar, but i won't create submenu for that child, how I can do this? I really have to create a static content page?

$stateProvider
            .state('dashboard', {
                url: '/dashboard',
                templateUrl: 'app/pages/dashboard/dashboard.html',
                title: 'Dashboard',
                sidebarMeta: {
                    icon: 'ion-android-home',
                    order: 0,
                },
            })
           .state('dashboard.clients', {
                url: '/clients',
                controller: 'ClientsPageCtrl',
                controllerAs: 'vm',
                title: 'Clients',
                templateUrl: 'app/pages/clients/clientsTemplate.html',
                sidebarMeta: {
                    icon: 'ion-person-stalker',
                    order: 300
                },
            });

Integrate with asp.net

Hello,

I would like to integrate the theme with asp.net MVC, but I can not separate the layers, do not know which file is the server side and client side is which.

Can you help me ? Thank you.

run gulp error

At "Run gulp to build sources",

[12:54:44] Using gulpfile ~/blur-admin/gulpfile.js
[12:54:44] Starting 'clean'...
[12:54:44] Finished 'clean' after 30 ms
[12:54:44] Starting 'default'...
[12:54:44] Starting 'scripts'...
[12:54:44] Starting 'styles'...
[12:54:45] 'styles' errored after 51 ms
[12:54:45]Error: ENOENT: no such file or directory, scandir '/blur-admin/node_modules/.npminstall/node-sass/3.5.1/node-sass/vendor'
at Error (native)
at Object.fs.readdirSync (fs.js:808:18)
at Object.getInstalledBinaries (/blur-admin/node_modules/.npminstall/node-sass/3.5.1/node-sass/lib/extensions.js:60:13)
at foundBinariesList (/blur-admin/node_modules/.npminstall/node-sass/3.5.1/node-sass/lib/errors.js:19:15)
at foundBinaries (/blur-admin/node_modules/.npminstall/node-sass/3.5.1/node-sass/lib/errors.js:14:5)
at Object.module.exports.missingBinary (/blur-admin/node_modules/.npminstall/node-sass/3.5.1/node-sass/lib/errors.js:44:5)
at Object. (/blur-admin/node_modules/.npminstall/node-sass/3.5.1/node-sass/lib/index.js:14:28)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
[12:54:45] Finished 'default' after 262 ms
[12:54:45] gulp-inject 56 files into main.scss.
[12:54:46] all files 229.97 kB
[12:54:46] Finished 'scripts' after 1.75 s

NPM Installation Issue

1st time Nodes.js user. I can't seem to be able to install this package. Any expert here can help out?

I tried both node-v4.4.5 and node-v6.2.0.

image

Integrate with ASP.NET MVC 5

Hello Sir,
I would like to integrate this template with asp.net MVC 5, but I can not separate the layers, do not know which file is the server side and client side is which.because it has only js file.
how can I build it into HTML like AdminLte ?
how can I integrate it with ASP MVC 5

I found this solution :
This is just HTML template, so you can consider each file in it as client-side.
In any case our build is based on this generator https://github.com/Swiip/generator-gulp-angular/. So regarding file structure you can refer to its docs

But I still misunderstand it.
Could you help me ?

Thanks !!!

how to use it with jsp ?

hello
thank you for this really awesome template
i tried to work with this template with Jsp but unfortunately it doesn't work
screen shot 2016-05-16 at 9 36 34 am
can you please tell me how or why it doesn't work
based on the demo i saw i really like this template
thank you a lot

backTop and slimScroll is not a function

Hi all,
I have tried to integrate blurAdmin with ASP.Net and I met big one problem with javascript

vendor-3eb5f18f5d.js:28226 TypeError: $(...).backTop is not a function
vendor-3eb5f18f5d.js:28226 TypeError: $(...).slimScroll is not a function

Could you help me ?
Thanks you guy!!!!!!!!!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.