Integrates hardware-analytics with the portal

Signed-off-by: Carlos Eduardo Cichon Henriques's avatarCarlos Eduardo Cichon Henriques <cech19@inf.ufpr.br>
parent 95fa78c1
Pipeline #24116 passed with stages
in 2 minutes and 36 seconds
......@@ -35,9 +35,24 @@
<p>Cadastro de PID</p>
</a>
</div>
<div class="col-xs-6 col-xs-offset-3 col-md-4 col-md-offset-4 btn-opendata-container">
<div class="col-xs-12 col-md-6 btn-opendata-container">
<button type="submit" class="btn btn-primary btn-opendata" ng-click="goOpenData()">
Dados Abertos
</button>
</div>
<div class="col-xs-12 col-md-6 btn-opendata-container">
<button type="submit" class="btn btn-primary btn-opendata" ng-click="openHwModal()">
Estimativa de Idade das Máquinas
</button>
</div>
<!-- The Modal -->
<div id="hwModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span id="closeBtn" class="close" ng-click="closeModal()">&times;</span>
<iframe class="hwFrame" src="http://localhost:3001/" allowfullscreen></iframe>
</div>
</div>
</div>
......@@ -410,6 +410,16 @@ angular.module('datasid', [ 'ngResource', 'LocalStorageModule', 'ui.router',
$location.path("/opendata");
};
$scope.openHwModal = function () {
var modal = document.getElementById("hwModal");
modal.style.display = "block";
};
$scope.closeModal = function () {
var modal = document.getElementById("hwModal");
modal.style.display = "none";
};
SessionFactory.get(function (session) {
$scope.session = session;
$rootScope.$broadcast('$sessionUpdate', session);
......
......@@ -88,6 +88,60 @@ html, body {
font-size: 0.75em;
}
/* Hw Modal Background */
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
/* HW Modal Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
text-align: center;
}
/* Closes Button */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
/* HW iFrame */
.hwFrame {
margin: auto;
width: 680px;
height:460px;
@media (max-width: 940px) {
width: 300px;
height: 400px;
}
@media (max-width: 510px) {
width: 200px;
height: 400px;
}
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
/* Bootstrap's well but with scrollbar */
.well-scrolled {
height: 300px;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment