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

Footer for frontend and report errors link.

Browse source
This commit is contained in:
baldo 2016-06-26 22:00:58 +02:00
parent 124f330895
commit fa2a047370
10 changed files with 128 additions and 14 deletions

6
app/index.html
View file

@ -20,7 +20,10 @@
<body ng-app="ffffng">
<f-navbar></f-navbar>
<div ng-view=""></div>
<div class="wrapper">
<div class="main" ng-view=""></div>
<f-footer></f-footer>
</div>
<!--[if lt IE 9]>
<script src="bower_components/es5-shim/es5-shim.js"></script>
@ -58,6 +61,7 @@
<script src="scripts/directives/help.js"></script>
<script src="scripts/directives/navbar.js"></script>
<script src="scripts/directives/footer.js"></script>
<script src="scripts/directives/nodeForm.js"></script>
<script src="scripts/directives/nodeSaved.js"></script>
<script src="scripts/directives/tokenForm.js"></script>

16
app/scripts/directives/footer.js Normal file
View file

@ -0,0 +1,16 @@
'use strict';
angular.module('ffffng')
.directive('fFooter', function ($http) {
var ctrl = function ($scope) {
$scope.version = '?';
$http.get('/api/version')
.then(function (result) { $scope.version = result.data.version; })
};
return {
'controller': ctrl,
'restrict': 'E',
'templateUrl': 'views/directives/footer.html'
};
});

17
app/styles/main.scss
View file

@ -8,6 +8,8 @@
@import "../bower_components/font-awesome/scss/font-awesome";
@import "views/_main";
@import "views/_navbar";
@import "views/_footer";
@import "views/_newNodeForm";
@import "views/_updateNodeForm";
@import "views/_deleteNodeForm";
@ -20,8 +22,13 @@
@import "views/dialogs/_confirmDeletionDialog";
@import "views/dialogs/_outsideOfCommunityDialog";
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
padding-bottom: 40px;
text-align: justify;
}
@ -40,14 +47,6 @@ button.cancel {
@extend .btn, .btn-default;
}
a[target="_blank"]:after {
@extend .fa;
content: "\f08e";
vertical-align: 0.3em;
font-size: 0.8em;
margin-left: 0.1em;
}
.has-error .help-block {
color: $text-color;
}

36
app/styles/views/_footer.scss Normal file
View file

@ -0,0 +1,36 @@
.footer {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
padding: 0;
height: 30px;
line-height: 30px;
color: $gray-light;
background-color: $gray-dark;
text-align: center;
ul {
margin: 0;
}
.list-inline > li:first-child {
padding-left: 10px;
}
li {
padding: 0 10px;
}
a {
color: $gray-light;
&:hover, &:active, &:visited, &:focus {
text-decoration: none;
}
}
}

28
app/styles/views/_main.scss
View file

@ -44,3 +44,31 @@
}
}
}
.wrapper {
position: relative;
padding: {
top: 72px;
bottom: 30px;
}
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
margin: 0 auto;
}
.main {
padding-bottom: 30px;
a[target="_blank"]:after {
@extend .fa;
content: "\f08e";
vertical-align: 0.3em;
font-size: 0.8em;
margin-left: 0.1em;
}
}

9
app/styles/views/_navbar.scss Normal file
View file

@ -0,0 +1,9 @@
.navbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}

17
app/views/directives/footer.html Normal file
View file

@ -0,0 +1,17 @@
<footer class="footer">
<ul class="list-inline list-unstyled">
<li>
ffffng ({{version}})
</li>
<li>
<a href="https://github.com/freifunkhamburg/ffffng" target="_blank">
<i class="fa fa-code" aria-hidden="true"></i> Source Code
</a>
</li>
<li>
<a href="https://github.com/freifunkhamburg/ffffng/issues" target="_blank">
<i class="fa fa-bug" aria-hidden="true"></i> Fehler melden
</a>
</li>
</ul>
</footer>