chore: new gtm code

gh-pages
nixa 2019-01-19 21:58:14 +03:00
parent 42406ef061
commit f61aeb79e8
74 changed files with 10439 additions and 164 deletions

28
.tmp/serve/404.html Normal file
View File

@ -0,0 +1,28 @@
<!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='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon-96x96.png">
<!-- build:css({.tmp/serve,src}) styles/404.css -->
<!-- inject:css -->
<link rel="stylesheet" href="app/404.css">
<!-- endinject -->
<!-- endbuild -->
</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>

50
.tmp/serve/app/404.css Normal file
View File

@ -0,0 +1,50 @@
html {
position: relative;
min-width: 320px; }
html, body {
min-height: 100%;
height: 100%; }
body {
font: 12px/16px "Roboto", sans-serif;
color: #666666;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
body::before {
content: '';
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url("../assets/img/blur-bg.jpg") no-repeat center center;
background-size: cover;
will-change: transform;
z-index: -1; }
.page-not-found-modal {
width: 638px;
margin: 0 auto;
background: rgba(0, 0, 0, 0.5);
border-radius: 5px;
font-weight: 300;
color: #ffffff;
padding: 32px;
text-align: center; }
.page-not-found-modal h1 {
font-weight: 300;
margin-bottom: 32px; }
.page-not-found-modal p {
font-size: 16px;
line-height: 24px; }
.page-not-found-modal a {
text-decoration: none;
outline: none;
transition: all 0.2s ease;
color: #209e91;
display: inline-block; }
.page-not-found-modal a:hover {
color: #1b867b; }

1344
.tmp/serve/app/auth.css Normal file

File diff suppressed because it is too large Load Diff

6080
.tmp/serve/app/main.css Normal file

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 216 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 213 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 262 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 257 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 848 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 848 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 505 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 694 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 797 B

86
.tmp/serve/auth.html Normal file
View File

@ -0,0 +1,86 @@
<!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='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon-96x96.png">
<!-- build:css({.tmp/serve,src}) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.css" />
<link rel="stylesheet" href="../bower_components/angular-toastr/dist/angular-toastr.css" />
<link rel="stylesheet" href="../bower_components/animate.css/animate.css" />
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-select/dist/css/bootstrap-select.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" />
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="../bower_components/fullcalendar/dist/fullcalendar.css" />
<link rel="stylesheet" href="../bower_components/leaflet/dist/leaflet.css" />
<link rel="stylesheet" href="../bower_components/angular-progress-button-styles/dist/angular-progress-button-styles.min.css" />
<link rel="stylesheet" href="../bower_components/chartist/dist/chartist.min.css" />
<link rel="stylesheet" href="../bower_components/morris.js/morris.css" />
<link rel="stylesheet" href="../bower_components/ionrangeslider/css/ion.rangeSlider.css" />
<link rel="stylesheet" href="../bower_components/ionrangeslider/css/ion.rangeSlider.skinFlat.css" />
<link rel="stylesheet" href="../bower_components/textAngular/dist/textAngular.css" />
<link rel="stylesheet" href="../bower_components/angular-xeditable/dist/css/xeditable.css" />
<link rel="stylesheet" href="../bower_components/jstree/dist/themes/default/style.css" />
<link rel="stylesheet" href="../bower_components/angular-ui-select/dist/select.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css({.tmp/serve,src}) styles/auth.css -->
<!-- inject:css -->
<link rel="stylesheet" href="app/auth.css">
<!-- endinject -->
<!-- endbuild -->
</head>
<body>
<main class="auth-main">
<div class="auth-block">
<h1>Sign in to Blur Admin</h1>
<a href="reg.html" class="auth-link">New to Blur Admin? Sign up!</a>
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default btn-auth">Sign in</button>
<a href class="forgot-pass">Forgot password?</a>
</div>
</div>
</form>
<div class="auth-sep"><span><span>or Sign in with one click</span></span></div>
<div class="al-share-auth">
<ul class="al-share clearfix">
<li><i class="socicon socicon-facebook" title="Share on Facebook"></i></li>
<li><i class="socicon socicon-twitter" title="Share on Twitter"></i></li>
<li><i class="socicon socicon-google" title="Share on Google Plus"></i></li>
</ul>
</div>
</div>
</main>
</body>
</html>

300
.tmp/serve/index.html Normal file
View File

@ -0,0 +1,300 @@
<!DOCTYPE html>
<html lang="en" ng-app="BlurAdmin">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KT9L237');</script>
<!-- End Google Tag Manager -->
<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='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon-96x96.png">
<!-- build:css({.tmp/serve,src}) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.css" />
<link rel="stylesheet" href="../bower_components/angular-toastr/dist/angular-toastr.css" />
<link rel="stylesheet" href="../bower_components/animate.css/animate.css" />
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-select/dist/css/bootstrap-select.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" />
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="../bower_components/fullcalendar/dist/fullcalendar.css" />
<link rel="stylesheet" href="../bower_components/leaflet/dist/leaflet.css" />
<link rel="stylesheet" href="../bower_components/angular-progress-button-styles/dist/angular-progress-button-styles.min.css" />
<link rel="stylesheet" href="../bower_components/chartist/dist/chartist.min.css" />
<link rel="stylesheet" href="../bower_components/morris.js/morris.css" />
<link rel="stylesheet" href="../bower_components/ionrangeslider/css/ion.rangeSlider.css" />
<link rel="stylesheet" href="../bower_components/ionrangeslider/css/ion.rangeSlider.skinFlat.css" />
<link rel="stylesheet" href="../bower_components/textAngular/dist/textAngular.css" />
<link rel="stylesheet" href="../bower_components/angular-xeditable/dist/css/xeditable.css" />
<link rel="stylesheet" href="../bower_components/jstree/dist/themes/default/style.css" />
<link rel="stylesheet" href="../bower_components/angular-ui-select/dist/select.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css({.tmp/serve,src}) styles/app.css -->
<!-- inject:css -->
<link rel="stylesheet" href="app/main.css">
<!-- endinject -->
<!-- endbuild -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KT9L237"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="body-bg"></div>
<main ng-if="$pageFinishedLoading" ng-class="{ 'menu-collapsed': $baSidebarService.isMenuCollapsed() }">
<ba-sidebar></ba-sidebar>
<page-top></page-top>
<div class="al-main">
<div class="al-content">
<content-top></content-top>
<div ui-view autoscroll="true" autoscroll-body-top></div>
</div>
</div>
<footer class="al-footer clearfix">
<div class="al-footer-right">Created with <i class="ion-heart"></i></div>
<div class="al-footer-main clearfix">
<div class="al-copy">Blur Admin 2016</div>
<ul class="al-share clearfix">
<li><i class="socicon socicon-facebook"></i></li>
<li><i class="socicon socicon-twitter"></i></li>
<li><i class="socicon socicon-google"></i></li>
<li><i class="socicon socicon-github"></i></li>
</ul>
</div>
</footer>
<back-top></back-top>
</main>
<div id="preloader" ng-show="!$pageFinishedLoading">
<div></div>
</div>
<!-- build:js(src) scripts/vendor.js -->
<!-- bower:js -->
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/jquery-ui/jquery-ui.js"></script>
<script src="../bower_components/jquery.easing/js/jquery.easing.js"></script>
<script src="../bower_components/jquery.easy-pie-chart/dist/jquery.easypiechart.js"></script>
<script src="../bower_components/chart.js/dist/Chart.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/amcharts.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/plugins/responsive/responsive.min.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/serial.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/funnel.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/pie.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/gantt.js"></script>
<script src="../bower_components/amcharts-stock/dist/amcharts/amstock.js"></script>
<script src="../bower_components/ammap/dist/ammap/ammap.js"></script>
<script src="../bower_components/ammap/dist/ammap/maps/js/worldLow.js"></script>
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>
<script src="../bower_components/slimScroll/jquery.slimscroll.js"></script>
<script src="../bower_components/angular-slimscroll/angular-slimscroll.js"></script>
<script src="../bower_components/angular-smart-table/dist/smart-table.js"></script>
<script src="../bower_components/angular-toastr/dist/angular-toastr.tpls.js"></script>
<script src="../bower_components/angular-touch/angular-touch.js"></script>
<script src="../bower_components/angular-ui-sortable/sortable.js"></script>
<script src="../bower_components/bootstrap/js/dropdown.js"></script>
<script src="../bower_components/bootstrap-select/dist/js/bootstrap-select.js"></script>
<script src="../bower_components/bootstrap-switch/dist/js/bootstrap-switch.js"></script>
<script src="../bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.js"></script>
<script src="../bower_components/moment/moment.js"></script>
<script src="../bower_components/fullcalendar/dist/fullcalendar.js"></script>
<script src="../bower_components/leaflet/dist/leaflet-src.js"></script>
<script src="../bower_components/angular-progress-button-styles/dist/angular-progress-button-styles.min.js"></script>
<script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="../bower_components/angular-chart.js/dist/angular-chart.js"></script>
<script src="../bower_components/chartist/dist/chartist.min.js"></script>
<script src="../bower_components/angular-chartist.js/dist/angular-chartist.js"></script>
<script src="../bower_components/eve-raphael/eve.js"></script>
<script src="../bower_components/raphael/raphael.min.js"></script>
<script src="../bower_components/mocha/mocha.js"></script>
<script src="../bower_components/morris.js/morris.js"></script>
<script src="../bower_components/angular-morris-chart/src/angular-morris-chart.min.js"></script>
<script src="../bower_components/ionrangeslider/js/ion.rangeSlider.js"></script>
<script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="../bower_components/angular-animate/angular-animate.js"></script>
<script src="../bower_components/rangy/rangy-core.js"></script>
<script src="../bower_components/rangy/rangy-classapplier.js"></script>
<script src="../bower_components/rangy/rangy-highlighter.js"></script>
<script src="../bower_components/rangy/rangy-selectionsaverestore.js"></script>
<script src="../bower_components/rangy/rangy-serializer.js"></script>
<script src="../bower_components/rangy/rangy-textrange.js"></script>
<script src="../bower_components/textAngular/dist/textAngular.js"></script>
<script src="../bower_components/textAngular/dist/textAngular-sanitize.js"></script>
<script src="../bower_components/textAngular/dist/textAngularSetup.js"></script>
<script src="../bower_components/angular-xeditable/dist/js/xeditable.js"></script>
<script src="../bower_components/jstree/dist/jstree.js"></script>
<script src="../bower_components/ng-js-tree/dist/ngJsTree.js"></script>
<script src="../bower_components/angular-ui-select/dist/select.js"></script>
<!-- endbower -->
<!-- endbuild -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<!-- build:js({.tmp/serve,.tmp/partials,src}) scripts/app.js -->
<!-- inject:js -->
<script src="app/pages/pages.module.js"></script>
<script src="app/theme/theme.module.js"></script>
<script src="app/pages/charts/charts.module.js"></script>
<script src="app/pages/components/components.module.js"></script>
<script src="app/pages/form/form.module.js"></script>
<script src="app/pages/dashboard/dashboard.module.js"></script>
<script src="app/pages/maps/maps.module.js"></script>
<script src="app/pages/profile/profile.module.js"></script>
<script src="app/pages/tables/tables.module.js"></script>
<script src="app/pages/ui/ui.module.js"></script>
<script src="app/theme/components/components.module.js"></script>
<script src="app/theme/inputs/inputs.module.js"></script>
<script src="app/pages/charts/chartist/chartist.module.js"></script>
<script src="app/pages/charts/amCharts/amCharts.module.js"></script>
<script src="app/pages/charts/chartJs/chartJs.module.js"></script>
<script src="app/pages/charts/morris/morris.module.js"></script>
<script src="app/pages/components/mail/mail.module.js"></script>
<script src="app/pages/components/timeline/timeline.module.js"></script>
<script src="app/pages/components/tree/tree.module.js"></script>
<script src="app/pages/ui/alerts/alerts.module.js"></script>
<script src="app/pages/ui/buttons/buttons.module.js"></script>
<script src="app/pages/ui/grid/grid.module.js"></script>
<script src="app/pages/ui/icons/icons.module.js"></script>
<script src="app/pages/ui/modals/modals.module.js"></script>
<script src="app/pages/ui/notifications/notifications.module.js"></script>
<script src="app/pages/ui/panels/panels.module.js"></script>
<script src="app/pages/ui/progressBars/progressBars.module.js"></script>
<script src="app/pages/ui/slider/slider.module.js"></script>
<script src="app/pages/ui/tabs/tabs.module.js"></script>
<script src="app/pages/ui/typography/typography.module.js"></script>
<script src="app/app.js"></script>
<script src="app/theme/theme.config.js"></script>
<script src="app/theme/theme.configProvider.js"></script>
<script src="app/theme/theme.constants.js"></script>
<script src="app/theme/theme.run.js"></script>
<script src="app/theme/theme.service.js"></script>
<script src="app/pages/profile/ProfileModalCtrl.js"></script>
<script src="app/pages/profile/ProfilePageCtrl.js"></script>
<script src="app/pages/tables/TablesPageCtrl.js"></script>
<script src="app/theme/directives/animatedChange.js"></script>
<script src="app/theme/directives/autoExpand.js"></script>
<script src="app/theme/directives/autoFocus.js"></script>
<script src="app/theme/directives/includeWithScope.js"></script>
<script src="app/theme/directives/ionSlider.js"></script>
<script src="app/theme/directives/ngFileSelect.js"></script>
<script src="app/theme/directives/scrollPosition.js"></script>
<script src="app/theme/directives/trackWidth.js"></script>
<script src="app/theme/directives/zoomIn.js"></script>
<script src="app/theme/components/toastrLibConfig.js"></script>
<script src="app/theme/services/baProgressModal.js"></script>
<script src="app/theme/services/baUtil.js"></script>
<script src="app/theme/services/fileReader.js"></script>
<script src="app/theme/services/preloader.js"></script>
<script src="app/theme/services/stopableInterval.js"></script>
<script src="app/pages/charts/chartist/chartistCtrl.js"></script>
<script src="app/pages/charts/chartJs/chartJs1DCtrl.js"></script>
<script src="app/pages/charts/chartJs/chartJs2DCtrl.js"></script>
<script src="app/pages/charts/chartJs/chartJsWaveCtrl.js"></script>
<script src="app/pages/charts/morris/morrisCtrl.js"></script>
<script src="app/pages/components/mail/MailTabCtrl.js"></script>
<script src="app/pages/components/mail/mailMessages.js"></script>
<script src="app/pages/components/timeline/TimelineCtrl.js"></script>
<script src="app/pages/components/tree/treeCtrl.js"></script>
<script src="app/pages/form/wizard/wizrdCtrl.js"></script>
<script src="app/pages/dashboard/blurFeed/BlurFeedCtrl.js"></script>
<script src="app/pages/dashboard/blurFeed/blurFeed.directive.js"></script>
<script src="app/pages/dashboard/calendar/dashboardCalendar.js"></script>
<script src="app/pages/dashboard/dashboardCalendar/DashboardCalendarCtrl.js"></script>
<script src="app/pages/dashboard/dashboardCalendar/dashboardCalendar.directive.js"></script>
<script src="app/pages/dashboard/dashboardLineChart/DashboardLineChartCtrl.js"></script>
<script src="app/pages/dashboard/dashboardLineChart/dashboardLineChart.directive.js"></script>
<script src="app/pages/dashboard/dashboardMap/DashboardMapCtrl.js"></script>
<script src="app/pages/dashboard/dashboardMap/dashboardMap.directive.js"></script>
<script src="app/pages/dashboard/dashboardPieChart/DashboardPieChartCtrl.js"></script>
<script src="app/pages/dashboard/dashboardPieChart/dashboardPieChart.directive.js"></script>
<script src="app/pages/dashboard/dashboardTodo/DashboardTodoCtrl.js"></script>
<script src="app/pages/dashboard/dashboardTodo/dashboardTodo.directive.js"></script>
<script src="app/pages/dashboard/pieCharts/dashboardPieChart.js"></script>
<script src="app/pages/dashboard/popularApp/popularApp.directive.js"></script>
<script src="app/pages/dashboard/trafficChart/TrafficChartCtrl.js"></script>
<script src="app/pages/dashboard/trafficChart/trafficChart.directive.js"></script>
<script src="app/pages/dashboard/weather/WeatherCtrl.js"></script>
<script src="app/pages/dashboard/weather/weather.directive.js"></script>
<script src="app/pages/maps/google-maps/GmapPageCtrl.js"></script>
<script src="app/pages/maps/leaflet/LeafletPageCtrl.js"></script>
<script src="app/pages/maps/map-bubbles/MapBubblePageCtrl.js"></script>
<script src="app/pages/maps/map-lines/MapLinesPageCtrl.js"></script>
<script src="app/pages/ui/buttons/ButtonPageCtrl.js"></script>
<script src="app/pages/ui/icons/IconsPageCtrl.js"></script>
<script src="app/pages/ui/modals/ModalsPageCtrl.js"></script>
<script src="app/pages/ui/notifications/NotificationsPageCtrl.js"></script>
<script src="app/theme/filters/image/appImage.js"></script>
<script src="app/theme/filters/image/kameleonImg.js"></script>
<script src="app/theme/filters/image/profilePicture.js"></script>
<script src="app/theme/filters/text/removeHtml.js"></script>
<script src="app/theme/components/baPanel/baPanel.directive.js"></script>
<script src="app/theme/components/baPanel/baPanel.service.js"></script>
<script src="app/theme/components/baPanel/baPanelBlur.directive.js"></script>
<script src="app/theme/components/baPanel/baPanelBlurHelper.service.js"></script>
<script src="app/theme/components/baPanel/baPanelSelf.directive.js"></script>
<script src="app/theme/components/baWizard/baWizard.directive.js"></script>
<script src="app/theme/components/baWizard/baWizardCtrl.js"></script>
<script src="app/theme/components/baWizard/baWizardStep.directive.js"></script>
<script src="app/theme/components/baSidebar/BaSidebarCtrl.js"></script>
<script src="app/theme/components/baSidebar/baSidebar.directive.js"></script>
<script src="app/theme/components/baSidebar/baSidebar.service.js"></script>
<script src="app/theme/components/baSidebar/baSidebarHelpers.directive.js"></script>
<script src="app/theme/components/backTop/backTop.directive.js"></script>
<script src="app/theme/components/contentTop/contentTop.directive.js"></script>
<script src="app/theme/components/msgCenter/MsgCenterCtrl.js"></script>
<script src="app/theme/components/msgCenter/msgCenter.directive.js"></script>
<script src="app/theme/components/pageTop/pageTop.directive.js"></script>
<script src="app/theme/components/progressBarRound/progressBarRound.directive.js"></script>
<script src="app/theme/components/widgets/widgets.directive.js"></script>
<script src="app/theme/inputs/baSwitcher/baSwitcher.js"></script>
<script src="app/pages/charts/amCharts/areaChart/AreaChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/barChart/BarChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/combinedChart/combinedChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/funnelChart/FunnelChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/ganttChart/ganttChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/lineChart/LineChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/pieChart/PieChartCtrl.js"></script>
<script src="app/pages/components/mail/composeBox/composeBoxCtrl.js"></script>
<script src="app/pages/components/mail/composeBox/composeModal.js"></script>
<script src="app/pages/components/mail/detail/MailDetailCtrl.js"></script>
<script src="app/pages/components/mail/list/MailListCtrl.js"></script>
<script src="app/pages/ui/modals/notifications/NotificationsCtrl.js"></script>
<script src="app/pages/ui/modals/progressModal/ProgressModalCtrl.js"></script>
<script src="app/theme/components/backTop/lib/jquery.backTop.min.js"></script>
<script src="app/pages/form/inputs/widgets/datePickers/datepickerCtrl.js"></script>
<script src="app/pages/form/inputs/widgets/datePickers/datepickerpopupCtrl.js"></script>
<script src="app/pages/form/inputs/widgets/oldSelect/OldSelectpickerPanelCtrl.js"></script>
<script src="app/pages/form/inputs/widgets/oldSelect/selectpicker.directive.js"></script>
<script src="app/pages/form/inputs/widgets/select/GroupSelectpickerOptions.js"></script>
<script src="app/pages/form/inputs/widgets/select/SelectpickerPanelCtrl.js"></script>
<script src="app/pages/form/inputs/widgets/oldSwitches/OldSwitchPanelCtrl.js"></script>
<script src="app/pages/form/inputs/widgets/oldSwitches/switch.directive.js"></script>
<script src="app/pages/form/inputs/widgets/switches/SwitchDemoPanelCtrl.js"></script>
<script src="app/pages/form/inputs/widgets/tagsInput/tagsInput.directive.js"></script>
<!-- endinject -->
<!-- inject:partials -->
<!-- angular templates will be automatically converted in js and inserted here -->
<!-- endinject -->
<!-- endbuild -->
</body>
</html>

92
.tmp/serve/reg.html Normal file
View File

@ -0,0 +1,92 @@
<!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='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon-96x96.png">
<!-- build:css({.tmp/serve,src}) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.css" />
<link rel="stylesheet" href="../bower_components/angular-toastr/dist/angular-toastr.css" />
<link rel="stylesheet" href="../bower_components/animate.css/animate.css" />
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-select/dist/css/bootstrap-select.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" />
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="../bower_components/fullcalendar/dist/fullcalendar.css" />
<link rel="stylesheet" href="../bower_components/leaflet/dist/leaflet.css" />
<link rel="stylesheet" href="../bower_components/angular-progress-button-styles/dist/angular-progress-button-styles.min.css" />
<link rel="stylesheet" href="../bower_components/chartist/dist/chartist.min.css" />
<link rel="stylesheet" href="../bower_components/morris.js/morris.css" />
<link rel="stylesheet" href="../bower_components/ionrangeslider/css/ion.rangeSlider.css" />
<link rel="stylesheet" href="../bower_components/ionrangeslider/css/ion.rangeSlider.skinFlat.css" />
<link rel="stylesheet" href="../bower_components/textAngular/dist/textAngular.css" />
<link rel="stylesheet" href="../bower_components/angular-xeditable/dist/css/xeditable.css" />
<link rel="stylesheet" href="../bower_components/jstree/dist/themes/default/style.css" />
<link rel="stylesheet" href="../bower_components/angular-ui-select/dist/select.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css({.tmp/serve,src}) styles/auth.css -->
<!-- inject:css -->
<link rel="stylesheet" href="app/auth.css">
<!-- endinject -->
<!-- endbuild -->
</head>
<body>
<main class="auth-main">
<div class="auth-block">
<h1>Sign up to Blur Admin</h1>
<a href="auth.html" class="auth-link">Already have a Blur Admin account? Sign in!</a>
<form class="form-horizontal">
<div class="form-group">
<label for="inputName3" class="col-sm-2 control-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputName3" placeholder="Full Name">
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default btn-auth">Sign up</button>
</div>
</div>
</form>
<div class="auth-sep"><span><span>or Sign up with one click</span></span></div>
<div class="al-share-auth">
<ul class="al-share clearfix">
<li><i class="socicon socicon-facebook" title="Share on Facebook"></i></li>
<li><i class="socicon socicon-twitter" title="Share on Twitter"></i></li>
<li><i class="socicon socicon-google" title="Share on Google Plus"></i></li>
</ul>
</div>
</div>
</main>
</body>
</html>

View File

@ -9,9 +9,19 @@
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
@ -54,31 +64,31 @@
</div>
<div class="inner-content">
<h1>Getting Started</h1>
<div class="subHeader"></div><h2 id="what-is-bluradmin-">What is&nbsp;BlurAdmin?</h2>
<p>Blur admin is Angular front-end Admin Dashboard template. That means all data you can see on graphs, charts tables is hardcoded in Javascript. You can use any backend you want with it without&nbsp;limitations.</p>
<h2 id="how-can-it-help-me-">How can it help&nbsp;me?</h2>
<p>We believe that that at the moment a lot of business applications have some kind of admin interface inside of them. Sometimes its not that obvious, but a lot of web applications have dashboard with panels, charts&nbsp;analytics.</p>
<p>BlurAdmin aims to bootstrap development of your product and provide ecosystem for building a prototype or even production-ready&nbsp;application.</p>
<p>Despite frameworks like Bootstrap provide a number of components, usually its not enough of them to build real-world app. This template comes with lots of popular <span class="caps">UI</span> components with unified color&nbsp;scheme.</p>
<p>As well you can use BlurAdmin for learning&nbsp;purposes.</p>
<h2 id="list-of-features">List of&nbsp;features</h2>
<div class="subHeader"></div><h2 id="what-is-bluradmin-">What is BlurAdmin?</h2>
<p>Blur admin is Angular front-end Admin Dashboard template. That means all data you can see on graphs, charts tables is hardcoded in Javascript. You can use any backend you want with it without<span class="widont">&nbsp;</span>limitations.</p>
<h2 id="how-can-it-help-me-">How can it help<span class="widont">&nbsp;</span>me?</h2>
<p>We believe that that at the moment a lot of business applications have some kind of admin interface inside of them. Sometimes its not that obvious, but a lot of web applications have dashboard with panels, charts<span class="widont">&nbsp;</span>analytics.</p>
<p>BlurAdmin aims to bootstrap development of your product and provide ecosystem for building a prototype or even production-ready<span class="widont">&nbsp;</span>application.</p>
<p>Despite frameworks like Bootstrap provide a number of components, usually its not enough of them to build real-world app. This template comes with lots of popular <span class="caps">UI</span> components with unified color<span class="widont">&nbsp;</span>scheme.</p>
<p>As well you can use BlurAdmin for learning<span class="widont">&nbsp;</span>purposes.</p>
<h2 id="list-of-features">List of features</h2>
<ul>
<li>Responsive&nbsp;layout</li>
<li>High&nbsp;resolution</li>
<li>Bootstrap <span class="caps">CSS</span>&nbsp;Framework</li>
<li>Responsive layout</li>
<li>High resolution</li>
<li>Bootstrap <span class="caps">CSS</span> Framework</li>
<li>Sass</li>
<li>Gulp&nbsp;build</li>
<li>Gulp build</li>
<li>AngularJS</li>
<li>Jquery</li>
<li>Jquery&nbsp;ui</li>
<li>Charts (amChart, Chartist, Chart.js,&nbsp;Morris)</li>
<li>Maps (Google, Leaflet,&nbsp;amMap)</li>
<li>Jquery ui</li>
<li>Charts (amChart, Chartist, Chart.js,<span class="widont">&nbsp;</span>Morris)</li>
<li>Maps (Google, Leaflet,<span class="widont">&nbsp;</span>amMap)</li>
<li>etc</li>
</ul>
<h2 id="i-want-to-start-developing-with-bluradmin">I want to start developing with&nbsp;BlurAdmin</h2>
<p>Welcome&nbsp;abroad!</p>
<p>You can start with <a href="/blur-admin/articles/002-installation-guidelines/">Installation Guidelines</a>. We describe there how can you download and run template on you local&nbsp;machine.</p>
<p>Good luck and have&nbsp;fun!</p>
<h2 id="i-want-to-start-developing-with-bluradmin">I want to start developing with<span class="widont">&nbsp;</span>BlurAdmin</h2>
<p>Welcome abroad!</p>
<p>You can start with <a href="/blur-admin/articles/002-installation-guidelines/">Installation Guidelines</a>. We describe there how can you download and run template on you local<span class="widont">&nbsp;</span>machine.</p>
<p>Good luck and have<span class="widont">&nbsp;</span>fun!</p>
</div>
</section>
@ -87,10 +97,5 @@
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
</html>

View File

@ -9,9 +9,19 @@
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
@ -55,32 +65,32 @@
<div class="inner-content">
<h1>Installation Guidelines</h1>
<div class="subHeader"></div><h2 id="prerequisites">Prerequisites</h2>
<p>Despite BlurAdmin can be run without any development experience, it would be much easier if you already know something about it. In general following instruction do allow to run local copy by complete newbie, but it doesnt answer questions that can arise in the process of&nbsp;installation.</p>
<h2 id="install-tools">Install&nbsp;tools</h2>
<p>If you dont havee any of these tools installed already, you will need&nbsp;to:</p>
<p>Despite BlurAdmin can be run without any development experience, it would be much easier if you already know something about it. In general following instruction do allow to run local copy by complete newbie, but it doesnt answer questions that can arise in the process of<span class="widont">&nbsp;</span>installation.</p>
<h2 id="install-tools">Install tools</h2>
<p>If you dont havee any of these tools installed already, you will need<span class="widont">&nbsp;</span>to:</p>
<ul>
<li>Download and install <a href="https://git-scm.com/">git</a></li>
<li>Download and install nodejs <a href="https://nodejs.org">https://nodejs.org</a></li>
</ul>
<p><strong>Note</strong>: It seems like there are some problems with some libraries used in this template and old node versions. Thats why we suggest you to have one of the&nbsp;latest.</p>
<h2 id="clone-repository-and-install-dependencies">Clone repository and install&nbsp;dependencies</h2>
<p>You will need to clone source code of BlurAdmin GitHub repository. To do this open console and execute following&nbsp;lines:</p>
<p><strong>Note</strong>: It seems like there are some problems with some libraries used in this template and old node versions. Thats why we suggest you to have one of the<span class="widont">&nbsp;</span>latest.</p>
<h2 id="clone-repository-and-install-dependencies">Clone repository and install<span class="widont">&nbsp;</span>dependencies</h2>
<p>You will need to clone source code of BlurAdmin GitHub repository. To do this open console and execute following<span class="widont">&nbsp;</span>lines:</p>
<pre><code class="lang-bash">git <span class="built_in">clone</span> https://github.com/akveo/blur-admin.git
</code></pre>
<p>After repository is cloned, go inside of repository directory and install dependencies&nbsp;there:</p>
<p>After repository is cloned, go inside of repository directory and install dependencies<span class="widont">&nbsp;</span>there:</p>
<pre><code class="lang-bash"><span class="built_in">cd</span> blur-admin
npm install
</code></pre>
<p>This will setup a working copy of BlurAdmin on your local&nbsp;machine</p>
<h2 id="running-local-copy">Running local&nbsp;copy</h2>
<p>To run local copy in development mode,&nbsp;execute:</p>
<p>This will setup a working copy of BlurAdmin on your local<span class="widont">&nbsp;</span>machine</p>
<h2 id="running-local-copy">Running local copy</h2>
<p>To run local copy in development mode,<span class="widont">&nbsp;</span>execute:</p>
<pre><code class="lang-bash">gulp serve
</code></pre>
<p>This script should automatically open template in your default&nbsp;browser.</p>
<p>To run local copy in production mode,&nbsp;execute:</p>
<p>This script should automatically open template in your default<span class="widont">&nbsp;</span>browser.</p>
<p>To run local copy in production mode,<span class="widont">&nbsp;</span>execute:</p>
<pre><code class="lang-bash">gulp serve:dist
</code></pre>
<p>For addition information about build, please check out <a href="https://github.com/Swiip/generator-gulp-angular">this angular&nbsp;generator</a></p>
<p>For addition information about build, please check out <a href="https://github.com/Swiip/generator-gulp-angular">this angular<span class="widont">&nbsp;</span>generator</a></p>
</div>
</section>
@ -89,10 +99,5 @@ npm install
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
</html>

View File

@ -9,9 +9,19 @@
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
@ -54,20 +64,20 @@
</div>
<div class="inner-content">
<h1>Changing Color Scheme</h1>
<div class="subHeader"></div><p>We tried to make the process of changing color scheme in BlurAdmin as easy as&nbsp;possible. </p>
<div class="subHeader"></div><p>We tried to make the process of changing color scheme in BlurAdmin as easy as<span class="widont">&nbsp;</span>possible. </p>
<p>By default BlurAdmin has two color profiles: mint and blur.
This article will help you to create your own color profile.
Lets say you want to make BlurAdmin&nbsp;dark.</p>
Lets say you want to make BlurAdmin<span class="widont">&nbsp;</span>dark.</p>
<p>First we advice you to take some colorscheme file as a basis.
For light themes we suggest you to take <code>src/sass/theme/conf/colorScheme/_mint.scss</code> one and for dark take <code>src/sass/theme/conf/colorScheme/_blur.scss</code> one.
As we want dark theme, were taking <code>blur</code>.</p>
<p>1) Copy <code>src/sass/theme/conf/colorScheme/_blur.scss</code> to <code>src/sass/theme/conf/colorScheme/_dark.scss</code>.</p>
<p>2) Include your colorscheme file in <code>src/sass/theme/common.scs</code>.</p>
<p>To do this,&nbsp;replace </p>
<pre><code class="lang-scss">@<span class="keyword">import</span> <span class="string">'theme/conf/colorScheme/mint'</span>;
<p>To do this,<span class="widont">&nbsp;</span>replace </p>
<pre><code class="lang-scss"><span class="at_rule">@<span class="keyword">import</span> <span class="string">'theme/conf/colorScheme/mint'</span>;</span>
</code></pre>
<p>to</p>
<pre><code class="lang-scss">@<span class="keyword">import</span> <span class="string">'theme/conf/colorScheme/dark'</span>;
<pre><code class="lang-scss"><span class="at_rule">@<span class="keyword">import</span> <span class="string">'theme/conf/colorScheme/dark'</span>;</span>
</code></pre>
<p>Now you can start changing your colors.
For example, after playing a bit with different colors, we changed 5 first main variables in <code>_dark.scss</code> file:</p>
@ -80,17 +90,17 @@ $label-text: #ffffff; // Text for labels in forms (Basically it should be equal
<p>After this is done, you need to setup javascript to use <strong>same colors</strong> while building charts and other javascript components.
To do this, add following code to some configuration block, for example to <code>src/app/theme/theme.config.js</code>:</p>
<pre><code class="lang-javascript"> baConfigProvider.changeColors({
<span class="attr">default</span>: <span class="string">'#4e4e55'</span>,
<span class="attr">defaultText</span>: <span class="string">'#e2e2e2'</span>,
<span class="keyword">default</span>: <span class="string">'#4e4e55'</span>,
defaultText: <span class="string">'#e2e2e2'</span>,
});
</code></pre>
<p>Thats basically it! Right now your admin application should look like&nbsp;this:</p>
<p>Thats basically it! Right now your admin application should look like<span class="widont">&nbsp;</span>this:</p>
<p><img src="/blur-admin/articles/011-changing-color-scheme/new-color-scheme.jpg" alt=""></p>
<p>For further reference, please look&nbsp;in</p>
<p>For further reference, please look<span class="widont">&nbsp;</span>in</p>
<ul>
<li>Colorscheme scss file (<code>src/sass/theme/conf/colorScheme/_mint.scss</code> or <code>src/sass/theme/conf/colorScheme/_blur.scss</code>)</li>
<li><code>src/app/theme/theme.configProvider.js</code> to understand which javascript colors can be&nbsp;changed</li>
<li>If you want to know how to change theme to blur, read <a href="/blur-admin/articles/014-switch-to-blur-theme/">following&nbsp;article</a></li>
<li><code>src/app/theme/theme.configProvider.js</code> to understand which javascript colors can be<span class="widont">&nbsp;</span>changed</li>
<li>If you want to know how to change theme to blur, read <a href="/blur-admin/articles/014-switch-to-blur-theme/">following<span class="widont">&nbsp;</span>article</a></li>
</ul>
</div>
@ -100,10 +110,5 @@ To do this, add following code to some configuration block, for example to <code
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
</html>

View File

@ -9,9 +9,19 @@
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
@ -54,8 +64,8 @@
</div>
<div class="inner-content">
<h1>Project Structure</h1>
<div class="subHeader"></div><p>Project structure was originally based on <a href="https://github.com/Swiip/generator-gulp-angular">this angular generator</a>. We made some changes we thought would be better for our particular&nbsp;problem.</p>
<p>The directory structure of this template is as&nbsp;follows:</p>
<div class="subHeader"></div><p>Project structure was originally based on <a href="https://github.com/Swiip/generator-gulp-angular">this angular generator</a>. We made some changes we thought would be better for our particular<span class="widont">&nbsp;</span>problem.</p>
<p>The directory structure of this template is as<span class="widont">&nbsp;</span>follows:</p>
<pre><code>├── bower.json &lt;- front-end library dependencies
├── gulpfile.js &lt;- main task runner file
├── package.json &lt;- mostly task runner dependencies
@ -74,7 +84,7 @@
│ ├── sass/ &lt;- sass styles
│ │ ├── app/ &lt;- application styles. Used mostly for demonstration purposes. Put your app styles here.
│ │ ├── theme/ &lt;- theme styles. Used to customize bootstrap and other common components used in tempate.
</code></pre><p>In our template we tried to separate theme layer and presentation layer. We believe most of other templates have them combined. Thats why when you start developing using them, it gets very hard for you to remove things you dont need. Though we understand that our structure is not ideal, but were aiming to make it as good as&nbsp;possible.</p>
</code></pre><p>In our template we tried to separate theme layer and presentation layer. We believe most of other templates have them combined. Thats why when you start developing using them, it gets very hard for you to remove things you dont need. Though we understand that our structure is not ideal, but were aiming to make it as good as<span class="widont">&nbsp;</span>possible.</p>
</div>
</section>
@ -83,10 +93,5 @@
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
</html>

View File

@ -9,9 +9,19 @@
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
@ -57,15 +67,15 @@
<div class="subHeader"></div><p>Blur admin uses <a href="https://github.com/angular-ui/ui-router">Angular <span class="caps">UI</span> router</a> for navigation.
That means to create new page you need to basically configure <code>ui-router</code> state.</p>
<p>We strongly recommend to follow pages structure in your application.
If it doesnt fit your needs please create a GitHub issue and tell us why. We would be glad to&nbsp;discuss. </p>
If it doesnt fit your needs please create a GitHub issue and tell us why. We would be glad to<span class="widont">&nbsp;</span>discuss. </p>
<p>Also we recommend to put pages to separate modules.
This will allow you to easily switch off some pages in the future if&nbsp;needed.</p>
<h2 id="page-creation-example">Page creation&nbsp;example</h2>
<p>0) Lets assume we want to create a blank page with title My New&nbsp;Page</p>
This will allow you to easily switch off some pages in the future if<span class="widont">&nbsp;</span>needed.</p>
<h2 id="page-creation-example">Page creation example</h2>
<p>0) Lets assume we want to create a blank page with title My New<span class="widont">&nbsp;</span>Page</p>
<p>1) Lets Create a new directory to contain our new page inside of <code>src/app/pages</code>. Lets call this directory <code>myNewPage</code>.</p>
<p>2) Then lets create blank angular module to contain our page called myNewPage.module.js inside of <code>src/app/pages/myNewPage</code>:</p>
<pre><code class="lang-javascript">(<span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{
<span class="meta"> 'use strict'</span>;
<span class="pi"> 'use strict'</span>;
angular.module(<span class="string">'BlurAdmin.pages.myNewPage'</span>, [])
.config(routeConfig);
@ -78,9 +88,9 @@ This will allow you to easily switch off some pages in the future if&nbsp;needed
})();
</code></pre>
<p>3) Then lets create empty html file called <code>my-new-page.html</code> inside of <code>src/app/pages/myNewPage</code>.</p>
<p>4) Lastly lets create ui router state for this page. To do this we need to modify module.js file we created on step&nbsp;2:</p>
<p>4) Lastly lets create ui router state for this page. To do this we need to modify module.js file we created on step<span class="widont">&nbsp;</span>2:</p>
<pre><code class="lang-javascript">(<span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>{
<span class="meta"> 'use strict'</span>;
<span class="pi"> 'use strict'</span>;
angular.module(<span class="string">'BlurAdmin.pages.myNewPage'</span>, [])
.config(routeConfig);
@ -89,18 +99,18 @@ This will allow you to easily switch off some pages in the future if&nbsp;needed
<span class="function"><span class="keyword">function</span> <span class="title">routeConfig</span>(<span class="params">$stateProvider</span>) </span>{
$stateProvider
.state(<span class="string">'myNewPage'</span>, {
<span class="attr">url</span>: <span class="string">'/myNewPage'</span>,
<span class="attr">templateUrl</span>: <span class="string">'app/pages/myNewPage/my-new-page.html'</span>,
<span class="attr">title</span>: <span class="string">'My New Page'</span>,
<span class="attr">sidebarMeta</span>: {
<span class="attr">order</span>: <span class="number">800</span>,
url: <span class="string">'/myNewPage'</span>,
templateUrl: <span class="string">'app/pages/myNewPage/my-new-page.html'</span>,
title: <span class="string">'My New Page'</span>,
sidebarMeta: {
order: <span class="number">800</span>,
},
});
}
})();
</code></pre>
<p>Thats it! Your can now open your new page either from sidebar or through hash&nbsp;<span class="caps">URL</span>.</p>
<p>Thats it! Your can now open your new page either from sidebar or through hash<span class="widont">&nbsp;</span><span class="caps">URL</span>.</p>
</div>
</section>
@ -109,10 +119,5 @@ This will allow you to easily switch off some pages in the future if&nbsp;needed
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
</html>

View File

@ -9,9 +9,19 @@
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
@ -54,40 +64,40 @@
</div>
<div class="inner-content">
<h1>Enabling blur theme</h1>
<div class="subHeader"></div><p>If you want to switch theme to the blur, you need to follow 3 simple&nbsp;steps:</p>
<div class="subHeader"></div><p>If you want to switch theme to the blur, you need to follow 3 simple<span class="widont">&nbsp;</span>steps:</p>
<p>1) Blur theme needs some javascript to calculate initial background offsets for panels.
Thats why first thing you need to do is enable that code.
This should be done in Angular <strong>configuration block</strong>.
For example you can add following lines to <code>src/app/theme/theme.config.js</code>:</p>
<pre><code class="lang-javascript"> baConfigProvider.changeTheme({<span class="attr">blur</span>: <span class="literal">true</span>});
<pre><code class="lang-javascript"> baConfigProvider.changeTheme({blur: <span class="literal">true</span>});
</code></pre>
<p>2) As well you need to change some colors.
For example <em>Mint</em>s default gray text color doesnt look good on blurred panels.
For our blur theme we use following&nbsp;configuration:</p>
For our blur theme we use following<span class="widont">&nbsp;</span>configuration:</p>
<pre><code class="lang-javascript"> baConfigProvider.changeColors({
<span class="attr">default</span>: <span class="string">'rgba(#000000, 0.2)'</span>,
<span class="attr">defaultText</span>: <span class="string">'#ffffff'</span>,
<span class="attr">dashboard</span>: {
<span class="attr">white</span>: <span class="string">'#ffffff'</span>,
<span class="keyword">default</span>: <span class="string">'rgba(#000000, 0.2)'</span>,
defaultText: <span class="string">'#ffffff'</span>,
dashboard: {
white: <span class="string">'#ffffff'</span>,
},
});
</code></pre>
<p>3) <span class="caps">CSS</span> should also be recompiled.
Before running build command, we suggest you to switch to <em>blur</em> color profile.
To do this replace theme in file <code>src/sass/theme/common.scss</code>:</p>
<pre><code class="lang-scss">@<span class="keyword">import</span> <span class="string">'theme/conf/colorScheme/mint'</span>;
<pre><code class="lang-scss"><span class="at_rule">@<span class="keyword">import</span> <span class="string">'theme/conf/colorScheme/mint'</span>;</span>
</code></pre>
<p>to</p>
<pre><code class="lang-scss">@<span class="keyword">import</span> <span class="string">'theme/conf/colorScheme/blur'</span>;
<pre><code class="lang-scss"><span class="at_rule">@<span class="keyword">import</span> <span class="string">'theme/conf/colorScheme/blur'</span>;</span>
</code></pre>
<p>3.1) If you would like to use some different background, replace following&nbsp;images:</p>
<p>3.1) If you would like to use some different background, replace following<span class="widont">&nbsp;</span>images:</p>
<ul>
<li><code>src/app/assets/img/blur-bg.jpg</code> (main background&nbsp;image)</li>
<li><code>src/app/assets/img/blur-bg-blurred.jpg</code> (blurred background image used on&nbsp;panels)</li>
<li><code>src/app/assets/img/blur-bg.jpg</code> (main background<span class="widont">&nbsp;</span>image)</li>
<li><code>src/app/assets/img/blur-bg-blurred.jpg</code> (blurred background image used on<span class="widont">&nbsp;</span>panels)</li>
</ul>
<p>We suggest using 10px Gaussian blur to blur original&nbsp;image.</p>
<p>We suggest using 10px Gaussian blur to blur original<span class="widont">&nbsp;</span>image.</p>
<hr>
<p>Thats it! You have successfully blurred your theme! Run <code>gulp serve</code> and check it&nbsp;out.</p>
<p>Thats it! You have successfully blurred your theme! Run <code>gulp serve</code> and check it<span class="widont">&nbsp;</span>out.</p>
</div>
</section>
@ -96,10 +106,5 @@ To do this replace theme in file <code>src/sass/theme/common.scss</code>:</p>
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
</html>

View File

@ -9,9 +9,19 @@
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
@ -57,15 +67,15 @@
<div class="subHeader"></div><p>Sidebar is used to provide convenient way of navigation in the application.
Application support only one sidebar per angular application.
That means sidebar is basically a singletone object.
Currently sidebar supports level 1 and 2 sub&nbsp;menus.</p>
Currently sidebar supports level 1 and 2 sub<span class="widont">&nbsp;</span>menus.</p>
<p>Sidebar can be created using <code>baSidebar</code> directive:</p>
<pre><code class="lang-html"><span class="tag">&lt;<span class="name">ba-sidebar</span>&gt;</span><span class="tag">&lt;/<span class="name">ba-sidebar</span>&gt;</span>
<pre><code class="lang-html"><span class="tag">&lt;<span class="title">ba-sidebar</span>&gt;</span><span class="tag">&lt;/<span class="title">ba-sidebar</span>&gt;</span>
</code></pre>
<p>For now it support only javascript configuration. Though it can be configured manually or via <code>ui-router</code> states.
This methods can be used either together or one at a&nbsp;time.</p>
<h2 id="manual-configuration">Manual&nbsp;configuration</h2>
This methods can be used either together or one at a<span class="widont">&nbsp;</span>time.</p>
<h2 id="manual-configuration">Manual configuration</h2>
<p>For manual configuration you need to use <code>baSidebarServiceProvider</code> provider in angular <a href="https://docs.angularjs.org/guide/module#configuration-blocks">configuration block</a>.
The provider has <code>addStaticItem</code> method, which receives menuItem object as an argument, which can have following&nbsp;properties:</p>
The provider has <code>addStaticItem</code> method, which receives menuItem object as an argument, which can have following<span class="widont">&nbsp;</span>properties:</p>
<table>
<thead>
<tr>
@ -115,30 +125,30 @@ The provider has <code>addStaticItem</code> method, which receives menuItem obje
</tbody>
</table>
<p>Sample manual&nbsp;configuration:</p>
<p>Sample manual configuration:</p>
<pre><code class="lang-javascript"> baSidebarServiceProvider.addStaticItem({
<span class="attr">title</span>: <span class="string">'Menu Level 1'</span>,
<span class="attr">icon</span>: <span class="string">'ion-ios-more'</span>
title: <span class="string">'Menu Level 1'</span>,
icon: <span class="string">'ion-ios-more'</span>
});
</code></pre>
<h2 id="route-configuration">Route&nbsp;configuration</h2>
<h2 id="route-configuration">Route configuration</h2>
<p>By default sidebar iterates through all <strong>ui-router</strong> states you defined in your application and searches for <code>sidebarMeta</code> object in them.
For each state, which has this property, sidebar element is&nbsp;created. </p>
For each state, which has this property, sidebar element is<span class="widont">&nbsp;</span>created. </p>
<p>States are being grouped hierarchically.
That means if theres a parent abstract state for some state and they both have <code>sidebarMeta</code> property, it will be displayed as a sub item of that abstract states menu&nbsp;item. </p>
<p>Name of the item is taken from <code>state</code>s <code>title</code> property. Sample state configuration, which will add an item to&nbsp;sidebar:</p>
That means if theres a parent abstract state for some state and they both have <code>sidebarMeta</code> property, it will be displayed as a sub item of that abstract states menu<span class="widont">&nbsp;</span>item. </p>
<p>Name of the item is taken from <code>state</code>s <code>title</code> property. Sample state configuration, which will add an item to<span class="widont">&nbsp;</span>sidebar:</p>
<pre><code class="lang-javascript">$stateProvider
.state(<span class="string">'dashboard'</span>, {
<span class="attr">url</span>: <span class="string">'/dashboard'</span>,
<span class="attr">templateUrl</span>: <span class="string">'app/pages/dashboard/dashboard.html'</span>,
<span class="attr">title</span>: <span class="string">'Dashboard'</span>,
<span class="attr">sidebarMeta</span>: {
<span class="attr">icon</span>: <span class="string">'ion-android-home'</span>,
<span class="attr">order</span>: <span class="number">0</span>,
url: <span class="string">'/dashboard'</span>,
templateUrl: <span class="string">'app/pages/dashboard/dashboard.html'</span>,
title: <span class="string">'Dashboard'</span>,
sidebarMeta: {
icon: <span class="string">'ion-android-home'</span>,
order: <span class="number">0</span>,
},
});
</code></pre>
<p><code>sidebarMeta</code> object can have following&nbsp;properties:</p>
<p><code>sidebarMeta</code> object can have following<span class="widont">&nbsp;</span>properties:</p>
<table>
<thead>
<tr>
@ -170,10 +180,5 @@ That means if theres a parent abstract state for some state and they both hav
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
</html>

View File

@ -9,9 +9,19 @@
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
@ -54,22 +64,22 @@
</div>
<div class="inner-content">
<h1>Downloads</h1>
<div class="subHeader"></div><p>If you have problems installing node.js and/or other tools to build and run BlurAdmin on your machine and you just want to download html/js/css files, you can find links for download on this&nbsp;page.</p>
<div class="subHeader"></div><p>If you have problems installing node.js and/or other tools to build and run BlurAdmin on your machine and you just want to download html/js/css files, you can find links for download on this<span class="widont">&nbsp;</span>page.</p>
<p>Development (non-compressed) files can be found in <code>{ARCHIVE_ROOT}/blur-admin-{VERSION}/dev-release</code> directory. Compressed files are in <code>{ARCHIVE_ROOT}/blur-admin-{VERSION}/release</code> directory.
Then you can just open <code>index.html</code> to view your local&nbsp;version.</p>
<p><strong>Please note</strong>: <em>As chrome doesnt support <span class="caps">AJAX</span> requests, when you open HTML file via <strong>file</strong> protocol, you might need to disable web security to have your template&nbsp;running.</em></p>
<p>Sample command on <span class="caps">OS</span>&nbsp;X:</p>
<pre><code class="lang-bash">open <span class="_">-a</span> Google\ Chrome --args --disable-web-security --user-data-dir=~/ChromeDevSession/
Then you can just open <code>index.html</code> to view your local<span class="widont">&nbsp;</span>version.</p>
<p><strong>Please note</strong>: <em>As chrome doesnt support <span class="caps">AJAX</span> requests, when you open <span class="caps">HTML</span> file via <strong>file</strong> protocol, you might need to disable web security to have your template<span class="widont">&nbsp;</span>running.</em></p>
<p>Sample command on <span class="caps">OS</span><span class="widont">&nbsp;</span>X:</p>
<pre><code class="lang-bash">open <span class="operator">-a</span> Google\ Chrome --args --disable-web-security --user-data-dir=~/ChromeDevSession/
</code></pre>
<p>Sample command on&nbsp;Linux:</p>
<p>Sample command on<span class="widont">&nbsp;</span>Linux:</p>
<pre><code class="lang-bash">google-chrome --user-data-dir=<span class="string">"~/chrome-dev-session"</span> --disable-web-security
</code></pre>
<p>Sample command on&nbsp;Windows:</p>
<p>Sample command on<span class="widont">&nbsp;</span>Windows:</p>
<pre><code class="lang-bash">start chrome --user-data-dir=<span class="string">"C:/Chrome dev session"</span> --disable-web-security
</code></pre>
<h2 id="links-for-downloads">Links for&nbsp;downloads</h2>
<h2 id="links-for-downloads">Links for downloads</h2>
<p><a href="/blur-admin/downloads/blur-admin-1.3.1.zip">BlurAdmin 1.3.1</a>
<a href="/blur-admin/downloads/blur-admin-1.2.0.zip">BlurAdmin&nbsp;1.2.0</a></p>
<a href="/blur-admin/downloads/blur-admin-1.2.0.zip">BlurAdmin<span class="widont">&nbsp;</span>1.2.0</a></p>
</div>
</section>
@ -78,10 +88,5 @@ Then you can just open <code>index.html</code> to view your local&nbsp;version.<
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
</html>

View File

@ -6,12 +6,22 @@
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="admin,dashboard,template,angular,bootstrap,blur,panel,html,css,javascript">
<title>BlurAdmin angular admin dashboard template</title>
<link rel="alternate" href="http://localhost:8080/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="alternate" href="blur-admin/feed.xml" type="application/rss+xml" title="Ramblings of an immor(t)al demigod">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&amp;subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic">
<link rel="stylesheet" href="/blur-admin/css/main.css">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png">
<link rel="shortcut icon" href="/blur-admin/images/favicon.png"><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container">
<div class="nav-main">
<div class="wrap"><a href="/blur-admin/" class="nav-home"><img src="/blur-admin/images/blur-admin-logo.png" width="36" height="36" class="nav-logo">&nbsp;<span class="blur-label">Blur</span>Admin</a>
@ -90,10 +100,5 @@
<div class="right">© 20152016 Akveo LLC<br />Documentation licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</div>
</footer>
</div><a href="https://github.com/akveo/blur-admin"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1000;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q || []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61945105-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>