Set the baseURL for ajax requests (#373)
* Set the baseURL for ajax requests * Use async/await on AJAX calls * Add mix_public() cache generated asset cache busting * Move storage container into separate class * Fix some styling
This commit is contained in:
@@ -1,5 +1,7 @@
|
||||
@section('scripts')
|
||||
<script>
|
||||
'use strict';
|
||||
|
||||
function setEditable() {
|
||||
const csrf_token = $('meta[name="csrf-token"]').attr('content');
|
||||
const api_key = $('meta[name="api-key"]').attr('content');
|
||||
@@ -81,26 +83,32 @@ $(document).ready(function() {
|
||||
}
|
||||
});
|
||||
|
||||
$('a.airport_data_lookup').click(function(e) {
|
||||
$('a.airport_data_lookup').click(async function(e) {
|
||||
e.preventDefault();
|
||||
const icao = $("input#airport_icao").val();
|
||||
if(icao === '') {
|
||||
return;
|
||||
}
|
||||
|
||||
phpvms.airport_lookup(icao, function(response) {
|
||||
_.forEach(response.data, function(value, key) {
|
||||
if(key === 'city') {
|
||||
key = 'location';
|
||||
}
|
||||
let response;
|
||||
try {
|
||||
response = await phpvms.airport_lookup(icao);
|
||||
} catch (e) {
|
||||
console.log('Error looking up airport!', e);
|
||||
return;
|
||||
}
|
||||
|
||||
$("#" + key).val(value);
|
||||
_.forEach(response.data, function (value, key) {
|
||||
if (key === 'city') {
|
||||
key = 'location';
|
||||
}
|
||||
|
||||
if(key === 'tz') {
|
||||
$("#timezone").val(value);
|
||||
$("#timezone").trigger('change');
|
||||
}
|
||||
});
|
||||
$("#" + key).val(value);
|
||||
|
||||
if (key === 'tz') {
|
||||
$("#timezone").val(value);
|
||||
$("#timezone").trigger('change');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@@ -21,9 +21,9 @@
|
||||
<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700,300" rel="stylesheet" type="text/css"/>
|
||||
|
||||
<link rel="stylesheet" href="{{ public_asset('/assets/global/css/vendor.css') }}"/>
|
||||
<link rel="stylesheet" href="{{ public_asset('/assets/admin/css/vendor.css') }}"/>
|
||||
<link rel="stylesheet" href="{{ public_asset('/assets/admin/css/admin.css') }}"/>
|
||||
<link rel="stylesheet" href="{{ mix_public('/assets/global/css/vendor.css') }}"/>
|
||||
<link rel="stylesheet" href="{{ mix_public('/assets/admin/css/vendor.css') }}"/>
|
||||
<link rel="stylesheet" href="{{ mix_public('/assets/admin/css/admin.css') }}"/>
|
||||
|
||||
<style type="text/css">
|
||||
@yield('css')
|
||||
@@ -91,47 +91,10 @@
|
||||
</body>
|
||||
|
||||
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
|
||||
<script defer src="{{ public_asset('/assets/admin/js/vendor.js') }}"></script>
|
||||
<script defer src="{{ public_asset('/assets/admin/js/app.js') }}"></script>
|
||||
<script defer src="{{ mix_public('/assets/admin/js/vendor.js') }}"></script>
|
||||
<script defer src="{{ mix_public('/assets/admin/js/app.js') }}"></script>
|
||||
|
||||
<script>
|
||||
const getStorage = function(key) {
|
||||
const st = window.localStorage.getItem(key);
|
||||
// console.log('storage: ', key, st);
|
||||
if(!st) {
|
||||
return {
|
||||
"menu": [],
|
||||
};
|
||||
}
|
||||
|
||||
return JSON.parse(st);
|
||||
};
|
||||
|
||||
const saveStorage = function(key, obj) {
|
||||
// console.log('save: ', key, obj);
|
||||
window.localStorage.setItem(key, JSON.stringify(obj));
|
||||
};
|
||||
|
||||
const addItem = function(obj, item) {
|
||||
if (!obj) { obj = []; }
|
||||
const index = obj.indexOf(item);
|
||||
if(index === -1) {
|
||||
obj.push(item);
|
||||
}
|
||||
|
||||
return obj;
|
||||
};
|
||||
|
||||
const removeItem = function (obj, item) {
|
||||
if (!obj) { obj = []; }
|
||||
const index = obj.indexOf(item);
|
||||
if (index !== -1) {
|
||||
obj.splice(index, 1);
|
||||
}
|
||||
|
||||
return obj;
|
||||
};
|
||||
|
||||
/**
|
||||
* Initialize any plugins on the page
|
||||
*/
|
||||
@@ -144,14 +107,17 @@ const initPlugins = () => {
|
||||
};
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
initPlugins();
|
||||
|
||||
let storage = getStorage('phpvms.admin');
|
||||
//let storage = getStorage('phpvms.admin');
|
||||
const storage = new phpvms.Storage('phpvms.admin', {
|
||||
"menu": [],
|
||||
});
|
||||
|
||||
// see what menu items should be open
|
||||
for(let idx = 0; idx < storage.menu.length; idx++) {
|
||||
const id = storage.menu[idx];
|
||||
const menu = storage.getList('menu');
|
||||
for (const id of menu) {
|
||||
console.log('found '+id);
|
||||
const elem = $(".collapse#" + id);
|
||||
elem.addClass("in").trigger("show.bs.collapse");
|
||||
|
||||
@@ -160,26 +126,26 @@ $(document).ready(function () {
|
||||
caret.removeClass("pe-7s-angle-right");
|
||||
}
|
||||
|
||||
$(".collapse").on("hide.bs.collapse", function () {
|
||||
// console.log('hiding');
|
||||
$(".collapse").on("hide.bs.collapse", function() {
|
||||
const id = $(this).attr('id');
|
||||
const elem = $("a." + id + " b");
|
||||
elem.removeClass("pe-7s-angle-down");
|
||||
elem.addClass("pe-7s-angle-right");
|
||||
|
||||
removeItem(storage.menu, id);
|
||||
saveStorage("phpvms.admin", storage);
|
||||
// console.log('hiding ' + id);
|
||||
storage.removeFromList('menu', id);
|
||||
storage.save();
|
||||
});
|
||||
|
||||
$(".collapse").on("show.bs.collapse", function () {
|
||||
// console.log('showing');
|
||||
$(".collapse").on("show.bs.collapse", function() {
|
||||
const id = $(this).attr('id');
|
||||
const caret = $("a." + id + " b");
|
||||
caret.addClass("pe-7s-angle-down");
|
||||
caret.removeClass("pe-7s-angle-right");
|
||||
|
||||
addItem(storage.menu, id);
|
||||
saveStorage("phpvms.admin", storage);
|
||||
// console.log('showing ' + id);
|
||||
storage.addToList('menu', id);
|
||||
storage.save();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -96,7 +96,7 @@ $(document).ready(function () {
|
||||
setFieldsEditable();
|
||||
});
|
||||
|
||||
$('a.airport_distance_lookup').click(function (e) {
|
||||
$('a.airport_distance_lookup').click(async function (e) {
|
||||
e.preventDefault();
|
||||
const fromIcao = $("select#dpt_airport_id option:selected").val();
|
||||
const toIcao = $("select#arr_airport_id option:selected").val();
|
||||
@@ -105,10 +105,16 @@ $(document).ready(function () {
|
||||
}
|
||||
|
||||
console.log(`Calculating from ${fromIcao} to ${toIcao}`);
|
||||
phpvms.calculate_distance(fromIcao, toIcao, function (response) {
|
||||
console.log('Calculate distance:', response);
|
||||
$("#distance").val(response.data.distance.nmi);
|
||||
});
|
||||
let response;
|
||||
|
||||
try {
|
||||
response = await phpvms.calculate_distance(fromIcao, toIcao);
|
||||
} catch (e) {
|
||||
console.log('Error calculating distance:', e);
|
||||
return;
|
||||
}
|
||||
|
||||
$("#distance").val(response.data.distance.nmi);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user