Add QRCode Scanning
This commit is contained in:
Honore Hounwanou
parent
61e18f01de
commit
f275210756
|
|
@ -0,0 +1,109 @@
|
|||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use App\Http\Requests;
|
||||
use App\Models\Attendee;
|
||||
use App\Models\Event;
|
||||
use Carbon\Carbon;
|
||||
use Illuminate\Http\Request;
|
||||
use JavaScript;
|
||||
|
||||
class EventQrcodeCheckInController extends Controller
|
||||
{
|
||||
/**
|
||||
* Show the check-in page
|
||||
*
|
||||
* @param $event_id
|
||||
* @return \Illuminate\View\View
|
||||
*/
|
||||
public function showCheckIn($event_id)
|
||||
{
|
||||
$event = Event::scope()->findOrFail($event_id);
|
||||
|
||||
JavaScript::put([
|
||||
'qrcodeCheckInRoute' => route('postQRCodeCheckInAttendee', ['event_id' => $event->id])
|
||||
]);
|
||||
|
||||
return view('ManageEvent.QrcodeCheckIn', compact('event'));
|
||||
}
|
||||
|
||||
/**
|
||||
* Check in an attendee
|
||||
*
|
||||
* @param $event_id
|
||||
* @param \Illuminate\Http\Request $request
|
||||
* @return \Illuminate\Http\JsonResponse
|
||||
*/
|
||||
public function postCheckInAttendee($event_id, Request $request)
|
||||
{
|
||||
$event = Event::scope()->findOrFail($event_id);
|
||||
|
||||
$qrcodeToken = $request->get('qrcode_token');
|
||||
|
||||
$attendee = Attendee::scope()->withoutCancelled()
|
||||
->join('tickets', 'tickets.id', '=', 'attendees.ticket_id')
|
||||
->where(function ($query) use ($event, $qrcodeToken) {
|
||||
$query->where('attendees.event_id', $event->id)
|
||||
->where('attendees.private_reference_number', $qrcodeToken);
|
||||
})->select([
|
||||
'attendees.id',
|
||||
'attendees.order_id',
|
||||
'attendees.first_name',
|
||||
'attendees.last_name',
|
||||
'attendees.email',
|
||||
'attendees.reference',
|
||||
'attendees.arrival_time',
|
||||
'attendees.has_arrived',
|
||||
'tickets.title as ticket',
|
||||
])->first();
|
||||
|
||||
if(is_null($attendee)){
|
||||
return response()->json(['status' => 'error', 'message' => "Invalid Ticket !"]);
|
||||
}
|
||||
|
||||
$relatedAttendesCount = Attendee::where([
|
||||
'order_id' => $attendee->order_id,
|
||||
'has_arrived' => false
|
||||
])->count();
|
||||
|
||||
if($relatedAttendesCount >= 1){
|
||||
$confirmOrderTicketsRoute = route('confirmCheckInOrderTickets', [$event->id, $attendee->order_id]);
|
||||
|
||||
$appendedText = '<br><br><form action="'. $confirmOrderTicketsRoute .'" method="POST">'. csrf_field() .'<input type="hidden" name="_method" value="PUT"><div class="row"><div class="col-md-10 col-md-offset-1 col-xs-12"><button class="btn btn-primary btn-block btn-lg" type="submit"><i class="fa fa-ticket"></i> Check in other tickets associated to this order</button></div></div></form>';
|
||||
} else {
|
||||
$appendedText = '';
|
||||
}
|
||||
|
||||
if ($attendee->has_arrived) {
|
||||
return response()->json([
|
||||
'status' => 'error',
|
||||
'message' => 'Warning: This Attendee Has Already Been Checked In at '. $attendee->arrival_time->format('H:i A, F j'). '.' . $appendedText
|
||||
]);
|
||||
}
|
||||
|
||||
Attendee::find($attendee->id)->update(['has_arrived' => true, 'arrival_time' => Carbon::now()]);
|
||||
|
||||
return response()->json([
|
||||
'status' => 'success',
|
||||
'message' => 'Success !<br>Name: ' . $attendee->first_name . ' ' . $attendee->last_name . '<br>Reference: '. $attendee->reference . '<br>Ticket: '. $attendee->ticket . '.' . $appendedText
|
||||
]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Confirm tickets of same order.
|
||||
*
|
||||
* @param $event_id
|
||||
* @param $order_id
|
||||
* @return \Illuminate\Http\Response
|
||||
*/
|
||||
public function confirmOrderTickets($event_id, $order_id)
|
||||
{
|
||||
$updateRowsCount = Attendee::where(['order_id' => $order_id, 'has_arrived' => false])
|
||||
->update(['has_arrived' => true, 'arrival_time' => Carbon::now()]);
|
||||
|
||||
session()->flash('success_message', $updateRowsCount . ' other tickets checked in.');
|
||||
return back();
|
||||
}
|
||||
}
|
||||
|
|
@ -562,6 +562,27 @@ Route::group(['middleware' => ['auth', 'first.run']], function () {
|
|||
'uses' => 'EventCheckInController@postCheckInAttendee',
|
||||
]);
|
||||
|
||||
|
||||
/*
|
||||
* -------
|
||||
* QRCode Check In App
|
||||
* -------
|
||||
*/
|
||||
Route::get('{event_id}/qrcode_check_in', [
|
||||
'as' => 'showQRCodeChechIn',
|
||||
'uses' => 'EventQrcodeCheckInController@showCheckIn',
|
||||
]);
|
||||
|
||||
Route::post('{event_id}/qrcode_check_in', [
|
||||
'as' => 'postQRCodeCheckInAttendee',
|
||||
'uses' => 'EventQrcodeCheckInController@postCheckInAttendee',
|
||||
]);
|
||||
|
||||
Route::match(['PUT', 'PATCH'], '{event_id}/confirm_order_tickets/{order_id}', [
|
||||
'as' => 'confirmCheckInOrderTickets',
|
||||
'uses' => 'EventQrcodeCheckInController@confirmOrderTickets',
|
||||
]);
|
||||
|
||||
/*
|
||||
* -------
|
||||
* Promote
|
||||
|
|
|
|||
|
|
@ -32,6 +32,8 @@ class Attendee extends MyBaseModel
|
|||
'ticket_id',
|
||||
'account_id',
|
||||
'reference',
|
||||
'has_arrived',
|
||||
'arrival_time'
|
||||
];
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -25,7 +25,8 @@
|
|||
"omnipay/paypal": "*",
|
||||
"omnipay/bitpay": "dev-master",
|
||||
"omnipay/coinbase": "dev-master",
|
||||
"barryvdh/laravel-ide-helper": "^2.1"
|
||||
"barryvdh/laravel-ide-helper": "^2.1",
|
||||
"laracasts/utilities": "^2.1"
|
||||
|
||||
},
|
||||
"require-dev": {
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@
|
|||
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
|
||||
"This file is @generated automatically"
|
||||
],
|
||||
"hash": "acfabb6575d92d14c44717c0d3e371c7",
|
||||
"content-hash": "7874f34b6511337f2d983c8e81cf82db",
|
||||
"hash": "a32ff9293593f1a4ebbba773feb95f77",
|
||||
"content-hash": "047498c5561f95ec60c3ab8660f2c2dc",
|
||||
"packages": [
|
||||
{
|
||||
"name": "aws/aws-sdk-php",
|
||||
|
|
@ -370,7 +370,7 @@
|
|||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/dompdf/dompdf/zipball/eaa6b4f3cb9a779bd9f8ead71bd30427f8e863e1",
|
||||
"url": "https://api.github.com/repos/dompdf/dompdf/zipball/adf81af61c89f0be9c091e905ca7c6f1f2398271",
|
||||
"reference": "eaa6b4f3cb9a779bd9f8ead71bd30427f8e863e1",
|
||||
"shasum": ""
|
||||
},
|
||||
|
|
@ -1183,6 +1183,50 @@
|
|||
],
|
||||
"time": "2015-12-05 17:17:57"
|
||||
},
|
||||
{
|
||||
"name": "laracasts/utilities",
|
||||
"version": "2.1",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/laracasts/PHP-Vars-To-Js-Transformer.git",
|
||||
"reference": "4402a0ed774f8eb36ea7ba169341d9d5b6049378"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/laracasts/PHP-Vars-To-Js-Transformer/zipball/4402a0ed774f8eb36ea7ba169341d9d5b6049378",
|
||||
"reference": "4402a0ed774f8eb36ea7ba169341d9d5b6049378",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"illuminate/support": "~5.0",
|
||||
"php": ">=5.4.0"
|
||||
},
|
||||
"require-dev": {
|
||||
"phpspec/phpspec": "~2.0"
|
||||
},
|
||||
"type": "library",
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"Laracasts\\Utilities\\JavaScript\\": "src/"
|
||||
}
|
||||
},
|
||||
"notification-url": "https://packagist.org/downloads/",
|
||||
"license": [
|
||||
"MIT"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "Jeffrey Way",
|
||||
"email": "jeffrey@laracasts.com"
|
||||
}
|
||||
],
|
||||
"description": "Transform your PHP to JavaScript",
|
||||
"keywords": [
|
||||
"javascript",
|
||||
"laravel"
|
||||
],
|
||||
"time": "2015-10-01 05:16:28"
|
||||
},
|
||||
{
|
||||
"name": "laravel/framework",
|
||||
"version": "v5.1.20",
|
||||
|
|
@ -2099,6 +2143,121 @@
|
|||
],
|
||||
"time": "2016-03-11 14:25:56"
|
||||
},
|
||||
{
|
||||
"name": "omnipay/bitpay",
|
||||
"version": "dev-master",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/thephpleague/omnipay-bitpay.git",
|
||||
"reference": "cf813f1d5436a1d2f942d3df6666695d1e2b5280"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/thephpleague/omnipay-bitpay/zipball/cf813f1d5436a1d2f942d3df6666695d1e2b5280",
|
||||
"reference": "cf813f1d5436a1d2f942d3df6666695d1e2b5280",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"omnipay/common": "~2.0"
|
||||
},
|
||||
"require-dev": {
|
||||
"omnipay/tests": "~2.0"
|
||||
},
|
||||
"type": "library",
|
||||
"extra": {
|
||||
"branch-alias": {
|
||||
"dev-master": "2.0.x-dev"
|
||||
}
|
||||
},
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"Omnipay\\BitPay\\": "src/"
|
||||
}
|
||||
},
|
||||
"notification-url": "https://packagist.org/downloads/",
|
||||
"license": [
|
||||
"MIT"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "Adrian Macneil",
|
||||
"email": "adrian@adrianmacneil.com"
|
||||
},
|
||||
{
|
||||
"name": "Omnipay Contributors",
|
||||
"homepage": "https://github.com/thephpleague/omnipay-bitpay/contributors"
|
||||
}
|
||||
],
|
||||
"description": "BitPay driver for the Omnipay payment processing library",
|
||||
"homepage": "https://github.com/thephpleague/omnipay-bitpay",
|
||||
"keywords": [
|
||||
"bitcoin",
|
||||
"bitpay",
|
||||
"gateway",
|
||||
"merchant",
|
||||
"omnipay",
|
||||
"pay",
|
||||
"payment"
|
||||
],
|
||||
"time": "2016-03-10 03:16:04"
|
||||
},
|
||||
{
|
||||
"name": "omnipay/coinbase",
|
||||
"version": "dev-master",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/thephpleague/omnipay-coinbase.git",
|
||||
"reference": "69c4f07d88ef3bdb2b42cd90234b358b641dfa29"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/thephpleague/omnipay-coinbase/zipball/69c4f07d88ef3bdb2b42cd90234b358b641dfa29",
|
||||
"reference": "69c4f07d88ef3bdb2b42cd90234b358b641dfa29",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"omnipay/common": "~2.0"
|
||||
},
|
||||
"require-dev": {
|
||||
"omnipay/tests": "~2.0"
|
||||
},
|
||||
"type": "library",
|
||||
"extra": {
|
||||
"branch-alias": {
|
||||
"dev-master": "2.0.x-dev"
|
||||
}
|
||||
},
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"Omnipay\\Coinbase\\": "src/"
|
||||
}
|
||||
},
|
||||
"notification-url": "https://packagist.org/downloads/",
|
||||
"license": [
|
||||
"MIT"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "Adrian Macneil",
|
||||
"email": "adrian@adrianmacneil.com"
|
||||
},
|
||||
{
|
||||
"name": "Omnipay Contributors",
|
||||
"homepage": "https://github.com/thephpleague/omnipay-coinbase/contributors"
|
||||
}
|
||||
],
|
||||
"description": "Coinbase driver for the Omnipay payment processing library",
|
||||
"homepage": "https://github.com/thephpleague/omnipay-coinbase",
|
||||
"keywords": [
|
||||
"coinbase",
|
||||
"gateway",
|
||||
"merchant",
|
||||
"omnipay",
|
||||
"pay",
|
||||
"payment"
|
||||
],
|
||||
"time": "2015-03-06 05:35:39"
|
||||
},
|
||||
{
|
||||
"name": "omnipay/common",
|
||||
"version": "v2.5.0",
|
||||
|
|
@ -3822,6 +3981,58 @@
|
|||
],
|
||||
"time": "2015-06-14 21:17:01"
|
||||
},
|
||||
{
|
||||
"name": "fzaninotto/faker",
|
||||
"version": "v1.5.0",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/fzaninotto/Faker.git",
|
||||
"reference": "d0190b156bcca848d401fb80f31f504f37141c8d"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://api.github.com/repos/fzaninotto/Faker/zipball/d0190b156bcca848d401fb80f31f504f37141c8d",
|
||||
"reference": "d0190b156bcca848d401fb80f31f504f37141c8d",
|
||||
"shasum": ""
|
||||
},
|
||||
"require": {
|
||||
"php": ">=5.3.3"
|
||||
},
|
||||
"require-dev": {
|
||||
"phpunit/phpunit": "~4.0",
|
||||
"squizlabs/php_codesniffer": "~1.5"
|
||||
},
|
||||
"suggest": {
|
||||
"ext-intl": "*"
|
||||
},
|
||||
"type": "library",
|
||||
"extra": {
|
||||
"branch-alias": {
|
||||
"dev-master": "1.5.x-dev"
|
||||
}
|
||||
},
|
||||
"autoload": {
|
||||
"psr-4": {
|
||||
"Faker\\": "src/Faker/"
|
||||
}
|
||||
},
|
||||
"notification-url": "https://packagist.org/downloads/",
|
||||
"license": [
|
||||
"MIT"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "François Zaninotto"
|
||||
}
|
||||
],
|
||||
"description": "Faker is a PHP library that generates fake data for you.",
|
||||
"keywords": [
|
||||
"data",
|
||||
"faker",
|
||||
"fixtures"
|
||||
],
|
||||
"time": "2015-05-29 06:29:14"
|
||||
},
|
||||
{
|
||||
"name": "phpspec/php-diff",
|
||||
"version": "v1.0.2",
|
||||
|
|
@ -4793,7 +5004,9 @@
|
|||
"nitmedia/wkhtml2pdf": 20,
|
||||
"dompdf/dompdf": 20,
|
||||
"vinelab/http": 20,
|
||||
"maxhoffmann/parsedown-laravel": 20
|
||||
"maxhoffmann/parsedown-laravel": 20,
|
||||
"omnipay/bitpay": 20,
|
||||
"omnipay/coinbase": 20
|
||||
},
|
||||
"prefer-stable": false,
|
||||
"prefer-lowest": false,
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@ return [
|
|||
|
|
||||
*/
|
||||
'key' => env('APP_KEY', 'SomeRandomString'),
|
||||
'cipher' => MCRYPT_RIJNDAEL_128,
|
||||
'cipher' => 'AES-256-CBC',
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| Logging Configuration
|
||||
|
|
@ -146,6 +146,7 @@ return [
|
|||
Mews\Purifier\PurifierServiceProvider::class,
|
||||
MaxHoffmann\Parsedown\ParsedownServiceProvider::class,
|
||||
Barryvdh\LaravelIdeHelper\IdeHelperServiceProvider::class,
|
||||
Laracasts\Utilities\JavaScript\JavaScriptServiceProvider::class,
|
||||
],
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
|
|||
|
|
@ -0,0 +1,30 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| View to Bind JavaScript Vars To
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Set this value to the name of the view (or partial) that
|
||||
| you want to prepend all JavaScript variables to.
|
||||
| This can be a single view, or an array of views.
|
||||
| Example: 'footer' or ['footer', 'bottom']
|
||||
|
|
||||
*/
|
||||
'bind_js_vars_to_this_view' => ['Shared.Layouts.ViewJavascript'],
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| JavaScript Namespace
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| By default, we'll add variables to the global window object. However,
|
||||
| it's recommended that you change this to some namespace - anything.
|
||||
| That way, you can access vars, like "SomeNamespace.someVariable."
|
||||
|
|
||||
*/
|
||||
'js_namespace' => 'Attendize'
|
||||
|
||||
];
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 625 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
|
|
@ -0,0 +1,99 @@
|
|||
body{
|
||||
font-family: "Source Sans Pro", sans-serif;
|
||||
}
|
||||
|
||||
a:active, a:focus, a:visited{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#outdiv
|
||||
{
|
||||
width: 400px;
|
||||
height: 250px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#v{
|
||||
width: 400px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 2px solid #c5c5c5;
|
||||
}
|
||||
|
||||
#qrfile{
|
||||
border: 2px solid #c5c5c5;
|
||||
width: 400px;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
#qr-canvas{
|
||||
display:none;
|
||||
}
|
||||
|
||||
#help-text{
|
||||
z-index: 9999999999;
|
||||
position: relative;
|
||||
color: #00AEFB;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#imghelp{
|
||||
position:relative;
|
||||
left:0px;
|
||||
top:-160px;
|
||||
z-index:100;
|
||||
background:#f2f2f2;
|
||||
margin-left:35px;
|
||||
margin-right:35px;
|
||||
padding-top:15px;
|
||||
padding-bottom:15px;
|
||||
border-radius:20px;
|
||||
}
|
||||
|
||||
.selector{
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#result{
|
||||
border: 1px solid #eaeaea;
|
||||
padding: 10px;
|
||||
margin-top: 3em;
|
||||
color: #456D86;
|
||||
width: 50%;
|
||||
background-color: #f2f2f2;
|
||||
font-size: 1.5em;
|
||||
font-weight: 500;
|
||||
box-shadow: none;
|
||||
border-radius: 3px;
|
||||
transition: background 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: 480px) {
|
||||
#result{
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
#outdiv{
|
||||
width: 300px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#help-text{
|
||||
top: -35px;
|
||||
}
|
||||
|
||||
#qrfile{
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
#v{
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,218 @@
|
|||
// QRCODE reader Copyright 2011 Lazar Laszlo
|
||||
// http://www.webqr.com
|
||||
|
||||
var workingAway = false;
|
||||
var gCtx = null;
|
||||
var gCanvas = null;
|
||||
var c=0;
|
||||
var stype=0;
|
||||
var gUM=false;
|
||||
var webkit=false;
|
||||
var moz=false;
|
||||
var v=null;
|
||||
|
||||
var beepSound = new Audio('/mp3/beep.mp3');
|
||||
|
||||
var imghtml='<div id="qrfile"><canvas id="out-canvas" width="320" height="240"></canvas>'+
|
||||
'<div id="imghelp">Drag and drop a QRCode here'+
|
||||
'<br>or select a file<br><br><br>'+
|
||||
'<input type="file" onchange="handleFiles(this.files)"/>'+
|
||||
'</div>'+
|
||||
'</div>';
|
||||
|
||||
var vidhtml = '<video id="v" autoplay></video>';
|
||||
|
||||
function dragenter(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
function dragover(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
}
|
||||
function drop(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
|
||||
var dt = e.dataTransfer;
|
||||
var files = dt.files;
|
||||
if(files.length>0)
|
||||
{
|
||||
handleFiles(files);
|
||||
}
|
||||
else
|
||||
if(dt.getData('URL'))
|
||||
{
|
||||
qrcode.decode(dt.getData('URL'));
|
||||
}
|
||||
}
|
||||
|
||||
function handleFiles(f)
|
||||
{
|
||||
var o=[];
|
||||
|
||||
for(var i =0;i<f.length;i++)
|
||||
{
|
||||
var reader = new FileReader();
|
||||
reader.onload = (function(theFile) {
|
||||
return function(e) {
|
||||
gCtx.clearRect(0, 0, gCanvas.width, gCanvas.height);
|
||||
|
||||
qrcode.decode(e.target.result);
|
||||
};
|
||||
})(f[i]);
|
||||
reader.readAsDataURL(f[i]);
|
||||
}
|
||||
}
|
||||
|
||||
function initCanvas(w,h)
|
||||
{
|
||||
gCanvas = document.getElementById("qr-canvas");
|
||||
gCanvas.style.width = w + "px";
|
||||
gCanvas.style.height = h + "px";
|
||||
gCanvas.width = w;
|
||||
gCanvas.height = h;
|
||||
gCtx = gCanvas.getContext("2d");
|
||||
gCtx.clearRect(0, 0, w, h);
|
||||
}
|
||||
|
||||
|
||||
function captureToCanvas() {
|
||||
if(stype!=1)
|
||||
return;
|
||||
if(gUM)
|
||||
{
|
||||
try{
|
||||
gCtx.drawImage(v,0,0);
|
||||
try{
|
||||
qrcode.decode();
|
||||
}
|
||||
catch(e){
|
||||
console.log(e);
|
||||
setTimeout(captureToCanvas, 500);
|
||||
};
|
||||
}
|
||||
catch(e){
|
||||
console.log(e);
|
||||
setTimeout(captureToCanvas, 500);
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function htmlEntities(str) {
|
||||
return String(str).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
|
||||
}
|
||||
|
||||
function read(qrcode_token)
|
||||
{
|
||||
if(workingAway) {
|
||||
return;
|
||||
}
|
||||
|
||||
workingAway = true;
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: Attendize.qrcodeCheckInRoute,
|
||||
data: {qrcode_token: qrcode_token},
|
||||
cache: false,
|
||||
complete: function(){
|
||||
beepSound.play();
|
||||
},
|
||||
error: function() {
|
||||
},
|
||||
success: function(response) {
|
||||
document.getElementById("result").innerHTML = "<b>" + response.message +"</b>";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function isCanvasSupported(){
|
||||
var elem = document.createElement('canvas');
|
||||
return !!(elem.getContext && elem.getContext('2d'));
|
||||
}
|
||||
function success(stream) {
|
||||
if(webkit)
|
||||
v.src = window.webkitURL.createObjectURL(stream);
|
||||
else
|
||||
if(moz)
|
||||
{
|
||||
v.mozSrcObject = stream;
|
||||
v.play();
|
||||
}
|
||||
else
|
||||
v.src = stream;
|
||||
gUM=true;
|
||||
setTimeout(captureToCanvas, 500);
|
||||
}
|
||||
|
||||
function error(error) {
|
||||
gUM=false;
|
||||
return;
|
||||
}
|
||||
|
||||
function load()
|
||||
{
|
||||
if(isCanvasSupported() && window.File && window.FileReader)
|
||||
{
|
||||
initCanvas(800, 600);
|
||||
qrcode.callback = read;
|
||||
document.getElementById("mainbody").style.display="inline";
|
||||
setwebcam();
|
||||
}
|
||||
else
|
||||
{
|
||||
document.getElementById("mainbody").style.display="inline";
|
||||
document.getElementById("mainbody").innerHTML='<p id="mp1">Attendize Checkpoint Manager for HTML5 capable browsers</p><br>'+
|
||||
'<br><p id="mp2">sorry your browser is not supported</p><br><br>'+
|
||||
'<p id="mp1">try <a href="http://www.mozilla.com/firefox"><img src="/assets/images/firefox.png"/></a> or <a href="http://chrome.google.com"><img src="/assets/images/chrome_logo.gif"/></a> or <a href="http://www.opera.com"><img src="/assets/images/Opera-logo.png"/></a></p>';
|
||||
}
|
||||
}
|
||||
|
||||
function setwebcam()
|
||||
{
|
||||
document.getElementById("help-text").style.display = "block";
|
||||
document.getElementById("result").innerHTML='Scanning <i class="fa fa-spinner fa-spin"></i>';
|
||||
if(stype==1)
|
||||
{
|
||||
setTimeout(captureToCanvas, 500);
|
||||
return;
|
||||
}
|
||||
var n=navigator;
|
||||
document.getElementById("outdiv").innerHTML = vidhtml;
|
||||
v=document.getElementById("v");
|
||||
|
||||
if(n.getUserMedia)
|
||||
n.getUserMedia({video: true, audio: false}, success, error);
|
||||
else
|
||||
if(n.webkitGetUserMedia)
|
||||
{
|
||||
webkit=true;
|
||||
n.webkitGetUserMedia({video:true, audio: false}, success, error);
|
||||
}
|
||||
else
|
||||
if(n.mozGetUserMedia)
|
||||
{
|
||||
moz=true;
|
||||
n.mozGetUserMedia({video: true, audio: false}, success, error);
|
||||
}
|
||||
|
||||
stype=1;
|
||||
setTimeout(captureToCanvas, 500);
|
||||
}
|
||||
function setimg()
|
||||
{
|
||||
document.getElementById("help-text").style.display = "none";
|
||||
document.getElementById("result").innerHTML='Waiting for a QRCode <i class="fa fa-spinner fa-spin"></i>';
|
||||
if(stype==2)
|
||||
return;
|
||||
document.getElementById("outdiv").innerHTML = imghtml;
|
||||
document.getElementById("qrimg").style.opacity=1.0;
|
||||
document.getElementById("webcamimg").style.opacity=0.2;
|
||||
var qrfile = document.getElementById("qrfile");
|
||||
qrfile.addEventListener("dragenter", dragenter, false);
|
||||
qrfile.addEventListener("dragover", dragover, false);
|
||||
qrfile.addEventListener("drop", drop, false);
|
||||
stype=2;
|
||||
}
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>
|
||||
Attendize QRCode Check In: {{ $event->title }}
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
|
||||
{!! HTML::style('assets/stylesheet/qrcode-check-in.css') !!}
|
||||
{!! HTML::script('vendor/jquery/jquery.js') !!}
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
|
||||
|
||||
@include('Shared/Layouts/ViewJavascript')
|
||||
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-Token': "<?php echo csrf_token() ?>"
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{!! HTML::script('vendor/qrcode-scan/llqrcode.js') !!}
|
||||
{!! HTML::script('vendor/qrcode-scan/webqr.js') !!}
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
<header id="header">
|
||||
<h2 class="text-center"><img style="width: 40px;" class="logo" alt="Attendize" src="{{ asset('/assets/images/logo-100x100-lightBg.png') }}"/><br><span style="font-size: 0.7em;">Check In: <strong>{{ $event->title }}</strong></span></h2>
|
||||
</header>
|
||||
|
||||
<hr>
|
||||
|
||||
@if(session()->has('success_message'))
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3 col-xs-12">
|
||||
<div class="alert alert-success alert-dismissible text-center" role="alert">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<p><strong>Success</strong>: {{ session('success_message') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div id="mainbody">
|
||||
<table class="tsel" border="0" width="100%">
|
||||
<tr>
|
||||
<td valign="top" align="center" width="50%">
|
||||
<table class="tsel" border="0">
|
||||
<tr>
|
||||
<td>
|
||||
<img class="selector" id="webcamimg" src="{{ asset('/assets/images/vid.png') }}" onclick="setwebcam()" align="left" />
|
||||
</td>
|
||||
<td>
|
||||
<img class="selector" id="qrimg" src="{{ asset('/assets/images/cam.png') }}" onclick="setimg()" align="right"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" align="center">
|
||||
<div id="outdiv">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" align="center">
|
||||
<p id="help-text">Put the QR code in front of your Camera</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" align="center">
|
||||
<p style="position: relative; bottom: -2em;"><a onclick="event.preventDefault(); workingAway = false; load();" href="{{ Request::url() }}"><i class="fa fa-refresh"></i> Scan another ticket</a></p>
|
||||
<div id="result"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<footer id="footer">
|
||||
<br>
|
||||
<br>
|
||||
<h5 align="center" style="color: #6D717A;">© <a href="https://www.attendize.com/">Attendize</a> {{ date('Y') }} · All Rights Reserved.</h5>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<canvas id="qr-canvas" width="800" height="600"></canvas>
|
||||
<script type="text/javascript">load();</script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue