klnodekb/views/quotes.pug

123 lines
4.7 KiB
Plaintext

extends layout
block content
.mainContainer
link(rel='stylesheet' href='/bower_components/bootstrap/dist/css/bootstrap.css')
link(rel='stylesheet' href='/bower_components/bootstrap-select/dist/css/bootstrap-select.css')
link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css')
link(rel='stylesheet', type='text/css', href='https://unpkg.com/lightpick@latest/css/lightpick.css')
style.
.badge-success {
background-color: #468847;
}
.badge-success:hover {
background-color: #356635;
}
.padFix{
padding-top:8px;
}
.table-wrapper {
max-height: 600px;
overflow: auto;
display:inline-block;
}
body
br
.panel.panel-primary
.panel-heading
.row
.col-sm-1
h3.panel-title.padfix #{title}
//-span.badge #{quotes.length}
.col-sm-3
button.btn.btn-success(type='text' id='newQuote' ) Új árajánlat
i.glyphicon.glyphicon-upload
.col-sm-6
.input-group
input.form-control(type='text' id='findWork' value='' placeholder="Keresés...")
.input-group-btn
button.btn.btn-success
i.glyphicon.glyphicon-search
.panel-body
h2#results
.col-12.col-xs-12.col-sm-12.col-lg-12
.table-responsive.table-wrapper
table.table.table-striped
col(width='1%')
col(width='1%')
col(width='auto')
col(width='15%')
col(width='5%')
thead
tr
th #
th(style='text-align:left') Megrendelő
th Megnevezés
th(style='text-align:center') Létrehozva
th(style='text-align:center') Készítő
tbody(id='quoteTable',style='overflow-y: auto;')
each quote, i in quotes
tr
td #{i+1}
td(style='text-align:left; vertical-align:middle;font-size: 9px;font-weight: bold;') #{quote.customer || "-"}
td(style='vertical-align:middle')
a(href="/quote/"+quote._id)= quote.title
td(style='text-align:center;vertical-align:middle') #{quote.date}
td(style='text-align:left;vertical-align:middle') #{quote.author}
script(src='/bower_components/jquery/dist/jquery.js')
script(type='text/javascript',src='/build/pdfmake.js')
script(type='text/javascript',src='/build/vfs_fonts.js')
script(type='text/javascript', src='/bower_components/moment/min/moment.min.js')
script(type='text/javascript', src='/bower_components/bootstrap-select/dist/js/bootstrap-select.min.js')
script(src='https://unpkg.com/lightpick@latest/lightpick.js')
script.
(() => {
'use strict'
// Fetch all the forms we want to apply custom Bootstrap validation styles to
const forms = document.querySelectorAll('.needs-validation')
// Loop over them and prevent submission
Array.from(forms).forEach(form => {
form.addEventListener('submit', event => {
if (!form.checkValidity()) {
event.preventDefault()
event.stopPropagation()
}
form.classList.add('was-validated')
}, false)
})
})()
var showErrorSuccess = function(element, status, message) {
if (status === false) {
element.next().removeClass('hidden')//.parent().addClass('has-error');
element.parent().addClass('has-error');
element.parent().next().text(message)
return false;
}
element.next().addClass('hidden')//.parent().removeClass('has-error').addClass('has-success');
element.parent().removeClass('has-error');
};
$(function(){
$("[data-toggle='tooltip']").tooltip();
$("#findWork").on("keyup", function() {
var yr=$("#dpd").val();
var cond=$(this).val();
var parameters = { year: yr, condition: cond };
console.log(parameters);
$.get( '/filter',parameters, function(data) {
var wTable=document.getElementById("workTable");
wTable.innerHTML=data;
});
});
});