Developer
<!-- notify js -->
<script src='{{ asset('public/backend/js/bootstrap-notify.js') }}'></script>
<script>
// Show Laravel Error Messages----------------------------------------------
$(function () {
$(document).ready(function(){
@if (session('error'))
@if (is_array(session('error')))
@foreach (session('error') as $item)
$.notify(
{
title: "",
message: "{{ __($item) }}",
icon: 'las la-exclamation-triangle',
},
{
type: "danger",
allow_dismiss: true,
delay: 5000,
placement: {
from: "top",
align: "right"
},
}
);
@endforeach
@endif
@elseif (session('success'))
@if (is_array(session('success')))
@foreach (session('success') as $item)
$.notify(
{
title: "",
class:"text-break",
message: "{{ __($item) }}",
icon: 'las la-check-circle',
},
{
type: "success",
allow_dismiss: true,
delay: 5000,
placement: {
from: "top",
align: "right"
},
}
);
@endforeach
@endif
@elseif (session('warning'))
@if (is_array(session('warning')))
@foreach (session('warning') as $item)
$.notify(
{
title: "",
message: "{{ __($item) }}",
icon: 'las la-exclamation-triangle',
},
{
type: "warning",
allow_dismiss: true,
delay: 5000,
placement: {
from: "top",
align: "right"
},
}
);
@endforeach
@endif
@elseif ($errors->any())
@foreach ($errors->all() as $item)
$.notify(
{
title: "",
message: "{{ __($item) }}",
icon: 'las la-exclamation-triangle',
},
{
type: "danger",
allow_dismiss: true,
delay: 5000,
placement: {
from: "top",
align: "right"
},
}
);
@endforeach
@endif
});
});
//--------------------------------------------------------------------------
// Function for throw error messages from javascript------------------------
function throwMessage(type,errors = []) {
if(type == 'error') {
$.each(errors,function(index,item) {
$.notify(
{
title: "",
message: item,
icon: 'las la-exclamation-triangle',
},
{
type: "danger",
allow_dismiss: true,
delay: 5000,
placement: {
from: "top",
align: "right"
},
}
);
});
}else if(type == 'success') {
$.each(errors,function(index,item) {
$.notify(
{
title: "",
message: item,
icon: 'las la-check-circle',
},
{
type: "success",
allow_dismiss: true,
delay: 5000,
placement: {
from: "top",
align: "right"
},
}
);
});
}else if(type == 'warning') {
$.each(errors,function(index,item) {
$.notify(
{
title: "",
message: item,
icon: 'las la-check-circle',
},
{
type: "warning",
allow_dismiss: true,
delay: 5000,
placement: {
from: "top",
align: "right"
},
}
);
});
}
}
//--------------------------------------------------------------------------
// Function for set modal session value --------------------
var validationSession = null;
function getSessionValue(sesesionValue = null) {
validationSession = sessionValue;
}
@if (session('modal'))
var sessionValue = "{{ session('modal') }}";
getSessionValue(sessionValue);
@endif
// Function for open modal/popup when have backend session
function openModalWhenError(sessionValue,modalSelector) {
if(validationSession != sessionValue) {
return false;
}
openModalBySelector(modalSelector);
}
//----------------------------------------------------------
function countrySelect(element,errorElement) {
$(document).on("change",element,function(){
var targetElement = $(this);
var countryId = $(element+" :selected").attr("data-id");
if(countryId != "" || countryId != null) {
var CSRF = $("meta[name=csrf-token]").attr("content");
var data = {
_token : CSRF,
country_id : countryId,
};
$.post("{{ setRoute('global.country.states') }}",data,function() {
// success
$(errorElement).removeClass("is-invalid");
$(targetElement).siblings(".invalid-feedback").remove();
}).done(function(response){
// Place States to States Field
var options = "<option selected disabled>Select State</option>";
$.each(response,function(index,item) {
options += `<option value="${item.name}" data-id="${item.id}">${item.name}</option>`;
});
$(".state-select").html(options);
}).fail(function(response) {
if(response.status == 422) { // Validation Error
var faildMessage = "Please select a valid Country.";
var faildElement = `<span class="invalid-feedback" role="alert">
<strong>${faildMessage}</strong>
</span>`;
$(errorElement).addClass("is-invalid");
if($(targetElement).siblings(".invalid-feedback").length != 0) {
$(targetElement).siblings(".invalid-feedback").text(faildMessage);
}else {
errorElement.after(faildElement);
}
}else {
var faildMessage = "Something went wrong! Please try again.";
var faildElement = `<span class="invalid-feedback" role="alert">
<strong>${faildMessage}</strong>
</span>`;
$(errorElement).addClass("is-invalid");
if($(targetElement).siblings(".invalid-feedback").length != 0) {
$(targetElement).siblings(".invalid-feedback").text(faildMessage);
}else {
errorElement.after(faildElement);
}
}
});
}else {
// Push Error
}
});
}
// State Select Get Cities
function stateSelect(element,errorElement) {
$(document).on("change",element,function(){
var targetElement = $(this);
var stateId = $(element+" :selected").attr("data-id");
if(stateId != "" || stateId != null) {
var CSRF = $("meta[name=csrf-token]").attr("content");
var data = {
_token : CSRF,
state_id : stateId,
};
$.post("{{ setRoute('global.country.cities') }}",data,function() {
// success
$(errorElement).removeClass("is-invalid");
$(targetElement).siblings(".invalid-feedback").remove();
}).done(function(response){
// Place States to States Field
var options = "<option selected disabled>Select City</option>";
$.each(response,function(index,item) {
options += `<option value="${item.name}" data-id="${item.id}">${item.name}</option>`;
});
$(".city-select").html(options);
}).fail(function(response) {
if(response.status == 422) { // Validation Error
var faildMessage = "Please select a valid state.";
var faildElement = `<span class="invalid-feedback" role="alert">
<strong>${faildMessage}</strong>
</span>`;
$(errorElement).addClass("is-invalid");
if($(targetElement).siblings(".invalid-feedback").length != 0) {
$(targetElement).siblings(".invalid-feedback").text(faildMessage);
}else {
errorElement.after(faildElement);
}
}else {
var faildMessage = "Something went wrong! Please try again.";
var faildElement = `<span class="invalid-feedback" role="alert">
<strong>${faildMessage}</strong>
</span>`;
$(errorElement).addClass("is-invalid");
if($(targetElement).siblings(".invalid-feedback").length != 0) {
$(targetElement).siblings(".invalid-feedback").text(faildMessage);
}else {
errorElement.after(faildElement);
}
}
});
}else {
// Push Error
}
});
}
</script>
Developer
To access the Kueue Pay Developer API, you’ll need an API key. You can obtain your API key by logging in to your Kueue Pay merchant account and navigating to the API section. Collect Client ID , Secret ID & Merchant ID Carefully. Keep your API key confidential and do not share it publicly.