freifunk/ffffng
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Allow setting a monitoring flag. Confirmation mail missing.

Browse source
This commit is contained in:
baldo 2016-05-18 19:32:19 +02:00
parent 2fb4e9a227
commit 1b173b79d4
8 changed files with 254 additions and 19 deletions

11
app/styles/_mixins.scss Normal file
View file

@ -0,0 +1,11 @@
@mixin not-selectable {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
%not-selectable {
@include not-selectable;
}

8
app/styles/_variables.scss
View file

@ -173,9 +173,9 @@ $pager-disabled-color: $gray;
// Form States
$state-warning-text: darken($brand-warning, 10%);
$state-warning-bg: lighten($brand-warning, 30%);
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%);
$state-warning-text: darken($brand-warning, 30%);
$state-warning-bg: lighten($brand-warning, 20%);
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%);
$state-danger-text: darken($brand-danger, 10%);
$state-danger-bg: lighten($brand-danger, 30%);
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%);
@ -184,7 +184,7 @@ $state-success-bg: lighten($brand-success, 30%);
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);
$state-info-text: darken($brand-info, 20%);
$state-info-bg: lighten($brand-info, 30%);
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);
$state-info-border: darken(adjust-hue($state-info-bg, -10), 10%);
// ToolTip

4
app/styles/main.scss
View file

@ -2,6 +2,8 @@
@import "_variables";
@import "_mixins";
@import "../bower_components/sass-bootstrap/lib/bootstrap";
@import "../bower_components/font-awesome/scss/font-awesome";
@ -26,7 +28,7 @@ input {
}
label {
@extend .control-label;
@extend .control-label, %not-selectable;
margin-top: 10px;
cursor: pointer;

54
app/styles/views/directives/_nodeForm.scss
View file

@ -7,11 +7,11 @@ f-node-form {
@extend .alert, .alert-danger;
}
.node-data, .contact-data, .node-position {
.node-data, .contact-data, .node-position, .monitoring-data {
@extend .well;
}
.hostname, .key, .mac, .nickname, .email, .coords {
.hostname, .key, .mac, .nickname, .email, .coords, .monitoring {
@extend .form-group;
.feedback {
@ -28,6 +28,56 @@ f-node-form {
}
}
.monitoring {
display: table;
label {
display: table-cell;
}
input {
display: table-cell;
width: 18px;
height: 18px;
margin: {
top: 0;
right: 10px;
}
}
}
.monitoring-icon {
@extend .fa, .fa-heartbeat, .pull-left;
font-size: 36px;
color: $brand-primary;
}
.monitoring-confirmation-info {
@extend .alert, .alert-info;
}
.monitoring-confirmation-pending-info {
@extend .alert, .alert-warning;
}
.monitoring-confirmation-info, .monitoring-confirmation-pending-info {
display: table;
.icon {
@extend .fa, .fa-exclamation-triangle;
font-size: 24px;
padding-right: 15px;
}
.icon, .message {
display: table-cell;
}
}
.coords input.has-coords {
padding-right: 25px;
}