jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

alerts page

pull/3/head
alex 2015-12-14 17:27:02 +03:00
parent 24f3b9d49a
commit 1c40d18694
11 changed files with 124 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/app.js
View File

@ -9,6 +9,7 @@ var blurAdminApp = angular.module('BlurAdmin', [
'BlurAdmin.buttonsPage',
'BlurAdmin.gridPage',
'BlurAdmin.chartsPage',
'BlurAdmin.alertsPage',
'BlurAdmin.formInputsPage',
'BlurAdmin.formLayoutsPage',
'BlurAdmin.iconsPage',

1
src/app/components/contentTop/contentTop.js
View File

@ -15,6 +15,7 @@ blurAdminApp.directive('contentTop', ['$location', function ($location) {
'/buttons': 'Buttons',
'/charts': 'Charts',
'/grid': 'Grid',
'/alerts': 'Alerts',
'/icons': 'Icons',
'/login': 'Authentication',
'/maps': 'Maps',

4
src/app/components/sidebar/sidebar.js
View File

@ -61,6 +61,10 @@ blurAdminApp.directive('sidebar', function () {
{
title: 'Grid',
root: '#/grid'
},
{
title: 'Alerts',
root: '#/alerts'
}
]
},

25
src/app/pages/alerts/_alerts.scss Normal file
View File

@ -0,0 +1,25 @@
.alert{
font-size: 13px;
.close{
margin-top: -3px;
}
//a{
// font-weight: 900;
// color: #3C3C3B;
// &:hover{
// border-bottom: 1px solid $github-color;
// }
//}
.control-alert{
padding-top:10px ;
button{
margin-right: 10px;
}
}
}
.closeable{
button{
color: $input-border;
}
}

1
src/app/pages/alerts/alerts.html Normal file
View File

@ -0,0 +1 @@
<widgets ng-model="widgetBlocks"></widgets>

34
src/app/pages/alerts/alerts.js Normal file
View File

@ -0,0 +1,34 @@
'use strict';
angular.module('BlurAdmin.alertsPage', ['ngRoute'])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/alerts', {
templateUrl: 'app/pages/alerts/alerts.html',
controller: 'alertsPageCtrl'
});
}])
.controller('alertsPageCtrl', ['$scope', function ($scope) {
$scope.widgetBlocks = [
{
widgets: [
[
{
url: 'app/pages/alerts/widgets/default.html'
},
{
url: 'app/pages/alerts/widgets/closeable.html'
}
],
[
{
url: 'app/pages/alerts/widgets/link.html'
},
{
url: 'app/pages/alerts/widgets/composite.html'
}
]
]
}
];
}]);

16
src/app/pages/alerts/widgets/closeable.html Normal file
View File

@ -0,0 +1,16 @@
<h4>Alerts with close icon</h4>
<div>
<div class="alert bg-success closeable" role="alert"><button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert bg-info closeable" role="alert"><button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
<div class="alert bg-warning closeable" role="alert"><button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>
<div class="alert bg-danger closeable" role="alert"><button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
</div>

11
src/app/pages/alerts/widgets/composite.html Normal file
View File

@ -0,0 +1,11 @@
<h4>Composite alerts</h4>
<div>
<div class="alert bg-danger">
<h5>Unhandled error!</h5>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
<div class="control-alert">
<button type="button" class="btn btn-danger ">Agree</button>
<button type="button" class="btn btn-default ">Ignore</button>
</div>
</div>
</div>

15
src/app/pages/alerts/widgets/default.html Normal file
View File

@ -0,0 +1,15 @@
<h4>Default alerts</h4>
<div>
<div class="alert bg-success">
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert bg-info">
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
<div class="alert bg-warning">
<strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>
<div class="alert bg-danger">
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
</div>

15
src/app/pages/alerts/widgets/link.html Normal file
View File

@ -0,0 +1,15 @@
<h4>Links in alerts</h4>
<div>
<div class="alert bg-success">
<strong>Well done!</strong> You successfully read <a href class="alert-link">this important alert message</a>.
</div>
<div class="alert bg-info">
<strong>Heads up!</strong> This <a href class="alert-link">alert needs your attention</a>, but it's not super important.
</div>
<div class="alert bg-warning">
<strong>Warning!</strong> Better check yourself, you're <a href class="alert-link">not looking too good</a>.
</div>
<div class="alert bg-danger">
<strong>Oh snap!</strong> <a href class="alert-link">Change a few things up</a> and try submitting again.
</div>
</div>

1
src/assets/css/main.scss
View File

@ -33,6 +33,7 @@
"../../app/pages/dashboard/widgets/blurFeed/blurFeed.scss",
"../../app/pages/dashboard/widgets/weather/weather.scss",
"../../app/pages/grid/grid.scss",
"../../app/pages/alerts/alerts.scss",
"../../app/pages/mail/mail.scss",
"../../app/pages/mail/widgets/email-widget/email.scss",
"../../app/pages/maps/widgets/leaflet/leaflet.scss",