Commit a216581e by fezrul

scanner

parent 42686604
......@@ -127,6 +127,24 @@ class HomeController extends Controller
}
public function checkUser(Request $request) {
$result =0;
if ($request->data) {
$user = User::where('QRpassword',$request->data)->first();
if ($user) {
Sentinel::authenticate($user);
$result =1;
}else{
$result =0;
}
}
return $result;
}
public function editevent($id)
{
......
<!doctype html>
<html lang="zxx">
@extends('layouts.scan')
@section('content')
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Event Handler">
<meta name="author" content="3F Resources">
<title>MyEvent - 3F Resources.com</title>
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
<!-- CSS Files -->
<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="../css/font-awesome.min.css" rel="stylesheet" />
<link href="../css/material-kit.css" rel="stylesheet" />
<link href="../css/owl.carousel.css" rel="stylesheet" />
<link href="../css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="../scans.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webrtc-adapter/3.3.3/adapter.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js"></script>
<!-- favicon -->
<link rel="icon" href="img/favicon.ico">
<!-- Colors -->
<link rel="stylesheet" href="../css/red.css">
<!-- Skin switcher -->
<!-- Manually link your desire skin -->
</head>
<body>
<div class="tab-content p-5 bg-light">
<h2 class="mb-4">Scan Qr code</h2>
<div class="" id="headers">
<!-- Header -->
<div class="contact-us">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="card card-contact">
<form id="contactForm" method="post" novalidate>
<div class="header header-raised header-primary text-center">
<h4 class="card-title">Attendance of guest</h4>
</div>
<div class="card-layer"></div>
<div class="content">
<div class="form-group label-floating">
<div class="cards">
<div class="cards-header cards-chart" data-background-color="blue" style="padding:20px">
<div class="input-group mb-3">
<div id="app">
<script type="text/javascript" src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js"></script>
<div class="preview-container">
<video id="preview"></video>
</div>
</div>
<script type="text/javascript">
let scanner = new Instascan.Scanner({ video: document.getElementById('preview') });
scanner.addListener('scan', function (content) {
console.log(content);
});
Instascan.Camera.getCameras().then(function (cameras) {
if (cameras.length > 0) {
scanner.start(cameras[0]);
} else {
console.error('No cameras found.');
}
}).catch(function (e) {
console.error(e);
});
</script>
</div>
</div>
<div class="row">
<div class="cards-content">
<h4 class="title"></h4>
<p class="category"><div class="form-group">
<div class="form-check form-check-inline">
<section class="cameras">
<h2>Cameras</h2>
<ul>
<li v-if="cameras.length === 0" class="empty">No cameras found</li>
<li v-for="camera in cameras">
<span v-if="camera.id == activeCameraId" :title="formatName(camera.name)" class="active"></span>
<span v-if="camera.id != activeCameraId" :title="formatName(camera.name)">
<a @click.stop="selectCamera(camera)"></a>
</span>
</li>
</ul>
</section>
<section class="scans">
<h2>Scans</h2>
<ul v-if="scans.length === 0">
......@@ -75,90 +57,15 @@
<li v-for="scan in scans" :key="scan.date" :title="scan.content"></li>
</transition-group>
</section>
<div class="col-md-12">
oihohuhuihuihuih
</div>
</div>
</div>
</form>
</div>
<!-- <div class="row">
<br>
<br>
</div>
-->
</div></p>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- End Header -->
</div>
<!-- End contact -->
<!-- Subscribe -->
<!-- End subscribe -->
<!-- Footer -->
<!-- ./Footer section -->
<!-- End footer -->
<!-- Core JS Files -->
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
scanner: null,
activeCameraId: null,
cameras: [],
scans: []
},
mounted: function () {
var self = this;
self.scanner = new Instascan.Scanner({ video: document.getElementById('preview'), scanPeriod: 5 });
self.scanner.addListener('scan', function (content, image) {
self.scans.unshift({ date: +(Date.now()), content: content });
});
Instascan.Camera.getCameras().then(function (cameras) {
self.cameras = cameras;
if (cameras.length > 0) {
self.activeCameraId = cameras[0].id;
self.scanner.start(cameras[0]);
} else {
console.error('No cameras found.');
}
}).catch(function (e) {
console.error(e);
});
},
methods: {
formatName: function (name) {
return name || '(unknown)';
},
selectCamera: function (camera) {
this.activeCameraId = camera.id;
this.scanner.start(camera);
}
}
});
</div>
</script>
</body>
</html>
@endsection
......@@ -46,6 +46,7 @@ function($app) {
$app->get('{slug}/', 'EventPageController@index');
$app->get('find/{slug}/', 'EventPageController@findevent');
$app->get('search/', 'HomeController@checkUser');
$app->get('detail/{slug}', 'EventPageController@detail');
$app->get('qrscan/{slug}/{email}/{invcode}/', 'EventPageController@qrscan');
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment