292 lines
18 KiB
Plaintext
292 lines
18 KiB
Plaintext
@page "{handler?}"
|
|
@model EveryThing.Pages.TransportLoadingOrder.EditModel
|
|
|
|
@{
|
|
ViewData["Title"] = "Urejanje naloga";
|
|
Layout = "~/Pages/Layouts/_Layout.cshtml";
|
|
}
|
|
|
|
<!-- Editor -->
|
|
<link rel="stylesheet" href="~/vendor/libs/quill/typography.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="~/vendor/libs/quill/editor.css" asp-append-version="true" />
|
|
|
|
<h4 class="d-flex justify-content-between align-items-center w-100 font-weight-bold py-1 mb-4">
|
|
<span>
|
|
<span class="text-muted font-weight-light">Nalog /</span> Urejanje
|
|
</span>
|
|
</h4>
|
|
|
|
<div class="nav-tabs-top nav-responsive-sm">
|
|
<ul class="nav nav-tabs">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" data-toggle="tab" href="#item-basic">Osnovni podatki</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="tab" href="#item-positions">Pozicije</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade show active" id="item-basic">
|
|
<form method="post" data-ajax="true" data-ajax-method="post" asp-page-handler="order" onsubmit="handleEditors()">
|
|
<div class="card-body">
|
|
<input type="hidden" asp-for="TransportLoadingOrder.IdTransportLoadingOrder" />
|
|
<input type="hidden" asp-for="TransportLoadingOrder.IdCompanyFk" />
|
|
<input type="hidden" asp-for="TransportLoadingOrder.OrderNumber" />
|
|
<input type="hidden" asp-for="TransportLoadingOrder.OrderYear" />
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrder.IdPartnerFk" class="form-label"></label>
|
|
<select asp-for="TransportLoadingOrder.IdPartnerFk" class="form-control" asp-items="ViewBag.IdPartnerFk"></select>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 text-right">
|
|
<label class="form-label">Nakladalni nalog</label>
|
|
<br />
|
|
<h4>
|
|
@Html.DisplayFor(modelItem => Model.TransportLoadingOrder.OrderYear) - @Html.DisplayFor(modelItem => Model.TransportLoadingOrder.OrderNumber)
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrder.OrderCity" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrder.OrderCity" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrder.OrderCity" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrder.OrderDate" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrder.OrderDate" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrder.OrderDate" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrder.VehicleText" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrder.VehicleText" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrder.VehicleText" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrder.Total" class="form-label"></label>
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">€</div>
|
|
</div>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrder.Total" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group mb-0">
|
|
<label asp-for="TransportLoadingOrder.PreText" class="form-label"></label>
|
|
<input type="hidden" id="value-pretext" asp-for="@Model.TransportLoadingOrder.PreText" />
|
|
<div id="editor-pretext" style="height: 250px">
|
|
@Html.Raw(Model.TransportLoadingOrder.PreText)
|
|
</div>
|
|
<span asp-validation-for="TransportLoadingOrder.PreText" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-group mb-0">
|
|
<label asp-for="TransportLoadingOrder.PostText" class="form-label"></label>
|
|
<input type="hidden" id="value-posttext" asp-for="@Model.TransportLoadingOrder.PostText" />
|
|
<div id="editor-posttext" style="height: 250px">
|
|
@Html.Raw(Model.TransportLoadingOrder.PostText)
|
|
</div>
|
|
<span asp-validation-for="TransportLoadingOrder.PostText" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer py-3 text-right">
|
|
<button type="submit" class="btn btn-primary">Shrani nalog</button>
|
|
<a asp-page="Index" class="btn btn-default">Prekliči</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="item-positions">
|
|
<div class="card-body">
|
|
<form method="post" data-ajax="true" data-ajax-method="post" asp-page-handler="positionadd" data-ajax-complete="laddaAddPosition.stop(); loadPosition();" data-ajax-begin="laddaAddPosition.start();" onsubmit="handleEditors()">
|
|
<div class="row">
|
|
<input type="hidden" asp-for="TransportLoadingOrder.IdTransportLoadingOrder" />
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<label class="form-label">Naklad</label>
|
|
<select asp-for="TransportLoadingOrderLoadUnload.IdLoadingFk" class="form-control" asp-items="ViewBag.IdLoadingFk">
|
|
<option value="">Izberite naklad ali vnesite naslov naklada</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.LoadingText" class="form-label"></label>
|
|
<textarea rows="3" asp-for="TransportLoadingOrderLoadUnload.LoadingText" class="form-control"></textarea>
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.LoadingText" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.LoadingDateFrom" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrderLoadUnload.LoadingDateFrom" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.LoadingDateFrom" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.LoadingDateTo" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrderLoadUnload.LoadingDateTo" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.LoadingDateTo" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.LoadingReference" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrderLoadUnload.LoadingReference" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.LoadingReference" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.LoadingNote" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrderLoadUnload.LoadingNote" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.LoadingNote" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<label class="form-label">Razklad</label>
|
|
<select asp-for="TransportLoadingOrderLoadUnload.IdUnloadingFk" class="form-control" asp-items="ViewBag.IdUnloadingFk">
|
|
<option value="">Izberite razklad ali vnesite naslov razklada</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.UnloadingText" class="form-label"></label>
|
|
<textarea rows="3" asp-for="TransportLoadingOrderLoadUnload.UnloadingText" class="form-control"></textarea>
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.UnloadingText" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.UnloadingDateFrom" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrderLoadUnload.UnloadingDateFrom" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.UnloadingDateFrom" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.UnloadingDateTo" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrderLoadUnload.UnloadingDateTo" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.UnloadingDateTo" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.UnloadingReference" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrderLoadUnload.UnloadingReference" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.UnloadingReference" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.UnloadingNote" class="form-label"></label>
|
|
<input autocomplete="off" asp-for="TransportLoadingOrderLoadUnload.UnloadingNote" class="form-control" />
|
|
<span asp-validation-for="TransportLoadingOrderLoadUnload.UnloadingNote" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="form-group">
|
|
<label asp-for="TransportLoadingOrderLoadUnload.CargoDescription" class="form-label"></label>
|
|
<input type="hidden" id="value-cargodescription" asp-for="@Model.TransportLoadingOrderLoadUnload.CargoDescription" />
|
|
<div id="editor-cargodescription" style="height: 277px">
|
|
@Html.Raw(Model.TransportLoadingOrderLoadUnload.CargoDescription)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 text-right">
|
|
<button type="submit" id="addPosition" class="btn btn-primary ladda-button" data-style="zoom-out">Dodaj naklad/razklad</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="card-footer py-3" id="loadPositions">
|
|
<div id="positionsTable"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
|
|
|
|
@section Scripts {
|
|
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
|
|
|
|
<!-- Editor -->
|
|
<script src="~/vendor/libs/quill/quill.js" asp-append-version="true"></script>
|
|
|
|
<script>
|
|
var Block = Quill.import('blots/block');
|
|
Block.tagName = 'DIV';
|
|
Quill.register(Block, true);
|
|
|
|
var laddaAddPosition = Ladda.create(document.querySelector('#addPosition'));
|
|
|
|
let editorPreText = new Quill('#editor-pretext', { modules: { toolbar: [['bold', 'italic', 'underline'], ['color'],[{ 'list': 'ordered' }, { 'list': 'bullet' }],['align'],['clean']] }, theme: 'snow' });
|
|
let editorPostText = new Quill('#editor-posttext', { modules: { toolbar: [['bold', 'italic', 'underline'], ['color'],[{ 'list': 'ordered' }, { 'list': 'bullet' }],['align'],['clean']] }, theme: 'snow' });
|
|
let editorCargoDescription = new Quill('#editor-cargodescription', { modules: { toolbar: [['bold', 'italic', 'underline'], ['color'], [{ 'list': 'ordered' }, { 'list': 'bullet' }], ['align'], ['clean']] }, theme: 'snow' });
|
|
|
|
function handleEditors() {
|
|
document.getElementById('value-pretext').value = editorPreText.root.innerHTML;
|
|
document.getElementById('value-posttext').value = editorPostText.root.innerHTML;
|
|
document.getElementById('value-cargodescription').value = editorCargoDescription.root.innerHTML;
|
|
}
|
|
|
|
function loadPosition() {
|
|
loadStartElement('#loadPositions');
|
|
$('#positionsTable').load('/TransportLoadingOrder/Edit?id=' + @Request.Query["id"] + '&handler=indexloadunload', function() {
|
|
$('[data-toggle="tooltip"]').tooltip({ container: 'table' });
|
|
loadEndElement('#loadPositions');
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
loadPosition();
|
|
});
|
|
</script>
|
|
} |