Viewing file:  edit.blade.php (3.5 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.customer')
@section('title', 'Device Edit')
@section('extra-css')
<link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}">
<style>
.modal-qr-code {
height: 200px;
width: 220px;
margin: 0 auto;
}
.modal-qr-code img {
width: 100%;
height: 100%;
}
#qrcode {
width: 100%;
height: 100%;
margin: 0 auto;
text-align: center;
}
#qrcode a {
font-size: 0.8em;
}
.qr-url,
.qr-size {
padding: 0.5em;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
canvas {
height: 100%;
width: 100%;
}
</style>
@endsection
@section('content')
<section class="content">
<div class="row">
<div class="col-12 mx-auto col-sm-10 mt-3">
<div class="card">
<div class="card-header">
<h2 class="card-title">@lang('customer.device_edit')
@if (isset($device) && $device->status == 'active')
<img id="deviceStatus" src="{{ asset('images/online.png') }}" />
@else
<img id="deviceStatus" src="{{ asset('images/offline.png') }}" />
@endif
</h2>
<a class="btn btn-primary float-right text-front-normal"
href="{{ route('customer.device.index') }}">@lang('customer.back')</a>
</div>
<form method="post" role="form" action="{{ route('customer.device.update', [$device]) }}">
@csrf
@method('put')
<div class="card-body">
@include('customer.device.form')
</div>
<div class="card-footer">
<button type="submit" class="btn btn-primary text-front-normal">@lang('customer.update')</button>
</div>
</form>
</div>
</div>
</div>
</section>
@endsection
@section('extra-scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrious/4.0.2/qrious.min.js"></script>
<script src="https://cdn.socket.io/4.7.2/socket.io.min.js"
integrity="sha384-mZLF4UVrpi/QTWPA7BjNPEnkIfRFn4ZEO3Qt/HFklTJBj/gBOV8G3HcKn4NfQblz" crossorigin="anonymous">
</script>
@if (isset($device) && $device->status == 'inactive')
<script>
const socket = io("{{ config('pico.wa_server_host') }}");
socket.on("connect", () => {
console.log("Connected");
});
socket.on("qrcode", (res) => {
if (!res.code) {
notify('danger', 'Invalid qr code')
retrn;
}
const code = res.code;
new QRious({
element: document.getElementById("qrcode"),
value: code,
size: 200
});
});
socket.emit('scan', {
id: '{{ $device->device_unique_id }}'
})
</script>
@endif
@endsection
|