123 lines
4.0 KiB
PHP
123 lines
4.0 KiB
PHP
<style type="text/css">
|
|
.card-header {
|
|
background-color: rgba(0,0,0,.03);
|
|
}
|
|
.card-header, .card-body {
|
|
padding: 0.6rem;
|
|
}
|
|
#tipObrContainer .fa {
|
|
color: magenta;
|
|
}
|
|
</style>
|
|
<div id="tipObrContainer" data-id="{{ $id }}" class="row">
|
|
</div>
|
|
<script>
|
|
$(document).ready(function() {
|
|
getObracunForm();
|
|
});
|
|
|
|
function getObracunForm() {
|
|
$("#tipObrContainer").empty();
|
|
var formData = [];
|
|
formData.push({name:'grupa_id', value: $("#tipObrContainer").data('id') });
|
|
formData.push({name:'_token', value: '{{ csrf_token() }}'});
|
|
$("#tipObrContainer").load('/admin/grupa/{{ $id }}/getTipObracuna', formData, function() {
|
|
$(this).find(".linkObracun").click(function (e) {
|
|
loadObrLinkFrom($(this));
|
|
return false;
|
|
});
|
|
$(this).find(".unLinkObracun").click(function (e) {
|
|
var popOpts={
|
|
placement: 'left',
|
|
title: 'Unlink ?',
|
|
html: true,
|
|
trigger: 'focus',
|
|
content: '<a class="btn btn-xs btn-danger decline" href="javascript:void(0)"><i class="fas fa-times"></i> Ne</a> <a class="btn btn-xs btn-success pull-right popover-confirm" href="javascript:void(0)"><i class="fas fa-check"></i> Da</a>',
|
|
}
|
|
$(e.currentTarget).popover(popOpts).popover('show').on('shown.bs.popover', function(e) {
|
|
var pdelete=$(this);
|
|
var pop=$(".popover");
|
|
var btn = $(this);
|
|
var popButtons=pop.find('a').click(function(){
|
|
if($(this).is('.popover-confirm')){
|
|
var formData = [];
|
|
formData.push({name:'_token', value: '{{ csrf_token() }}'});
|
|
formData.push({name:'grupa_id', value: $("#tipObrContainer").data('id') });
|
|
formData.push({name:'obracun_id', value: btn.data('id') });
|
|
blockElement($(this).parents('.card'));
|
|
$.ajax({
|
|
url: '/admin/grupa/{{ $id }}/unlinkObracun',
|
|
dataType: "json",
|
|
data: formData,
|
|
type: "POST",
|
|
cache: false,
|
|
success: function (response) {
|
|
getObracunForm();
|
|
},
|
|
error: function (response) {
|
|
}
|
|
});
|
|
}
|
|
pdelete.popover('dispose');
|
|
});
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
}
|
|
|
|
function loadObrLinkFrom(element) {
|
|
var newEl = $( "<div id='LinkObrContainer'></div>" );
|
|
var mRow = element.parent();
|
|
mRow.after(newEl);
|
|
|
|
var formData = [];
|
|
formData.push({name:'grupa_id', value: $("#tipObrContainer").data('id') });
|
|
formData.push({name:'_token', value: '{{ csrf_token() }}'});
|
|
url: '/admin/grupa/{{ $id }}/unlinkObracun',
|
|
|
|
$("#LinkObrContainer").load('/admin/grupa/{{ $id }}/linkObracunLoadForm', formData, function() {
|
|
$(this).find('.dropdown').dropdown();
|
|
$(this).find(".uredjaj_cancel").click(function (e) {
|
|
$("#LinkObrContainer").remove();
|
|
return false;
|
|
});
|
|
$(this).find(".uredjaj_submit").click(function (e) {
|
|
var form = $(this).closest("form");
|
|
var formData = form.serializeArray();
|
|
var token = false;
|
|
for(const [index, el] of formData.entries()) {
|
|
if(el.name == '_token'){
|
|
token = true;
|
|
break;
|
|
}
|
|
}
|
|
if(!token){
|
|
formData.push({name:'_token', value: '{{ csrf_token() }}'});
|
|
}
|
|
$.ajax({
|
|
url: '/admin/grupa/{{ $id }}/linkObracun',
|
|
dataType: "json",
|
|
data: formData,
|
|
type: "POST",
|
|
cache: false,
|
|
success: function (response) {
|
|
getObracunForm();
|
|
if(response.error) {
|
|
}else{
|
|
}
|
|
},
|
|
error: function (response) {
|
|
}
|
|
});
|
|
|
|
$("#uredjajEditContainer").remove();
|
|
mRow.addClass('d-flex').removeClass('d-none');
|
|
return false;
|
|
});
|
|
|
|
});
|
|
}
|
|
|
|
</script>
|