nas-denar/views/podj.ejs
2022-01-12 22:22:13 +01:00

290 lines
13 KiB
Plaintext

<!DOCTYPE html>
<html>
<%- include partial/head.ejs %>
<body>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC5fplFpd1KiS4bXqllt9v-KKp5bJH-oNE"></script>
<div class="container-fluid" id="container">
<div class="row row-offcanvas row-offcanvas-left">
<%- include partial/stranski-menu.ejs %>
<div class="container-fluid main col-sm-12">
<div id="opozorilo"></div>
<div class="page-header">
<h1><%= subjektZS[0].popolnoime.toString().replace('\&amp;','\&') %><button type="button" id="priljubljeneGumb" class="btn btn-success btn-sm"><i class="fa fa-heart"></i> Dodaj med priljubljene</button></h1>
</div>
<%- include partial/iskalnik.ejs %>
<div class="row mb-3">
<div class="col-sm-12">
<div class="card">
<div class="card-img-top" id="basicMap" style="height:400px"></div><!-- card-img-top -->
<div class="card-body">
<small id="odruzbi">
<img src="/images/loading.gif" />
</small>
</div><!-- card-body -->
<% if(lokacijaZS.length > 0) { %>
<script>
var iconFeatures=[];
var iconFeature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.transform([<%= lokacijaZS[0].longitude %>, <%= lokacijaZS[0].latitude %>], 'EPSG:4326',
'EPSG:3857')),
name: 'Null Island',
population: 4000,
rainfall: 500
});
iconFeatures.push(iconFeature);
var vectorSource = new ol.source.Vector({
features: iconFeatures //add an array of features
});
var iconStyle = new ol.style.Style({
image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
anchor: [0.5, 46],
anchorXUnits: 'fraction',
anchorYUnits: 'pixels',
opacity: 0.75,
src: '/images/icon.png'
}))
});
var vectorLayer = new ol.layer.Vector({
source: vectorSource,
style: iconStyle
});
var map = new ol.Map({
target: 'basicMap',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
}),
],
view: new ol.View({
center: new ol.geom.Point([<%= lokacijaZS[0].longitude %>, <%= lokacijaZS[0].latitude %>])
.transform('EPSG:4326', 'EPSG:3857').getCoordinates(),
zoom: 16
})
})
map.addLayer(vectorLayer)
</script>
<% } else { %>
<script type="text/javascript">
var address = '<%= subjektZS[0].ulica %> <%= subjektZS[0].hs %><%= subjektZS[0].dodatek || '' %>, <%= subjektZS[0].po %> <%= subjektZS[0].posta %>';
var map = new google.maps.Map(document.getElementById('basicMap'), {
mapTypeId: google.maps.MapTypeId.TERRAIN,
zoom: 16
});
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
'address': address
},
function(results, status) {
if(status == google.maps.GeocoderStatus.OK) {
new google.maps.Marker({
position: results[0].geometry.location,
map: map
});
map.setCenter(results[0].geometry.location);
var xhttp = new XMLHttpRequest();
xhttp.open("POST", "/ajax", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("davcna="+<%= subjektZS[0].davcna %>+"&location="+results[0].geometry.location);
}
});
</script>
<% } %>
</div><!-- card -->
</div><!-- col-sm-12 -->
</div><!-- row -->
<h2>Transakcije</h2>
<div id="transakcije-graf"><canvas id="canvas" height="150" width="600" ></canvas></div>
<table class="table table-striped" id="transakcije">
<thead class="thead-inverse">
<tr>
<th>Naziv plačnika</th>
<th>Vsota transakcij</th>
<th>Nepovratna sredstva</th>
<th>Fiduciarni posli</th>
</tr>
</thead>
</table>
<div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item"><a class="nav-link active" href="#durs" aria-controls="durs" role="tab" data-toggle="tab">Davčne obveznosti</a></li>
<li class="nav-item"><a class="nav-link" href="#dutb" aria-controls="dutb" role="tab" data-toggle="tab">Slabi krediti</a></li>
<li class="nav-item"><a class="nav-link" href="#evidence" aria-controls="evidence" role="tab" data-toggle="tab">Ukrepi inšpekcijskih organov</a></li>
<li class="nav-item"><a class="nav-link" href="#omejitve" aria-controls="omejitve" role="tab" data-toggle="tab">Omejitve poslovanja</a></li>
<li class="nav-item"><a class="nav-link" href="#podruznice" aria-controls="podruznice" role="tab" data-toggle="tab">Podružnice</a></li>
<li class="nav-item"><a class="nav-link" href="#uppd" aria-controls="uppd" role="tab" data-toggle="tab">Nakazila v davčne oaze</a></li>
<li class="nav-item"><a class="nav-link" href="#tecajnica" aria-controls="tecajnica" role="tab" data-toggle="tab">Tečajnica</a></li>
<li class="nav-item"><a class="nav-link" href="#narocila" aria-controls="narocila" role="tab" data-toggle="tab">Naročila</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="durs">
<div class="card">
<div class="card-body">
<%- include partial/dolzniki.ejs%>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="dutb">
<div class="card">
<div class="card-body">
<%- include partial/dutb.ejs %>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="evidence">
<div class="card">
<div class="card-body">
<%- include partial/evidence.ejs %>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="omejitve">
<div class="card">
<div class="card-body">
<%- include partial/omejitve-podj.ejs %>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="podruznice">
<div class="card">
<div class="card-body">
<%- include partial/podruznice.ejs %>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="uppd">
<div class="card">
<div class="card-body">
<%- include partial/uppd.ejs %>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="tecajnica">
<div class="card">
<div class="card-body">
<%- include partial/tecajnica.ejs %>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="narocila">
<div class="card">
<div class="card-body">
<%- include partial/narocila-podj.ejs %>
</div>
</div>
</div>
</div>
</div>
<%- include partial/barchart.ejs %>
</div>
</div>
</div> <!-- /container -->
<%- include partial/eof.ejs %>
<script>
$(document).ready(function() {
$.getJSON('/api/getprs/<%= subjektZS[0].davcna %>', function(prs) {
$('#odruzbi').html('<h5 class="card-title">' + prs.POPOLNO_IME + '</h5>');
$('#odruzbi').append('<label>Oblika:</label> ' + prs.OBLIKA + ' | ');
$('#odruzbi').append('<label>Naslov:</label> ' + prs.ULICA +' '+ prs.HISNA_STEVILKA + prs.DODATEK +', '+ prs.POSTNA_STEVILKA +' '+ prs.POSTA + ' | ');
$('#odruzbi').append('<label>Občina:</label> ' + prs.OBCINA + ' | ');
$('#odruzbi').append('<label>Upravna enota:</label> ' + prs.UPRAVNA_ENOTA + ' | ');
$('#odruzbi').append('<label>Regija:</label> ' + prs.REGIJA + ' | ');
$('#odruzbi').append('<label>Naselje:</label> ' + prs.NASELJE + ' | ');
$('#odruzbi').append('<label>Matična številka:</label> ' + prs.MATICNA + ' | ');
$('#odruzbi').append('<label>Davčna številka:</label> ' + prs.DAVCNA + ' | ');
$('#odruzbi').append('<label>Status:</label> ' + prs.STATUS);
$('#imedruzbe').html(prs.POPOLNO_IME);
$.getJSON('/api/delnice/<%= subjektZS[0].davcna %>', function(delnice) {
if(typeof(delnice.znak) != 'undefined') {
$('#odruzbi').append(' | <label>Znak: </znak>' + delnice.znak)
}
})
})
/////////////////////////////////////////////////////////////////////////////////////////
$('#transakcije').DataTable({
"ajax": {
"url": "/api/getdupu/podj/<%= davcna %>",
"cache": "true"
},
"columnDefs": [
{ className: "dt-right", "targets": [ 1, 2, 3 ] }
],
"bSort": false,
"columns": [
{"data": "naziv_js"},
{"data": "vsota_prejemkov"},
{"data": "nepovratna_sredstva"},
{"data": "fiduciarni_posli"},
],
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
$('td:eq(0)', nRow).html('<a href="/organ/' + aData.sifra_pu + '">' +
aData.naziv_js + '</a>');
$('td:eq(1)', nRow).html('<a href="/razmerje/' + aData.sifra_pu + '/'+ aData.davcna_stevilka + '">' +
parseFloat(aData.vsota_prejemkov).format(2, 3, '.', ',') + '&nbsp;€</a>');
$('td:eq(2)', nRow).html('' + parseFloat(aData.nepovratna_sredstva).format(2, 3, '.', ',') + '&nbsp;€</a>');
$('td:eq(3)', nRow).html('' + parseFloat(aData.fiduciarni_posli).format(2, 3, '.', ',') + '&nbsp;€</a>');
return nRow;
},
language: {
decimal: ",",
thousands: ".",
processing: "Obdelava v teku...",
search: "Išči:",
lengthMenu: "Prikaži _MENU_ elementov",
info: "Elementi od _START_ do _END_ od skupaj _TOTAL_ elementov",
infoEmpty: "Ni elementov za prikaz",
infoFiltered: "(filtrirano od _MAX_ elementov)",
infoPostFix: "",
loadingRecords: "Rezultati se nalagajo ...",
zeroRecords: "Noben element ne ustreza",
emptyTable: "Ni podatkov za prikaz",
paginate: {
first: "Prva",
previous: "&lt;",
next: "&gt;",
last: "Zadnja"
},
aria: {
sortAscending: ": razvrsti naraščajoče",
sortDescending: ": razvrsti padajoče"
}
}
});
$("#priljubljeneGumb").on('click', function() {
var podjetja = localStorage.getItem("podjetja")
var podjetjaArray = []
if(podjetja) {
podjetjaArray = podjetja.split(',')
}
if(podjetjaArray.indexOf("<%= davcna %>") < 0) {
podjetjaArray.push(<%= davcna %>)
podjetjaArray.sort()
localStorage.setItem("podjetja", podjetjaArray)
$('#opozorilo').html(
'<div class="alert alert-success alert-dismissible fade show" role="alert">'+
' <button type="button" class="close" data-dismiss="alert" aria-label="Close">'+
' <span aria-hidden="true">&times;</span>'+
' </button>'+
' <strong>Uspeh:</strong> Podjetje je bilo uspešno dodano na seznam priljubljenih.'+
'</div>'
);
} else {
$('#opozorilo').html(
'<div class="alert alert-info alert-dismissible fade show" role="alert">'+
' <button type="button" class="close" data-dismiss="alert" aria-label="Close">'+
' <span aria-hidden="true">&times;</span>'+
' </button>'+
' <strong>Info:</strong> Podjetje je že na seznamu priljubljenih.'+
'</div>'
);
}
})
});
</script>
</body>
</html>