chore: new gtm code
|
@ -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>
|
|
@ -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; }
|
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIcon.gif
vendored
Normal file
After Width: | Height: | Size: 122 B |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconBlack.gif
vendored
Normal file
After Width: | Height: | Size: 122 B |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconH.gif
vendored
Normal file
After Width: | Height: | Size: 111 B |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconHBlack.gif
vendored
Normal file
After Width: | Height: | Size: 111 B |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRectBig.png
vendored
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRectBigBlack.png
vendored
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRectBigBlackH.png
vendored
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRectBigH.png
vendored
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRectSmall.png
vendored
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRectSmallBlack.png
vendored
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRectSmallBlackH.png
vendored
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRectSmallH.png
vendored
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRoundBig.png
vendored
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRoundBigBlack.png
vendored
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRoundBigBlackH.png
vendored
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRoundBigH.png
vendored
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRoundSmall.png
vendored
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRoundSmallBlack.png
vendored
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRoundSmallBlackH.png
vendored
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/dragIconRoundSmallH.png
vendored
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/export.png
vendored
Normal file
After Width: | Height: | Size: 216 B |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/exportWhite.png
vendored
Normal file
After Width: | Height: | Size: 213 B |
After Width: | Height: | Size: 1.4 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/lensWhite.png
vendored
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/lensWhite_old.png
vendored
Normal file
After Width: | Height: | Size: 262 B |
BIN
.tmp/serve/assets/img/theme/vendor/amcharts/dist/amcharts/images/lens_old.png
vendored
Normal file
After Width: | Height: | Size: 257 B |
BIN
.tmp/serve/assets/img/theme/vendor/ammap/dist/ammap/images/arrowDown.gif
vendored
Executable file
After Width: | Height: | Size: 72 B |
After Width: | Height: | Size: 73 B |
After Width: | Height: | Size: 218 B |
BIN
.tmp/serve/assets/img/theme/vendor/ammap/dist/ammap/images/homeIcon.gif
vendored
Executable file
After Width: | Height: | Size: 848 B |
BIN
.tmp/serve/assets/img/theme/vendor/ammap/dist/ammap/images/homeIconWhite.gif
vendored
Executable file
After Width: | Height: | Size: 848 B |
After Width: | Height: | Size: 59 B |
After Width: | Height: | Size: 63 B |
After Width: | Height: | Size: 63 B |
BIN
.tmp/serve/assets/img/theme/vendor/ammap/dist/ammap/images/panRight.gif
vendored
Executable file
After Width: | Height: | Size: 63 B |
After Width: | Height: | Size: 63 B |
After Width: | Height: | Size: 65 B |
After Width: | Height: | Size: 93 B |
After Width: | Height: | Size: 79 B |
After Width: | Height: | Size: 304 B |
BIN
.tmp/serve/assets/img/theme/vendor/ionrangeslider/img/sprite-skin-modern.png
vendored
Normal file
After Width: | Height: | Size: 505 B |
After Width: | Height: | Size: 694 B |
BIN
.tmp/serve/assets/img/theme/vendor/ionrangeslider/img/sprite-skin-simple.png
vendored
Normal file
After Width: | Height: | Size: 358 B |
BIN
.tmp/serve/assets/img/theme/vendor/jstree/dist/themes/default-dark/32px.png
vendored
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
.tmp/serve/assets/img/theme/vendor/jstree/dist/themes/default-dark/40px.png
vendored
Normal file
After Width: | Height: | Size: 6.4 KiB |
1146
.tmp/serve/assets/img/theme/vendor/jstree/dist/themes/default-dark/style.css
vendored
Normal file
1
.tmp/serve/assets/img/theme/vendor/jstree/dist/themes/default-dark/style.min.css
vendored
Normal file
BIN
.tmp/serve/assets/img/theme/vendor/jstree/dist/themes/default-dark/throbber.gif
vendored
Normal file
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 5.5 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 797 B |
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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&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"> <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 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 limitations.</p>
|
||||
<h2 id="how-can-it-help-me-">How can it help 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 it’s not that obvious, but a lot of web applications have dashboard with panels, charts analytics.</p>
|
||||
<p>BlurAdmin aims to bootstrap development of your product and provide ecosystem for building a prototype or even production-ready application.</p>
|
||||
<p>Despite frameworks like Bootstrap provide a number of components, usually it’s 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 scheme.</p>
|
||||
<p>As well you can use BlurAdmin for learning purposes.</p>
|
||||
<h2 id="list-of-features">List of 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"> </span>limitations.</p>
|
||||
<h2 id="how-can-it-help-me-">How can it help<span class="widont"> </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 it’s not that obvious, but a lot of web applications have dashboard with panels, charts<span class="widont"> </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"> </span>application.</p>
|
||||
<p>Despite frameworks like Bootstrap provide a number of components, usually it’s 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"> </span>scheme.</p>
|
||||
<p>As well you can use BlurAdmin for learning<span class="widont"> </span>purposes.</p>
|
||||
<h2 id="list-of-features">List of features</h2>
|
||||
<ul>
|
||||
<li>Responsive layout</li>
|
||||
<li>High resolution</li>
|
||||
<li>Bootstrap <span class="caps">CSS</span> Framework</li>
|
||||
<li>Responsive layout</li>
|
||||
<li>High resolution</li>
|
||||
<li>Bootstrap <span class="caps">CSS</span> Framework</li>
|
||||
<li>Sass</li>
|
||||
<li>Gulp build</li>
|
||||
<li>Gulp build</li>
|
||||
<li>AngularJS</li>
|
||||
<li>Jquery</li>
|
||||
<li>Jquery ui</li>
|
||||
<li>Charts (amChart, Chartist, Chart.js, Morris)</li>
|
||||
<li>Maps (Google, Leaflet, amMap)</li>
|
||||
<li>Jquery ui</li>
|
||||
<li>Charts (amChart, Chartist, Chart.js,<span class="widont"> </span>Morris)</li>
|
||||
<li>Maps (Google, Leaflet,<span class="widont"> </span>amMap)</li>
|
||||
<li>etc</li>
|
||||
</ul>
|
||||
<h2 id="i-want-to-start-developing-with-bluradmin">I want to start developing with 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 machine.</p>
|
||||
<p>Good luck and have fun!</p>
|
||||
<h2 id="i-want-to-start-developing-with-bluradmin">I want to start developing with<span class="widont"> </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"> </span>machine.</p>
|
||||
<p>Good luck and have<span class="widont"> </span>fun!</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
@ -87,10 +97,5 @@
|
|||
<div class="right">© 2015–2016 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>
|
|
@ -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&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"> <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 doesn’t answer questions that can arise in the process of installation.</p>
|
||||
<h2 id="install-tools">Install tools</h2>
|
||||
<p>If you don’t havee any of these tools installed already, you will need 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 doesn’t answer questions that can arise in the process of<span class="widont"> </span>installation.</p>
|
||||
<h2 id="install-tools">Install tools</h2>
|
||||
<p>If you don’t havee any of these tools installed already, you will need<span class="widont"> </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. That’s why we suggest you to have one of the latest.</p>
|
||||
<h2 id="clone-repository-and-install-dependencies">Clone repository and install dependencies</h2>
|
||||
<p>You will need to clone source code of BlurAdmin GitHub repository. To do this open console and execute following lines:</p>
|
||||
<p><strong>Note</strong>: It seems like there are some problems with some libraries used in this template and old node versions. That’s why we suggest you to have one of the<span class="widont"> </span>latest.</p>
|
||||
<h2 id="clone-repository-and-install-dependencies">Clone repository and install<span class="widont"> </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"> </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 there:</p>
|
||||
<p>After repository is cloned, go inside of repository directory and install dependencies<span class="widont"> </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 machine</p>
|
||||
<h2 id="running-local-copy">Running local copy</h2>
|
||||
<p>To run local copy in development mode, execute:</p>
|
||||
<p>This will setup a working copy of BlurAdmin on your local<span class="widont"> </span>machine</p>
|
||||
<h2 id="running-local-copy">Running local copy</h2>
|
||||
<p>To run local copy in development mode,<span class="widont"> </span>execute:</p>
|
||||
<pre><code class="lang-bash">gulp serve
|
||||
</code></pre>
|
||||
<p>This script should automatically open template in your default browser.</p>
|
||||
<p>To run local copy in production mode, execute:</p>
|
||||
<p>This script should automatically open template in your default<span class="widont"> </span>browser.</p>
|
||||
<p>To run local copy in production mode,<span class="widont"> </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 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"> </span>generator</a></p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
@ -89,10 +99,5 @@ npm install
|
|||
<div class="right">© 2015–2016 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>
|
|
@ -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&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"> <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 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"> </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.
|
||||
Let’s say you want to make BlurAdmin dark.</p>
|
||||
Let’s say you want to make BlurAdmin<span class="widont"> </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, we’re 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, 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"> </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>That’s basically it! Right now your admin application should look like this:</p>
|
||||
<p>That’s basically it! Right now your admin application should look like<span class="widont"> </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 in</p>
|
||||
<p>For further reference, please look<span class="widont"> </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 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 article</a></li>
|
||||
<li><code>src/app/theme/theme.configProvider.js</code> to understand which javascript colors can be<span class="widont"> </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"> </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">© 2015–2016 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>
|
|
@ -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&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"> <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 problem.</p>
|
||||
<p>The directory structure of this template is as 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"> </span>problem.</p>
|
||||
<p>The directory structure of this template is as<span class="widont"> </span>follows:</p>
|
||||
<pre><code>├── bower.json <- front-end library dependencies
|
||||
├── gulpfile.js <- main task runner file
|
||||
├── package.json <- mostly task runner dependencies
|
||||
|
@ -74,7 +84,7 @@
|
|||
│ ├── sass/ <- sass styles
|
||||
│ │ ├── app/ <- application styles. Used mostly for demonstration purposes. Put your app styles here.
|
||||
│ │ ├── theme/ <- 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. That’s why when you start developing using them, it gets very hard for you to remove things you don’t need. Though we understand that our structure is not ideal, but we’re aiming to make it as good as 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. That’s why when you start developing using them, it gets very hard for you to remove things you don’t need. Though we understand that our structure is not ideal, but we’re aiming to make it as good as<span class="widont"> </span>possible.</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
@ -83,10 +93,5 @@
|
|||
<div class="right">© 2015–2016 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>
|
|
@ -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&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"> <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 doesn’t fit your needs please create a GitHub issue and tell us why. We would be glad to discuss. </p>
|
||||
If it doesn’t fit your needs please create a GitHub issue and tell us why. We would be glad to<span class="widont"> </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 needed.</p>
|
||||
<h2 id="page-creation-example">Page creation example</h2>
|
||||
<p>0) Let’s assume we want to create a blank page with title ‘My New Page’</p>
|
||||
This will allow you to easily switch off some pages in the future if<span class="widont"> </span>needed.</p>
|
||||
<h2 id="page-creation-example">Page creation example</h2>
|
||||
<p>0) Let’s assume we want to create a blank page with title ‘My New<span class="widont"> </span>Page’</p>
|
||||
<p>1) Let’s Create a new directory to contain our new page inside of <code>src/app/pages</code>. Let’s call this directory <code>myNewPage</code>.</p>
|
||||
<p>2) Then let’s 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 needed
|
|||
})();
|
||||
</code></pre>
|
||||
<p>3) Then let’s create empty html file called <code>my-new-page.html</code> inside of <code>src/app/pages/myNewPage</code>.</p>
|
||||
<p>4) Lastly let’s create ui router state for this page. To do this we need to modify module.js file we created on step 2:</p>
|
||||
<p>4) Lastly let’s create ui router state for this page. To do this we need to modify module.js file we created on step<span class="widont"> </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 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>That’s it! Your can now open your new page either from sidebar or through hash <span class="caps">URL</span>.</p>
|
||||
<p>That’s it! Your can now open your new page either from sidebar or through hash<span class="widont"> </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 needed
|
|||
<div class="right">© 2015–2016 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>
|
|
@ -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&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"> <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 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"> </span>steps:</p>
|
||||
<p>1) Blur theme needs some javascript to calculate initial background offsets for panels.
|
||||
That’s 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 doesn’t look good on blurred panels.
|
||||
For our blur theme we use following configuration:</p>
|
||||
For our blur theme we use following<span class="widont"> </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 images:</p>
|
||||
<p>3.1) If you would like to use some different background, replace following<span class="widont"> </span>images:</p>
|
||||
<ul>
|
||||
<li><code>src/app/assets/img/blur-bg.jpg</code> (main background image)</li>
|
||||
<li><code>src/app/assets/img/blur-bg-blurred.jpg</code> (blurred background image used on panels)</li>
|
||||
<li><code>src/app/assets/img/blur-bg.jpg</code> (main background<span class="widont"> </span>image)</li>
|
||||
<li><code>src/app/assets/img/blur-bg-blurred.jpg</code> (blurred background image used on<span class="widont"> </span>panels)</li>
|
||||
</ul>
|
||||
<p>We suggest using 10px Gaussian blur to blur original image.</p>
|
||||
<p>We suggest using 10px Gaussian blur to blur original<span class="widont"> </span>image.</p>
|
||||
<hr>
|
||||
<p>That’s it! You have successfully blurred your theme! Run <code>gulp serve</code> and check it out.</p>
|
||||
<p>That’s it! You have successfully blurred your theme! Run <code>gulp serve</code> and check it<span class="widont"> </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">© 2015–2016 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>
|
|
@ -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&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"> <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 menus.</p>
|
||||
Currently sidebar supports level 1 and 2 sub<span class="widont"> </span>menus.</p>
|
||||
<p>Sidebar can be created using <code>baSidebar</code> directive:</p>
|
||||
<pre><code class="lang-html"><span class="tag"><<span class="name">ba-sidebar</span>></span><span class="tag"></<span class="name">ba-sidebar</span>></span>
|
||||
<pre><code class="lang-html"><span class="tag"><<span class="title">ba-sidebar</span>></span><span class="tag"></<span class="title">ba-sidebar</span>></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 time.</p>
|
||||
<h2 id="manual-configuration">Manual configuration</h2>
|
||||
This methods can be used either together or one at a<span class="widont"> </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 properties:</p>
|
||||
The provider has <code>addStaticItem</code> method, which receives menuItem object as an argument, which can have following<span class="widont"> </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 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 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 created. </p>
|
||||
For each state, which has this property, sidebar element is<span class="widont"> </span>created. </p>
|
||||
<p>States are being grouped hierarchically.
|
||||
That means if there’s 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 state’s menu 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 sidebar:</p>
|
||||
That means if there’s 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 state’s menu<span class="widont"> </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"> </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 properties:</p>
|
||||
<p><code>sidebarMeta</code> object can have following<span class="widont"> </span>properties:</p>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
|
@ -170,10 +180,5 @@ That means if there’s a parent abstract state for some state and they both hav
|
|||
<div class="right">© 2015–2016 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>
|
|
@ -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&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"> <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 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"> </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 version.</p>
|
||||
<p><strong>Please note</strong>: <em>As chrome doesn’t 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 running.</em></p>
|
||||
<p>Sample command on <span class="caps">OS</span> 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"> </span>version.</p>
|
||||
<p><strong>Please note</strong>: <em>As chrome doesn’t 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"> </span>running.</em></p>
|
||||
<p>Sample command on <span class="caps">OS</span><span class="widont"> </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 Linux:</p>
|
||||
<p>Sample command on<span class="widont"> </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 Windows:</p>
|
||||
<p>Sample command on<span class="widont"> </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 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 1.2.0</a></p>
|
||||
<a href="/blur-admin/downloads/blur-admin-1.2.0.zip">BlurAdmin<span class="widont"> </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 version.<
|
|||
<div class="right">© 2015–2016 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>
|
19
index.html
|
@ -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&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"> <span class="blur-label">Blur</span>Admin</a>
|
||||
|
@ -90,10 +100,5 @@
|
|||
<div class="right">© 2015–2016 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>
|
||||
|
|