swapnil/my-idlers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated server create blade view

Browse Source 
Updated server create blade view for NPM webpack usage
This commit is contained in:
cp6 2022-11-13 15:54:43 +11:00
parent 26356b3cd7
commit 908b8df495
1 changed files with 33 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
resources/views/servers/create.blade.php
View File

@ -1,8 +1,4 @@
@section("title", "Add a server") @section("title", "Add a server")
@section('scripts')
<script src="{{ asset('js/vue.min.js') }}"></script>
<script src="{{ asset('js/axios.min.js') }}"></script>
@endsection
<x-app-layout> <x-app-layout>
<x-slot name="header"> <x-slot name="header">
{{ __('Insert a new server') }} {{ __('Insert a new server') }}
@ -224,7 +220,8 @@
</x-labels-select> </x-labels-select>
</div> </div>
</div> </div>
<x-form-check text="Allow this data to be public, restrict values in settings" name="show_public"></x-form-check> <x-form-check text="Allow this data to be public, restrict values in settings"
name="show_public"></x-form-check>
<div class="row"> <div class="row">
<div class="col-12 col-lg-4"> <div class="col-12 col-lg-4">
<x-submit-button>Insert server</x-submit-button> <x-submit-button>Insert server</x-submit-button>
@ -233,35 +230,39 @@
</form> </form>
</x-card> </x-card>
</div> </div>
@section('scripts')
<script>
window.addEventListener('load', function () {
<script> axios.defaults.headers.common = {
axios.defaults.headers.common = { 'Content-Type': 'application/json',
'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest',
'X-Requested-With': 'XMLHttpRequest', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Accept': 'application/json',
'Accept': 'application/json', };
};
let app = new Vue({ let app = new Vue({
el: "#app", el: "#app",
data: { data: {
"ipv4_in": '', "ipv4_in": '',
"ipv6_in": '' "ipv6_in": ''
}, },
methods: { methods: {
fetchDnsRecords(event) { fetchDnsRecords(event) {
var hostname = document.getElementById('hostname').value; var hostname = document.getElementById('hostname').value;
if (hostname) { if (hostname) {
axios axios
.get('/api/dns/' + hostname + '/A', {headers: {'Authorization': 'Bearer ' + document.querySelector('meta[name="api_token"]').getAttribute('content')}}) .get('/api/dns/' + hostname + '/A', {headers: {'Authorization': 'Bearer ' + document.querySelector('meta[name="api_token"]').getAttribute('content')}})
.then(response => (this.ipv4_in = response.data.ip)); .then(response => (this.ipv4_in = response.data.ip));
axios axios
.get('/api/dns/' + hostname + '/AAAA', {headers: {'Authorization': 'Bearer ' + document.querySelector('meta[name="api_token"]').getAttribute('content')}}) .get('/api/dns/' + hostname + '/AAAA', {headers: {'Authorization': 'Bearer ' + document.querySelector('meta[name="api_token"]').getAttribute('content')}})
.then(response => (this.ipv6_in = response.data.ip)); .then(response => (this.ipv6_in = response.data.ip));
}
}
} }
} });
} })
}); </script>
</script> @endsection
</x-app-layout> </x-app-layout>