Blur Admin 0.1

.gitignore

@@ -0,0 +1,52 @@
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion
+
+*.iml
+
+## Directory-based project format:
+.idea/
+# if you remove the above rule, at least ignore the following:
+
+# User-specific stuff:
+# .idea/workspace.xml
+# .idea/tasks.xml
+# .idea/dictionaries
+
+# Sensitive or high-churn files:
+# .idea/dataSources.ids
+# .idea/dataSources.xml
+# .idea/sqlDataSources.xml
+# .idea/dynamic.xml
+# .idea/uiDesigner.xml
+
+# Gradle:
+# .idea/gradle.xml
+# .idea/libraries
+
+# Mongo Explorer plugin:
+# .idea/mongoSettings.xml
+
+## File-based project format:
+*.ipr
+*.iws
+
+## Plugin-specific files:
+
+# IntelliJ
+/out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+
+node_modules
+gulp.1
+build
+
+/src/release

gulpfile.js

@@ -0,0 +1,163 @@
+var gulp = require('gulp');
+
+var sass = require('gulp-sass');
+var autoprefix = require('gulp-autoprefixer');
+var minifyCSS = require('gulp-minify-css');
+var concat = require("gulp-concat");
+var changed = require('gulp-changed');
+var imagemin = require('gulp-imagemin');
+var stripDebug = require('gulp-strip-debug');
+var uglify = require('gulp-uglify');
+
+gulp.task('sass-404', function () {
+  return gulp.src(['./src/assets/css/404.scss'])
+      .pipe(sass().on('error', sass.logError))
+      .pipe(gulp.dest('./src/release/css/'));
+});
+
+gulp.task("minify-404-css", ['sass-404'], function () {
+  return gulp.src(["./src/assets/css/lib/bootstrap.min.css", "./src/release/css/404.css"])
+      .pipe(concat("404.min.css"))
+      .pipe(autoprefix('last 2 versions'))
+      .pipe(minifyCSS())
+      .pipe(gulp.dest("./src/release/css/"))
+});
+
+gulp.task('sass-auth', function () {
+  return gulp.src(['./src/assets/css/auth.scss'])
+      .pipe(sass().on('error', sass.logError))
+      .pipe(gulp.dest('./src/release/css/'));
+});
+
+gulp.task("minify-auth-css", ['sass-auth'], function () {
+  return gulp.src(["./src/assets/css/lib/bootstrap.min.css", "./src/release/css/auth.css"])
+      .pipe(concat("auth.min.css"))
+      .pipe(autoprefix('last 2 versions'))
+      .pipe(minifyCSS())
+      .pipe(gulp.dest("./src/release/css/"))
+});
+
+gulp.task('sass', function () {
+  return gulp.src(['./src/assets/css/main.scss'])
+      .pipe(sass().on('error', sass.logError))
+      .pipe(gulp.dest('./src/release/css/'));
+});
+
+gulp.task("minify-css", ['minify-404-css', 'minify-auth-css', 'sass'], function () {
+  return gulp.src(["./src/assets/css/lib/*.css", "./src/release/css/main.css"])
+      .pipe(concat("index.min.css"))
+      .pipe(autoprefix('last 2 versions'))
+      .pipe(minifyCSS())
+      .pipe(gulp.dest("./src/release/css/"))
+});
+
+var imgSrc = [
+  './src/assets/img/*',
+  './src/assets/pictures/*',
+  './src/app/pages/dashboard/widgets/timeline/img/*',
+  './src/app/pages/profile/img/*',
+  './src/app/pages/icons/widgets/kameleon/*',
+  './src/assets/js/lib/amChart/images/*',
+  './src/app/pages/maps/widgets/leaflet/images/*',
+];
+gulp.task('imagemin', function () {
+  var imgDst = './src/release/img/';
+  gulp.src(imgSrc).pipe(changed(imgDst)).pipe(imagemin()).pipe(gulp.dest(imgDst));
+});
+
+gulp.task('js', function () {
+  var libSrc = [
+    "./src/assets/js/global-variables.js",
+    "./src/assets/js/lib/jquery.min.js",
+    "./src/assets/js/lib/jquery-ui.min.js",
+    "./src/assets/js/lib/angular.min.js",
+    "./src/assets/js/lib/angular-route.js",
+    "./src/assets/js/lib/bootstrap.min.js",
+    "./src/assets/js/lib/sortable.js",
+    "./src/assets/js/lib/highlight.js",
+    "./src/assets/js/lib/bootstrap-switch.min.js",
+    "./src/assets/js/lib/bootstrap-select.js",
+    "./src/assets/js/lib/bootstrap-tagsinput.js",
+    "./src/assets/js/lib/amChart/amcharts.js",
+    "./src/assets/js/lib/amChart/serial.js",
+    "./src/assets/js/lib/amChart/funnel.js",
+    "./src/assets/js/lib/amChart/pie.js",
+    "./src/assets/js/lib/amChart/amstock.js",
+    "./src/assets/js/lib/amChart/ammap.js",
+    "./src/assets/js/lib/amChart/worldLow.js",
+    "./src/assets/js//lib/amChart/blur.js",
+    "./src/app/pages/maps/widgets/leaflet/lib/leaflet.js",
+    "./src/app/pages/maps/widgets/google-maps/lib/google-maps.js",
+    "./src/app/pages/modals/widgets/notifications/lib/angular-toastr.tpls.js"
+  ];
+  var src = [
+    "./src/app/app.js",
+    "./src/app/components/widgets/widgets.js",
+    "./src/app/components/sidebar/sidebar.js",
+    "./src/app/components/pageTop/pageTop.js",
+    "./src/app/pages/dashboard/dashboard.js",
+    "./src/app/pages/buttons/buttons.js",
+    "./src/app/pages/charts/charts.js",
+    "./src/app/pages/icons/icons.js",
+    "./src/app/pages/profile/profile.js",
+    "./src/app/pages/tables/tables.js",
+    "./src/app/pages/typography/typography.js",
+    "./src/app/pages/form/layouts/layouts.js",
+    "./src/app/pages/form/inputs/inputs.js",
+    "./src/app/common/directives/autoFocus.js",
+    "./src/app/common/directives/autoExpand.js",
+    "./src/app/common/directives/animatedChange.js",
+    "./src/app/common/directives/zoomIn.js",
+    "./src/app/pages/dashboard/widgets/calendar/lib/moment.min.js",
+    "./src/app/pages/dashboard/widgets/calendar/lib/fullcalendar.min.js",
+    "./src/app/pages/dashboard/widgets/calendar/calendar.js",
+    "./src/app/pages/dashboard/widgets/todo/todo.js",
+    "./src/app/components/pieCharts/lib/jquery.easing.min.js",
+    "./src/app/components/pieCharts/lib/jquery.easypiechart.min.js",
+    "./src/app/components/pieCharts/pieCharts.js",
+    "./src/app/pages/dashboard/widgets/amChart/amChart.js",
+    "./src/app/components/backTop/lib/jquery.backTop.js",
+    "./src/app/components/backTop/backTop.js",
+    "./src/app/components/msgCenter/msgCenter.js",
+    "./src/app/pages/dashboard/widgets/amChartMap/amChartMap.js",
+    "./src/app/pages/dashboard/widgets/timeline/timeline.js",
+    "./src/app/pages/dashboard/widgets/chart/lib/Chart.min.js",
+    "./src/app/pages/dashboard/widgets/chart/chart.js",
+    "./src/app/pages/charts/widgets/areaChart/areaChart.js",
+    "./src/app/pages/charts/widgets/barChart/barChart.js",
+    "./src/app/pages/charts/widgets/funnelChart/funnelChart.js",
+    "./src/app/pages/charts/widgets/lineChart/lineChart.js",
+    "./src/app/pages/charts/widgets/pieChart/pieChart.js",
+    "./src/app/pages/form/inputs/widgets/switch/switch.js",
+    "./src/app/pages/form/inputs/widgets/select/select.js",
+    "./src/app/pages/form/inputs/widgets/tagsInput/tagsInput.js",
+    "./src/app/pages/profile/profileModal/profileModal.js",
+    "./src/app/common/controllers/mainCtrl.js",
+    "./src/app/pages/maps/maps.js",
+    "./src/app/pages/maps/widgets/leaflet/leaflet.js",
+    "./src/app/pages/maps/widgets/google-maps/google-maps.js",
+    "./src/app/pages/maps/widgets/map-bubbles/map-bubbles.js",
+    "./src/app/pages/maps/widgets/map-lines/map-lines.js",
+    "./src/app/pages/modals/modals.js",
+    "./src/app/pages/modals/widgets/notifications/notifications.js"
+  ];
+  var dst = './src/release/js/';
+
+  gulp.src(libSrc).pipe(concat('lib.min.js')).pipe(uglify()).pipe(gulp.dest(dst));
+  gulp.src(src).pipe(concat('bundle.min.js')).pipe(uglify()).pipe(gulp.dest(dst));
+});
+
+gulp.task('font', function() {
+  var fontSrc = './src/assets/css/fonts/*';
+  var fontDst = './src/release/fonts/';
+
+  gulp.src(fontSrc).pipe(gulp.dest(fontDst));
+});
+
+gulp.task("watch", function () {
+  gulp.watch(["./src/app/**/*.css", "./src/assets/**/*.css", "./**/*.scss "], ["minify-css"]);
+  gulp.watch(imgSrc, ["imagemin"]);
+  gulp.watch(["./src/app/**/*.js", "./src/assets/**/*.js"], ["js"]);
+});
+
+gulp.task("init", ["minify-css", "imagemin", "js", "font"]);

package.json

@@ -0,0 +1,15 @@
+{
+  "name": "blur_admin",
+  "version": "0.0.1",
+  "devDependencies": {
+    "gulp": "^3.9.0",
+    "gulp-autoprefixer": "^2.3.1",
+    "gulp-changed": "^1.3.0",
+    "gulp-concat": "^2.6.0",
+    "gulp-imagemin": "^2.3.0",
+    "gulp-minify-css": "^1.2.1",
+    "gulp-sass": "^2.0.4",
+    "gulp-strip-debug": "^1.0.2",
+    "gulp-uglify": "^1.4.0"
+  }
+}

src/404.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Blur Admin</title>
+
+  <link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
+
+  <link rel="icon" type="image/png" href="/release/img/favicon_16x16.png" sizes="16x16">
+  <link rel="icon" type="image/png" href="/release/img/favicon_32x32.png" sizes="32x32">
+
+  <link rel="stylesheet" href="release/css/404.min.css">
+
+  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="assets/js/lib/html5shiv.min.js"></script>
+  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
+
+  <!--[if lte IE 8]>
+  <script language="javascript" type="text/javascript" src="assets/js/lib/excanvas.min.js"></script><![endif]-->
+</head>
+<body>
+<div class="page-not-found-modal">
+  <h1>404 Error</h1>
+
+  <p>Sorry, that page doesn't exist. <a href="/">Go to Home Page.</a></p>
+</div>
+</body>
+</html>

src/app/app.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var app = angular.module('BlurAdmin', [
+  'ui.sortable',
+  'ngRoute',
+  'BlurAdmin.dashboard',
+  'BlurAdmin.buttonsPage',
+  'BlurAdmin.chartsPage',
+  'BlurAdmin.formInputsPage',
+  'BlurAdmin.formLayoutsPage',
+  'BlurAdmin.iconsPage',
+  'BlurAdmin.mapsPage',
+  'BlurAdmin.modalsPage',
+  'BlurAdmin.profilePage',
+  'BlurAdmin.tablesPage',
+  'BlurAdmin.typographyPage',
+  'toastr'
+]).config(['$routeProvider', 'toastrConfig', function ($routeProvider, toastrConfig) {
+  $routeProvider.otherwise({redirectTo: '/dashboard'});
+
+  angular.extend(toastrConfig, {
+    closeButton: true,
+    closeHtml: '<button>&times;</button>',
+    timeOut: 5000,
+    autoDismiss: false,
+    containerId: 'toast-container',
+    maxOpened: 0,
+    newestOnTop: true,
+    positionClass: 'toast-top-right',
+    preventDuplicates: false,
+    preventOpenDuplicates: false,
+    target: 'body'
+  });
+}]);

src/app/common/controllers/mainCtrl.js

@@ -0,0 +1,11 @@
+'use strict';
+
+app.controller('mainCtrl', ['$scope', '$timeout', function ($scope, $timeout) {
+  $timeout(function () {
+    $scope.finishLoading = true;
+  }, 1000);
+
+  $timeout(function () {
+    pageLoaded = true;
+  }, 4000);
+}]);

src/app/common/directives/animatedChange.js

@@ -0,0 +1,35 @@
+/**
+ * Change top "Daily Downloads", "Active Users" values with animation effect
+ */
+
+'use strict';
+
+app.directive('animatedChange', ["$timeout", function ($timeout) {
+  return {
+    link: function (scope, element) {
+      $timeout(function () {
+        var newValue = element.attr("new-value");
+        var oldvalue = parseInt(element.html());
+
+        function changeValue(val) {
+          $timeout(function () {
+            element.html(val);
+          }, 30);
+        }
+
+        if (newValue > oldvalue) {
+          for (var i = oldvalue; i <= newValue; i++) {
+            changeValue(i);
+          }
+        } else {
+          for (var j = oldvalue; j >= newValue; j--) {
+            changeValue(j);
+          }
+        }
+        $timeout(function () {
+          element.next().find("i").addClass("show-arr");
+        }, 500);
+      }, 3500);
+    }
+  };
+}]);

src/app/common/directives/autoExpand.js

@@ -0,0 +1,28 @@
+/**
+ * Auto expand textarea field
+ */
+'use strict';
+
+app.directive('autoExpand', function () {
+  return {
+    restrict: 'A',
+    link: function ($scope, elem) {
+      elem.bind('keydown', function ($event) {
+        var element = $event.target;
+        $(element).height(0);
+        var height = $(element)[0].scrollHeight;
+        height = (height < 16) ? 16 : height;
+        $(element).height(height);
+      });
+
+      // Expand the textarea as soon as it is added to the DOM
+      setTimeout(function () {
+        var element = elem;
+        $(element).height(0);
+        var height = $(element)[0].scrollHeight;
+        height = (height < 16) ? 16 : height;
+        $(element).height(height);
+      }, 0)
+    }
+  };
+});