jaro/salt-minv-graph
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Migracia na 6.0

Browse Source 
- oprava chyb v log
- welcome.blade url uprava
This commit is contained in:
Jaroslav Drzik
2020-03-25 14:52:08 +01:00
parent fd43aef235
commit 575b55bdc2
86 changed files with 98404 additions and 1928 deletions
Download Patch File Download Diff File Expand all files Collapse all files

205
resources/views/welcome.blade.php Normal file → Executable file
View File

@@ -1,97 +1,128 @@
<!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
@extends('master')
<title>Laravel</title>
@section('content')
<div id="app">
<template>
<div class="links">
<a v-bind:class="{ linkactive: s.show }" v-for="(s,key) in settings" v-on:click="changeDisplay(key)" >@{{ s.name }}</a>
</div>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
font-family: 'Raleway', sans-serif;
font-weight: 100;
height: 100vh;
margin: 0;
}
<div class="row">
<div class="form-group col-sm-4">
<div class='input-group time' id='datetimepicker1'>
<datetime type="datetime" input-class="form-control" placeholder="Od" v-model="from_date"></datetime>
<span class="input-group-append">
<span class="input-group-text"><i class="fa fa-calendar"></i></span>
</span>
</div>
</div>
.full-height {
height: 100vh;
}
<div class="form-group col-sm-4">
<div class='input-group time' id='datetimepicker2'>
<datetime type="datetime" input-class="form-control" placeholder="Do" v-model="to_date"></datetime>
<span class="input-group-append">
<span class="input-group-text"><i class="fa fa-calendar"></i></span>
</span>
</div>
</div>
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
<div class="form-group col-sm-4">
<div class='input-group time' id='datetimepicker2'>
<search-input ref="search" placeholder="Uživateľ"></search-input>
<span class="input-group-append">
<button v-on:click="displayResults()" type="button" class="btn btn-secondary">Zobraz</button>
</span>
</div>
</div>
</div>
.position-ref {
position: relative;
}
<div v-if="counter > 0" :key="counter">
<network-graph v-show="settings['network'].show" :raw_data="chartData"></network-graph>
<temp-graph ref="temp" v-show="settings['temp'].show" :raw_data="chartData" style="display: block; "></temp-graph>
<memory-graph v-show="settings['memory'].show" :raw_data="chartData" style="display: block; "></memory-graph>
<load-graph v-show="settings['load'].show" :raw_data="chartData"></load-graph>
<processes-graph v-show="settings['processes'].show" :raw_data="chartData"></processes-graph>
<disk-graph v-show="settings['disk'].show" :raw_data="chartData"></disk-graph>
</div>
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 12px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
</style>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div class="flex-center position-ref full-height">
@if (Route::has('login'))
<div class="top-right links">
@auth
<a href="{{ url('/home') }}">Home</a>
@else
<a href="{{ route('login') }}">Login</a>
<a href="{{ route('register') }}">Register</a>
@endauth
</div>
@endif
<div class="content">
<div class="title m-b-md">
Logs on OkU TT - Minv.sk
</template>
</div>
<div class="links">
<a href="{{ url('/network') }}">Network</a>
<a href="{{ url('/temp') }}">Temperature</a>
</div>
<script>
$(document).ready( function() {
var settings = { "network": { name:"Network",show: false, prefix: "netstat",suffix: { "recv": "Received", "sent": "Send Bytes" }, units:"B"},
"temp": {name:"Temerature",show: false,prefix: null,units:"C"},
"memory": {name:"Memory",show: false,prefix:"memory", suffix: {"free":"Free Memory", "total": "Total Memory","used":"Used Memory"},units: "KB"},
"load": {name:"Load",show: false, prefix:null, units:"%"},
"disk": {name:"Disk",show: false,prefix:"disk",suffix: {"free":"Free Memory", "total": "Total Memory","used":"Used Memory"}, units:"MB"},
"processes": {name:"Processes",show:false,prefix: null,units:""}};
@section('content')
<p></p>
@show
</div>
</div>
</body>
</html>
function sleep (time) {
return new Promise((resolve) => setTimeout(resolve, time));
}
var app = new Vue({
el: "#app",
data: {
chartData: {},
settings: settings,
from_date: null,
to_date:null,
counter: 0
},
methods: {
changeDisplay: function (key) {
for (s in settings) {
settings[s].show = false;
};
settings[key].show = true;
console.log(key);
},
displayResults: function () {
if ("id" in this.$refs.search.item && this.from_date) {
var computer_id = this.$refs.search.item.id;
} else {
return;
}
axios.get('{{ url('/data') }}', {
params: {
computer_id: computer_id,
from: this.from_date,
to: this.to_date
}
})
.then(function (response) {
for (s in app.settings) {
app.settings[s].show = true;
}
app.chartData = response.data;
app.counter += 1;
sleep(1000).then(() => {
for (s in app.settings) {
app.settings[s].show = false;
}
app.settings["network"].show = true;
});
})
.catch(function (error) {
console.log(error);
});
}
},
});
});
</script>
@stop