From 3ef62fd8a29ecedae3cb7773a7904db22b3466ee Mon Sep 17 00:00:00 2001 From: Dave Date: Mon, 11 Apr 2016 16:57:00 +0100 Subject: [PATCH] Work on Qr Scanner check-in Work on global JS Minor tweaks and fixes --- .../Controllers/EventCheckInController.php | 12 +- app/Http/Controllers/MyBaseController.php | 41 +- app/Models/User.php | 10 + public/assets/javascript/app.js | 9 +- public/assets/javascript/backend.js | 11 +- public/assets/javascript/check_in.js | 282 ++++++++ public/assets/stylesheet/check_in.css | 371 ++++++++++ resources/views/ManageEvent/CheckIn.blade.php | 675 +----------------- .../views/Shared/Layouts/Master.blade.php | 10 +- .../Layouts/MasterWithoutMenus.blade.php | 2 + .../Shared/Partials/GlobalMeta.blade.php | 56 +- 11 files changed, 746 insertions(+), 733 deletions(-) create mode 100644 public/assets/javascript/check_in.js create mode 100644 public/assets/stylesheet/check_in.css diff --git a/app/Http/Controllers/EventCheckInController.php b/app/Http/Controllers/EventCheckInController.php index 36d0ee73..b226b3ae 100644 --- a/app/Http/Controllers/EventCheckInController.php +++ b/app/Http/Controllers/EventCheckInController.php @@ -7,6 +7,7 @@ use App\Models\Attendee; use App\Models\Event; use Carbon\Carbon; use DB; +use JavaScript; class EventCheckInController extends MyBaseController { @@ -19,10 +20,17 @@ class EventCheckInController extends MyBaseController public function showCheckIn($event_id) { + $event = Event::scope()->findOrFail($event_id); - $data['event'] = Event::scope()->findOrFail($event_id); - $data['attendees'] = $data['event']->attendees; + $data = [ + 'event' => $event, + 'attendees' => $event->attendees + ]; + JavaScript::put([ + 'qrcodeCheckInRoute' => route('postQRCodeCheckInAttendee', ['event_id' => $event->id]), + 'checkInRoute' => route('postCheckInSearch', ['event_id' => $event->id]) + ]); return view('ManageEvent.CheckIn', $data); } diff --git a/app/Http/Controllers/MyBaseController.php b/app/Http/Controllers/MyBaseController.php index 6af8e887..87876d9f 100644 --- a/app/Http/Controllers/MyBaseController.php +++ b/app/Http/Controllers/MyBaseController.php @@ -5,31 +5,36 @@ namespace App\Http\Controllers; use App\Models\Event; use App\Models\Organiser; +use Auth; +use JavaScript; use View; + class MyBaseController extends Controller { public function __construct() { + /* + * Set up JS across all views + */ + JavaScript::put([ + 'User' => [ + 'full_name' => Auth::user()->full_name, + 'email' => Auth::user()->email, + 'is_confirmed' => Auth::user()->is_confirmed, + ], + 'DateFormat' =>'dd-MM-yyyy', + 'DateTimeFormat' => 'dd-MM-yyyy hh:mm', + 'GenericErrorMessage' => 'Whoops!, An unknown error has occurred. Please try again or contact support if the problem persists.' + ]); + /* * Share the organizers across all views */ View::share('organisers', Organiser::scope()->get()); } - /** - * Setup the layout used by the controller. - * - * @return void - */ - protected function setupLayout() - { - if (!is_null($this->layout)) { - $this->layout = View::make($this->layout); - } - } - /** * Returns data which is required in each view, optionally combined with additional data. * @@ -47,4 +52,16 @@ class MyBaseController extends Controller 'questions' => $event->questions()->get(), ], $additional_data); } + + /** + * Setup the layout used by the controller. + * + * @return void + */ + protected function setupLayout() + { + if (!is_null($this->layout)) { + $this->layout = View::make($this->layout); + } + } } diff --git a/app/Models/User.php b/app/Models/User.php index ac385988..b3505457 100644 --- a/app/Models/User.php +++ b/app/Models/User.php @@ -133,6 +133,16 @@ class User extends Model implements AuthenticatableContract, CanResetPasswordCon return 'remember_token'; } + /** + * Get the full name of the user. + * + * @return string + */ + public function getFullNameAttribute() + { + return $this->first_name.' '.$this->last_name; + } + /** * Boot all of the bootable traits on the model. */ diff --git a/public/assets/javascript/app.js b/public/assets/javascript/app.js index 3d7e0471..9cb6de65 100644 --- a/public/assets/javascript/app.js +++ b/public/assets/javascript/app.js @@ -1,10 +1,3 @@ -window.Attendize = { - DateFormat: 'dd-MM-yyyy', - DateTimeFormat: 'dd-MM-yyyy hh:mm', - GenericErrorMessage: 'Whoops!, An unknown error has occurred.' - + 'Please try again or contact support if the problem persists. ' -}; - $(function () { /* @@ -13,7 +6,7 @@ $(function () { * -------------------------- */ - /* Datepciker */ + /* Datepicker */ $(document).ajaxComplete(function () { $('#DatePicker').remove(); var $div = $("
", {id: "DatePicker"}); diff --git a/public/assets/javascript/backend.js b/public/assets/javascript/backend.js index 4e0c276d..4933dc88 100644 --- a/public/assets/javascript/backend.js +++ b/public/assets/javascript/backend.js @@ -8472,14 +8472,7 @@ $.cf = { })); -;!function(i){"function"==typeof define&&define.amd?define(["jquery"],i):"object"==typeof exports?module.exports=i(require("jquery")):i(jQuery)}(function($){"use strict";function i(i,t){var o=$('
'),s=$.minicolors.defaults,a,n,r,c,l;if(!i.data("minicolors-initialized")){if(t=$.extend(!0,{},s,t),o.addClass("minicolors-theme-"+t.theme).toggleClass("minicolors-with-opacity",t.opacity).toggleClass("minicolors-no-data-uris",t.dataUris!==!0),void 0!==t.position&&$.each(t.position.split(" "),function(){o.addClass("minicolors-position-"+this)}),a="rgb"===t.format?t.opacity?"25":"20":t.keywords?"11":"7",i.addClass("minicolors-input").data("minicolors-initialized",!1).data("minicolors-settings",t).prop("size",a).wrap(o).after('
'),t.inline||(i.after(''),i.next(".minicolors-input-swatch").on("click",function(t){t.preventDefault(),i.focus()})),c=i.parent().find(".minicolors-panel"),c.on("selectstart",function(){return!1}).end(),t.swatches&&0!==t.swatches.length)for(t.swatches.length>7&&(t.swatches.length=7),c.addClass("minicolors-with-swatches"),n=$('
    ').appendTo(c),l=0;l').appendTo(n).data("swatch-color",t.swatches[l]).find(".minicolors-swatch-color").css({backgroundColor:y(r),opacity:r.a}),t.swatches[l]=r;t.inline&&i.parent().addClass("minicolors-inline"),e(i,!1),i.data("minicolors-initialized",!0)}}function t(i){var t=i.parent();i.removeData("minicolors-initialized").removeData("minicolors-settings").removeProp("size").removeClass("minicolors-input"),t.before(i).remove()}function o(i){var t=i.parent(),o=t.find(".minicolors-panel"),a=i.data("minicolors-settings");!i.data("minicolors-initialized")||i.prop("disabled")||t.hasClass("minicolors-inline")||t.hasClass("minicolors-focus")||(s(),t.addClass("minicolors-focus"),o.stop(!0,!0).fadeIn(a.showSpeed,function(){a.show&&a.show.call(i.get(0))}))}function s(){$(".minicolors-focus").each(function(){var i=$(this),t=i.find(".minicolors-input"),o=i.find(".minicolors-panel"),s=t.data("minicolors-settings");o.fadeOut(s.hideSpeed,function(){s.hide&&s.hide.call(t.get(0)),i.removeClass("minicolors-focus")})})}function a(i,t,o){var s=i.parents(".minicolors").find(".minicolors-input"),a=s.data("minicolors-settings"),r=i.find("[class$=-picker]"),e=i.offset().left,c=i.offset().top,l=Math.round(t.pageX-e),h=Math.round(t.pageY-c),d=o?a.animationSpeed:0,p,u,g,m;t.originalEvent.changedTouches&&(l=t.originalEvent.changedTouches[0].pageX-e,h=t.originalEvent.changedTouches[0].pageY-c),0>l&&(l=0),0>h&&(h=0),l>i.width()&&(l=i.width()),h>i.height()&&(h=i.height()),i.parent().is(".minicolors-slider-wheel")&&r.parent().is(".minicolors-grid")&&(p=75-l,u=75-h,g=Math.sqrt(p*p+u*u),m=Math.atan2(u,p),0>m&&(m+=2*Math.PI),g>75&&(g=75,l=75-75*Math.cos(m),h=75-75*Math.sin(m)),l=Math.round(l),h=Math.round(h)),i.is(".minicolors-grid")?r.stop(!0).animate({top:h+"px",left:l+"px"},d,a.animationEasing,function(){n(s,i)}):r.stop(!0).animate({top:h+"px"},d,a.animationEasing,function(){n(s,i)})}function n(i,t){function o(i,t){var o,s;return i.length&&t?(o=i.offset().left,s=i.offset().top,{x:o-t.offset().left+i.outerWidth()/2,y:s-t.offset().top+i.outerHeight()/2}):null}var s,a,n,e,l,h,d,p=i.val(),u=i.attr("data-opacity"),g=i.parent(),f=i.data("minicolors-settings"),v=g.find(".minicolors-input-swatch"),b=g.find(".minicolors-grid"),w=g.find(".minicolors-slider"),y=g.find(".minicolors-opacity-slider"),k=b.find("[class$=-picker]"),M=w.find("[class$=-picker]"),x=y.find("[class$=-picker]"),I=o(k,b),S=o(M,w),z=o(x,y);if(t.is(".minicolors-grid, .minicolors-slider, .minicolors-opacity-slider")){switch(f.control){case"wheel":e=b.width()/2-I.x,l=b.height()/2-I.y,h=Math.sqrt(e*e+l*l),d=Math.atan2(l,e),0>d&&(d+=2*Math.PI),h>75&&(h=75,I.x=69-75*Math.cos(d),I.y=69-75*Math.sin(d)),a=m(h/.75,0,100),s=m(180*d/Math.PI,0,360),n=m(100-Math.floor(S.y*(100/w.height())),0,100),p=C({h:s,s:a,b:n}),w.css("backgroundColor",C({h:s,s:a,b:100}));break;case"saturation":s=m(parseInt(I.x*(360/b.width()),10),0,360),a=m(100-Math.floor(S.y*(100/w.height())),0,100),n=m(100-Math.floor(I.y*(100/b.height())),0,100),p=C({h:s,s:a,b:n}),w.css("backgroundColor",C({h:s,s:100,b:n})),g.find(".minicolors-grid-inner").css("opacity",a/100);break;case"brightness":s=m(parseInt(I.x*(360/b.width()),10),0,360),a=m(100-Math.floor(I.y*(100/b.height())),0,100),n=m(100-Math.floor(S.y*(100/w.height())),0,100),p=C({h:s,s:a,b:n}),w.css("backgroundColor",C({h:s,s:a,b:100})),g.find(".minicolors-grid-inner").css("opacity",1-n/100);break;default:s=m(360-parseInt(S.y*(360/w.height()),10),0,360),a=m(Math.floor(I.x*(100/b.width())),0,100),n=m(100-Math.floor(I.y*(100/b.height())),0,100),p=C({h:s,s:a,b:n}),b.css("backgroundColor",C({h:s,s:100,b:100}))}u=f.opacity?parseFloat(1-z.y/y.height()).toFixed(2):1,r(i,p,u)}else v.find("span").css({backgroundColor:p,opacity:u}),c(i,p,u)}function r(i,t,o){var s,a=i.parent(),n=i.data("minicolors-settings"),r=a.find(".minicolors-input-swatch");n.opacity&&i.attr("data-opacity",o),"rgb"===n.format?(s=f(t)?u(t,!0):x(p(t,!0)),o=""===i.attr("data-opacity")?1:m(parseFloat(i.attr("data-opacity")).toFixed(2),0,1),(isNaN(o)||!n.opacity)&&(o=1),t=i.minicolors("rgbObject").a<=1&&s&&n.opacity?"rgba("+s.r+", "+s.g+", "+s.b+", "+parseFloat(o)+")":"rgb("+s.r+", "+s.g+", "+s.b+")"):(f(t)&&(t=w(t)),t=d(t,n.letterCase)),i.val(t),r.find("span").css({backgroundColor:t,opacity:o}),c(i,t,o)}function e(i,t){var o,s,a,n,r,e,l,h,b,y,M=i.parent(),x=i.data("minicolors-settings"),I=M.find(".minicolors-input-swatch"),S=M.find(".minicolors-grid"),z=M.find(".minicolors-slider"),F=M.find(".minicolors-opacity-slider"),D=S.find("[class$=-picker]"),T=z.find("[class$=-picker]"),j=F.find("[class$=-picker]");switch(f(i.val())?(o=w(i.val()),r=m(parseFloat(v(i.val())).toFixed(2),0,1),r&&i.attr("data-opacity",r)):o=d(p(i.val(),!0),x.letterCase),o||(o=d(g(x.defaultValue,!0),x.letterCase)),s=k(o),n=x.keywords?$.map(x.keywords.split(","),function(i){return $.trim(i.toLowerCase())}):[],e=""!==i.val()&&$.inArray(i.val().toLowerCase(),n)>-1?d(i.val()):f(i.val())?u(i.val()):o,t||i.val(e),x.opacity&&(a=""===i.attr("data-opacity")?1:m(parseFloat(i.attr("data-opacity")).toFixed(2),0,1),isNaN(a)&&(a=1),i.attr("data-opacity",a),I.find("span").css("opacity",a),h=m(F.height()-F.height()*a,0,F.height()),j.css("top",h+"px")),"transparent"===i.val().toLowerCase()&&I.find("span").css("opacity",0),I.find("span").css("backgroundColor",o),x.control){case"wheel":b=m(Math.ceil(.75*s.s),0,S.height()/2),y=s.h*Math.PI/180,l=m(75-Math.cos(y)*b,0,S.width()),h=m(75-Math.sin(y)*b,0,S.height()),D.css({top:h+"px",left:l+"px"}),h=150-s.b/(100/S.height()),""===o&&(h=0),T.css("top",h+"px"),z.css("backgroundColor",C({h:s.h,s:s.s,b:100}));break;case"saturation":l=m(5*s.h/12,0,150),h=m(S.height()-Math.ceil(s.b/(100/S.height())),0,S.height()),D.css({top:h+"px",left:l+"px"}),h=m(z.height()-s.s*(z.height()/100),0,z.height()),T.css("top",h+"px"),z.css("backgroundColor",C({h:s.h,s:100,b:s.b})),M.find(".minicolors-grid-inner").css("opacity",s.s/100);break;case"brightness":l=m(5*s.h/12,0,150),h=m(S.height()-Math.ceil(s.s/(100/S.height())),0,S.height()),D.css({top:h+"px",left:l+"px"}),h=m(z.height()-s.b*(z.height()/100),0,z.height()),T.css("top",h+"px"),z.css("backgroundColor",C({h:s.h,s:s.s,b:100})),M.find(".minicolors-grid-inner").css("opacity",1-s.b/100);break;default:l=m(Math.ceil(s.s/(100/S.width())),0,S.width()),h=m(S.height()-Math.ceil(s.b/(100/S.height())),0,S.height()),D.css({top:h+"px",left:l+"px"}),h=m(z.height()-s.h/(360/z.height()),0,z.height()),T.css("top",h+"px"),S.css("backgroundColor",C({h:s.h,s:100,b:100}))}i.data("minicolors-initialized")&&c(i,e,a)}function c(i,t,o){var s=i.data("minicolors-settings"),a=i.data("minicolors-lastChange"),n,r,e;if(!a||a.value!==t||a.opacity!==o){if(i.data("minicolors-lastChange",{value:t,opacity:o}),s.swatches&&0!==s.swatches.length){for(n=f(t)?u(t,!0):x(t),r=-1,e=0;ei&&(i=t),i>o&&(i=o),i}function f(i){var t=i.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);return t&&4===t.length?!0:!1}function v(i){return i=i.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+(\.\d{1,2})?|\.\d{1,2})[\s+]?/i),i&&6===i.length?i[4]:"1"}function b(i){var t={},o=Math.round(i.h),s=Math.round(255*i.s/100),a=Math.round(255*i.b/100);if(0===s)t.r=t.g=t.b=a;else{var n=a,r=(255-s)*a/255,e=(n-r)*(o%60)/60;360===o&&(o=0),60>o?(t.r=n,t.b=r,t.g=r+e):120>o?(t.g=n,t.b=r,t.r=n-e):180>o?(t.g=n,t.r=r,t.b=r+e):240>o?(t.b=n,t.r=r,t.g=n-e):300>o?(t.b=n,t.g=r,t.r=r+e):360>o?(t.r=n,t.g=r,t.b=n-e):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}}function w(i){return i=i.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i),i&&4===i.length?"#"+("0"+parseInt(i[1],10).toString(16)).slice(-2)+("0"+parseInt(i[2],10).toString(16)).slice(-2)+("0"+parseInt(i[3],10).toString(16)).slice(-2):""}function y(i){var t=[i.r.toString(16),i.g.toString(16),i.b.toString(16)];return $.each(t,function(i,o){1===o.length&&(t[i]="0"+o)}),"#"+t.join("")}function C(i){return y(b(i))}function k(i){var t=M(x(i));return 0===t.s&&(t.h=360),t}function M(i){var t={h:0,s:0,b:0},o=Math.min(i.r,i.g,i.b),s=Math.max(i.r,i.g,i.b),a=s-o;return t.b=s,t.s=0!==s?255*a/s:0,0!==t.s?i.r===s?t.h=(i.g-i.b)/a:i.g===s?t.h=2+(i.b-i.r)/a:t.h=4+(i.r-i.g)/a:t.h=-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}function x(i){return i=parseInt(i.indexOf("#")>-1?i.substring(1):i,16),{r:i>>16,g:(65280&i)>>8,b:255&i}}$.minicolors={defaults:{animationSpeed:50,animationEasing:"swing",change:null,changeDelay:0,control:"hue",dataUris:!0,defaultValue:"",format:"hex",hide:null,hideSpeed:100,inline:!1,keywords:"",letterCase:"lowercase",opacity:!1,position:"bottom left",show:null,showSpeed:100,theme:"default",swatches:[]}},$.extend($.fn,{minicolors:function(a,n){switch(a){case"destroy":return $(this).each(function(){t($(this))}),$(this);case"hide":return s(),$(this);case"opacity":return void 0===n?$(this).attr("data-opacity"):($(this).each(function(){e($(this).attr("data-opacity",n))}),$(this));case"rgbObject":return l($(this),"rgbaObject"===a);case"rgbString":case"rgbaString":return h($(this),"rgbaString"===a);case"settings":return void 0===n?$(this).data("minicolors-settings"):($(this).each(function(){var i=$(this).data("minicolors-settings")||{};t($(this)),$(this).minicolors($.extend(!0,i,n))}),$(this));case"show":return o($(this).eq(0)),$(this);case"value":return void 0===n?$(this).val():($(this).each(function(){"object"==typeof n?(n.opacity&&$(this).attr("data-opacity",m(n.opacity,0,1)),n.color&&$(this).val(n.color)):$(this).val(n),e($(this))}),$(this));default:return"create"!==a&&(n=a),$(this).each(function(){i($(this),n)}),$(this)}}}),$(document).on("mousedown.minicolors touchstart.minicolors",function(i){$(i.target).parents().add(i.target).hasClass("minicolors")||s()}).on("mousedown.minicolors touchstart.minicolors",".minicolors-grid, .minicolors-slider, .minicolors-opacity-slider",function(i){var t=$(this);i.preventDefault(),$(document).data("minicolors-target",t),a(t,i,!0)}).on("mousemove.minicolors touchmove.minicolors",function(i){var t=$(document).data("minicolors-target");t&&a(t,i)}).on("mouseup.minicolors touchend.minicolors",function(){$(this).removeData("minicolors-target")}).on("click.minicolors",".minicolors-swatches li",function(i){i.preventDefault();var t=$(this),o=t.parents(".minicolors").find(".minicolors-input"),s=t.data("swatch-color");r(o,s,v(s)),e(o)}).on("mousedown.minicolors touchstart.minicolors",".minicolors-input-swatch",function(i){var t=$(this).parent().find(".minicolors-input");i.preventDefault(),o(t)}).on("focus.minicolors",".minicolors-input",function(){var i=$(this);i.data("minicolors-initialized")&&o(i)}).on("blur.minicolors",".minicolors-input",function(){var i=$(this),t=i.data("minicolors-settings"),o,s,a,n,r;i.data("minicolors-initialized")&&(o=t.keywords?$.map(t.keywords.split(","),function(i){return $.trim(i.toLowerCase())}):[],""!==i.val()&&$.inArray(i.val().toLowerCase(),o)>-1?r=i.val():(f(i.val())?a=u(i.val(),!0):(s=p(i.val(),!0),a=s?x(s):null),r=null===a?t.defaultValue:"rgb"===t.format?u(t.opacity?"rgba("+a.r+","+a.g+","+a.b+","+i.attr("data-opacity")+")":"rgb("+a.r+","+a.g+","+a.b+")"):y(a)),n=t.opacity?i.attr("data-opacity"):1,"transparent"===r.toLowerCase()&&(n=0),i.closest(".minicolors").find(".minicolors-input-swatch > span").css("opacity",n),i.val(r),""===i.val()&&i.val(g(t.defaultValue,!0)),i.val(d(i.val(),t.letterCase)))}).on("keydown.minicolors",".minicolors-input",function(i){var t=$(this);if(t.data("minicolors-initialized"))switch(i.keyCode){case 9:s();break;case 13:case 27:s(),t.blur()}}).on("keyup.minicolors",".minicolors-input",function(){var i=$(this);i.data("minicolors-initialized")&&e(i,!0)}).on("paste.minicolors",".minicolors-input",function(){var i=$(this);i.data("minicolors-initialized")&&setTimeout(function(){e(i,!0)},1)})});;window.Attendize = { - DateFormat: 'dd-MM-yyyy', - DateTimeFormat: 'dd-MM-yyyy hh:mm', - GenericErrorMessage: 'Whoops!, An unknown error has occurred.' - + 'Please try again or contact support if the problem persists. ' -}; - -$(function () { +;!function(i){"function"==typeof define&&define.amd?define(["jquery"],i):"object"==typeof exports?module.exports=i(require("jquery")):i(jQuery)}(function($){"use strict";function i(i,t){var o=$('
    '),s=$.minicolors.defaults,a,n,r,c,l;if(!i.data("minicolors-initialized")){if(t=$.extend(!0,{},s,t),o.addClass("minicolors-theme-"+t.theme).toggleClass("minicolors-with-opacity",t.opacity).toggleClass("minicolors-no-data-uris",t.dataUris!==!0),void 0!==t.position&&$.each(t.position.split(" "),function(){o.addClass("minicolors-position-"+this)}),a="rgb"===t.format?t.opacity?"25":"20":t.keywords?"11":"7",i.addClass("minicolors-input").data("minicolors-initialized",!1).data("minicolors-settings",t).prop("size",a).wrap(o).after('
    '),t.inline||(i.after(''),i.next(".minicolors-input-swatch").on("click",function(t){t.preventDefault(),i.focus()})),c=i.parent().find(".minicolors-panel"),c.on("selectstart",function(){return!1}).end(),t.swatches&&0!==t.swatches.length)for(t.swatches.length>7&&(t.swatches.length=7),c.addClass("minicolors-with-swatches"),n=$('
      ').appendTo(c),l=0;l').appendTo(n).data("swatch-color",t.swatches[l]).find(".minicolors-swatch-color").css({backgroundColor:y(r),opacity:r.a}),t.swatches[l]=r;t.inline&&i.parent().addClass("minicolors-inline"),e(i,!1),i.data("minicolors-initialized",!0)}}function t(i){var t=i.parent();i.removeData("minicolors-initialized").removeData("minicolors-settings").removeProp("size").removeClass("minicolors-input"),t.before(i).remove()}function o(i){var t=i.parent(),o=t.find(".minicolors-panel"),a=i.data("minicolors-settings");!i.data("minicolors-initialized")||i.prop("disabled")||t.hasClass("minicolors-inline")||t.hasClass("minicolors-focus")||(s(),t.addClass("minicolors-focus"),o.stop(!0,!0).fadeIn(a.showSpeed,function(){a.show&&a.show.call(i.get(0))}))}function s(){$(".minicolors-focus").each(function(){var i=$(this),t=i.find(".minicolors-input"),o=i.find(".minicolors-panel"),s=t.data("minicolors-settings");o.fadeOut(s.hideSpeed,function(){s.hide&&s.hide.call(t.get(0)),i.removeClass("minicolors-focus")})})}function a(i,t,o){var s=i.parents(".minicolors").find(".minicolors-input"),a=s.data("minicolors-settings"),r=i.find("[class$=-picker]"),e=i.offset().left,c=i.offset().top,l=Math.round(t.pageX-e),h=Math.round(t.pageY-c),d=o?a.animationSpeed:0,p,u,g,m;t.originalEvent.changedTouches&&(l=t.originalEvent.changedTouches[0].pageX-e,h=t.originalEvent.changedTouches[0].pageY-c),0>l&&(l=0),0>h&&(h=0),l>i.width()&&(l=i.width()),h>i.height()&&(h=i.height()),i.parent().is(".minicolors-slider-wheel")&&r.parent().is(".minicolors-grid")&&(p=75-l,u=75-h,g=Math.sqrt(p*p+u*u),m=Math.atan2(u,p),0>m&&(m+=2*Math.PI),g>75&&(g=75,l=75-75*Math.cos(m),h=75-75*Math.sin(m)),l=Math.round(l),h=Math.round(h)),i.is(".minicolors-grid")?r.stop(!0).animate({top:h+"px",left:l+"px"},d,a.animationEasing,function(){n(s,i)}):r.stop(!0).animate({top:h+"px"},d,a.animationEasing,function(){n(s,i)})}function n(i,t){function o(i,t){var o,s;return i.length&&t?(o=i.offset().left,s=i.offset().top,{x:o-t.offset().left+i.outerWidth()/2,y:s-t.offset().top+i.outerHeight()/2}):null}var s,a,n,e,l,h,d,p=i.val(),u=i.attr("data-opacity"),g=i.parent(),f=i.data("minicolors-settings"),v=g.find(".minicolors-input-swatch"),b=g.find(".minicolors-grid"),w=g.find(".minicolors-slider"),y=g.find(".minicolors-opacity-slider"),k=b.find("[class$=-picker]"),M=w.find("[class$=-picker]"),x=y.find("[class$=-picker]"),I=o(k,b),S=o(M,w),z=o(x,y);if(t.is(".minicolors-grid, .minicolors-slider, .minicolors-opacity-slider")){switch(f.control){case"wheel":e=b.width()/2-I.x,l=b.height()/2-I.y,h=Math.sqrt(e*e+l*l),d=Math.atan2(l,e),0>d&&(d+=2*Math.PI),h>75&&(h=75,I.x=69-75*Math.cos(d),I.y=69-75*Math.sin(d)),a=m(h/.75,0,100),s=m(180*d/Math.PI,0,360),n=m(100-Math.floor(S.y*(100/w.height())),0,100),p=C({h:s,s:a,b:n}),w.css("backgroundColor",C({h:s,s:a,b:100}));break;case"saturation":s=m(parseInt(I.x*(360/b.width()),10),0,360),a=m(100-Math.floor(S.y*(100/w.height())),0,100),n=m(100-Math.floor(I.y*(100/b.height())),0,100),p=C({h:s,s:a,b:n}),w.css("backgroundColor",C({h:s,s:100,b:n})),g.find(".minicolors-grid-inner").css("opacity",a/100);break;case"brightness":s=m(parseInt(I.x*(360/b.width()),10),0,360),a=m(100-Math.floor(I.y*(100/b.height())),0,100),n=m(100-Math.floor(S.y*(100/w.height())),0,100),p=C({h:s,s:a,b:n}),w.css("backgroundColor",C({h:s,s:a,b:100})),g.find(".minicolors-grid-inner").css("opacity",1-n/100);break;default:s=m(360-parseInt(S.y*(360/w.height()),10),0,360),a=m(Math.floor(I.x*(100/b.width())),0,100),n=m(100-Math.floor(I.y*(100/b.height())),0,100),p=C({h:s,s:a,b:n}),b.css("backgroundColor",C({h:s,s:100,b:100}))}u=f.opacity?parseFloat(1-z.y/y.height()).toFixed(2):1,r(i,p,u)}else v.find("span").css({backgroundColor:p,opacity:u}),c(i,p,u)}function r(i,t,o){var s,a=i.parent(),n=i.data("minicolors-settings"),r=a.find(".minicolors-input-swatch");n.opacity&&i.attr("data-opacity",o),"rgb"===n.format?(s=f(t)?u(t,!0):x(p(t,!0)),o=""===i.attr("data-opacity")?1:m(parseFloat(i.attr("data-opacity")).toFixed(2),0,1),(isNaN(o)||!n.opacity)&&(o=1),t=i.minicolors("rgbObject").a<=1&&s&&n.opacity?"rgba("+s.r+", "+s.g+", "+s.b+", "+parseFloat(o)+")":"rgb("+s.r+", "+s.g+", "+s.b+")"):(f(t)&&(t=w(t)),t=d(t,n.letterCase)),i.val(t),r.find("span").css({backgroundColor:t,opacity:o}),c(i,t,o)}function e(i,t){var o,s,a,n,r,e,l,h,b,y,M=i.parent(),x=i.data("minicolors-settings"),I=M.find(".minicolors-input-swatch"),S=M.find(".minicolors-grid"),z=M.find(".minicolors-slider"),F=M.find(".minicolors-opacity-slider"),D=S.find("[class$=-picker]"),T=z.find("[class$=-picker]"),j=F.find("[class$=-picker]");switch(f(i.val())?(o=w(i.val()),r=m(parseFloat(v(i.val())).toFixed(2),0,1),r&&i.attr("data-opacity",r)):o=d(p(i.val(),!0),x.letterCase),o||(o=d(g(x.defaultValue,!0),x.letterCase)),s=k(o),n=x.keywords?$.map(x.keywords.split(","),function(i){return $.trim(i.toLowerCase())}):[],e=""!==i.val()&&$.inArray(i.val().toLowerCase(),n)>-1?d(i.val()):f(i.val())?u(i.val()):o,t||i.val(e),x.opacity&&(a=""===i.attr("data-opacity")?1:m(parseFloat(i.attr("data-opacity")).toFixed(2),0,1),isNaN(a)&&(a=1),i.attr("data-opacity",a),I.find("span").css("opacity",a),h=m(F.height()-F.height()*a,0,F.height()),j.css("top",h+"px")),"transparent"===i.val().toLowerCase()&&I.find("span").css("opacity",0),I.find("span").css("backgroundColor",o),x.control){case"wheel":b=m(Math.ceil(.75*s.s),0,S.height()/2),y=s.h*Math.PI/180,l=m(75-Math.cos(y)*b,0,S.width()),h=m(75-Math.sin(y)*b,0,S.height()),D.css({top:h+"px",left:l+"px"}),h=150-s.b/(100/S.height()),""===o&&(h=0),T.css("top",h+"px"),z.css("backgroundColor",C({h:s.h,s:s.s,b:100}));break;case"saturation":l=m(5*s.h/12,0,150),h=m(S.height()-Math.ceil(s.b/(100/S.height())),0,S.height()),D.css({top:h+"px",left:l+"px"}),h=m(z.height()-s.s*(z.height()/100),0,z.height()),T.css("top",h+"px"),z.css("backgroundColor",C({h:s.h,s:100,b:s.b})),M.find(".minicolors-grid-inner").css("opacity",s.s/100);break;case"brightness":l=m(5*s.h/12,0,150),h=m(S.height()-Math.ceil(s.s/(100/S.height())),0,S.height()),D.css({top:h+"px",left:l+"px"}),h=m(z.height()-s.b*(z.height()/100),0,z.height()),T.css("top",h+"px"),z.css("backgroundColor",C({h:s.h,s:s.s,b:100})),M.find(".minicolors-grid-inner").css("opacity",1-s.b/100);break;default:l=m(Math.ceil(s.s/(100/S.width())),0,S.width()),h=m(S.height()-Math.ceil(s.b/(100/S.height())),0,S.height()),D.css({top:h+"px",left:l+"px"}),h=m(z.height()-s.h/(360/z.height()),0,z.height()),T.css("top",h+"px"),S.css("backgroundColor",C({h:s.h,s:100,b:100}))}i.data("minicolors-initialized")&&c(i,e,a)}function c(i,t,o){var s=i.data("minicolors-settings"),a=i.data("minicolors-lastChange"),n,r,e;if(!a||a.value!==t||a.opacity!==o){if(i.data("minicolors-lastChange",{value:t,opacity:o}),s.swatches&&0!==s.swatches.length){for(n=f(t)?u(t,!0):x(t),r=-1,e=0;ei&&(i=t),i>o&&(i=o),i}function f(i){var t=i.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);return t&&4===t.length?!0:!1}function v(i){return i=i.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+(\.\d{1,2})?|\.\d{1,2})[\s+]?/i),i&&6===i.length?i[4]:"1"}function b(i){var t={},o=Math.round(i.h),s=Math.round(255*i.s/100),a=Math.round(255*i.b/100);if(0===s)t.r=t.g=t.b=a;else{var n=a,r=(255-s)*a/255,e=(n-r)*(o%60)/60;360===o&&(o=0),60>o?(t.r=n,t.b=r,t.g=r+e):120>o?(t.g=n,t.b=r,t.r=n-e):180>o?(t.g=n,t.r=r,t.b=r+e):240>o?(t.b=n,t.r=r,t.g=n-e):300>o?(t.b=n,t.g=r,t.r=r+e):360>o?(t.r=n,t.g=r,t.b=n-e):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}}function w(i){return i=i.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i),i&&4===i.length?"#"+("0"+parseInt(i[1],10).toString(16)).slice(-2)+("0"+parseInt(i[2],10).toString(16)).slice(-2)+("0"+parseInt(i[3],10).toString(16)).slice(-2):""}function y(i){var t=[i.r.toString(16),i.g.toString(16),i.b.toString(16)];return $.each(t,function(i,o){1===o.length&&(t[i]="0"+o)}),"#"+t.join("")}function C(i){return y(b(i))}function k(i){var t=M(x(i));return 0===t.s&&(t.h=360),t}function M(i){var t={h:0,s:0,b:0},o=Math.min(i.r,i.g,i.b),s=Math.max(i.r,i.g,i.b),a=s-o;return t.b=s,t.s=0!==s?255*a/s:0,0!==t.s?i.r===s?t.h=(i.g-i.b)/a:i.g===s?t.h=2+(i.b-i.r)/a:t.h=4+(i.r-i.g)/a:t.h=-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}function x(i){return i=parseInt(i.indexOf("#")>-1?i.substring(1):i,16),{r:i>>16,g:(65280&i)>>8,b:255&i}}$.minicolors={defaults:{animationSpeed:50,animationEasing:"swing",change:null,changeDelay:0,control:"hue",dataUris:!0,defaultValue:"",format:"hex",hide:null,hideSpeed:100,inline:!1,keywords:"",letterCase:"lowercase",opacity:!1,position:"bottom left",show:null,showSpeed:100,theme:"default",swatches:[]}},$.extend($.fn,{minicolors:function(a,n){switch(a){case"destroy":return $(this).each(function(){t($(this))}),$(this);case"hide":return s(),$(this);case"opacity":return void 0===n?$(this).attr("data-opacity"):($(this).each(function(){e($(this).attr("data-opacity",n))}),$(this));case"rgbObject":return l($(this),"rgbaObject"===a);case"rgbString":case"rgbaString":return h($(this),"rgbaString"===a);case"settings":return void 0===n?$(this).data("minicolors-settings"):($(this).each(function(){var i=$(this).data("minicolors-settings")||{};t($(this)),$(this).minicolors($.extend(!0,i,n))}),$(this));case"show":return o($(this).eq(0)),$(this);case"value":return void 0===n?$(this).val():($(this).each(function(){"object"==typeof n?(n.opacity&&$(this).attr("data-opacity",m(n.opacity,0,1)),n.color&&$(this).val(n.color)):$(this).val(n),e($(this))}),$(this));default:return"create"!==a&&(n=a),$(this).each(function(){i($(this),n)}),$(this)}}}),$(document).on("mousedown.minicolors touchstart.minicolors",function(i){$(i.target).parents().add(i.target).hasClass("minicolors")||s()}).on("mousedown.minicolors touchstart.minicolors",".minicolors-grid, .minicolors-slider, .minicolors-opacity-slider",function(i){var t=$(this);i.preventDefault(),$(document).data("minicolors-target",t),a(t,i,!0)}).on("mousemove.minicolors touchmove.minicolors",function(i){var t=$(document).data("minicolors-target");t&&a(t,i)}).on("mouseup.minicolors touchend.minicolors",function(){$(this).removeData("minicolors-target")}).on("click.minicolors",".minicolors-swatches li",function(i){i.preventDefault();var t=$(this),o=t.parents(".minicolors").find(".minicolors-input"),s=t.data("swatch-color");r(o,s,v(s)),e(o)}).on("mousedown.minicolors touchstart.minicolors",".minicolors-input-swatch",function(i){var t=$(this).parent().find(".minicolors-input");i.preventDefault(),o(t)}).on("focus.minicolors",".minicolors-input",function(){var i=$(this);i.data("minicolors-initialized")&&o(i)}).on("blur.minicolors",".minicolors-input",function(){var i=$(this),t=i.data("minicolors-settings"),o,s,a,n,r;i.data("minicolors-initialized")&&(o=t.keywords?$.map(t.keywords.split(","),function(i){return $.trim(i.toLowerCase())}):[],""!==i.val()&&$.inArray(i.val().toLowerCase(),o)>-1?r=i.val():(f(i.val())?a=u(i.val(),!0):(s=p(i.val(),!0),a=s?x(s):null),r=null===a?t.defaultValue:"rgb"===t.format?u(t.opacity?"rgba("+a.r+","+a.g+","+a.b+","+i.attr("data-opacity")+")":"rgb("+a.r+","+a.g+","+a.b+")"):y(a)),n=t.opacity?i.attr("data-opacity"):1,"transparent"===r.toLowerCase()&&(n=0),i.closest(".minicolors").find(".minicolors-input-swatch > span").css("opacity",n),i.val(r),""===i.val()&&i.val(g(t.defaultValue,!0)),i.val(d(i.val(),t.letterCase)))}).on("keydown.minicolors",".minicolors-input",function(i){var t=$(this);if(t.data("minicolors-initialized"))switch(i.keyCode){case 9:s();break;case 13:case 27:s(),t.blur()}}).on("keyup.minicolors",".minicolors-input",function(){var i=$(this);i.data("minicolors-initialized")&&e(i,!0)}).on("paste.minicolors",".minicolors-input",function(){var i=$(this);i.data("minicolors-initialized")&&setTimeout(function(){e(i,!0)},1)})});;$(function () { /* * -------------------------- @@ -8487,7 +8480,7 @@ $(function () { * -------------------------- */ - /* Datepciker */ + /* Datepicker */ $(document).ajaxComplete(function () { $('#DatePicker').remove(); var $div = $("
      ", {id: "DatePicker"}); diff --git a/public/assets/javascript/check_in.js b/public/assets/javascript/check_in.js new file mode 100644 index 00000000..4f3b26ab --- /dev/null +++ b/public/assets/javascript/check_in.js @@ -0,0 +1,282 @@ +/** + * @todo Refactor this + */ + +var workingAway = false; +var canvasContext = null; +var c = 0; +var stype = 0; +var gUM = false; +var webkit = false; +var moz = false; +var theVideo = null; +var QrTimeout = null; +var beepSound = new Audio('/mp3/beep.mp3'); +var vidhtml = ''; + + +$(document).ready(function() { + + search(); + + $('input#search').focus(); + + $(document.body).on('click', '.at', function(e) { + + if ($(this).hasClass('working')) { + return false; + } + + var hasArrived = $(this).hasClass('arrived'), + attendeeId = $(this).data('id'), + checking = hasArrived ? 'out' : 'in', + $this = $(this), + $icon = $('i', $this); + + + $this.addClass("working"); + $icon.removeClass('ico-checkmark').addClass('ico-busy'); + + + $.ajax({ + type: "POST", + url: "{{route('postCheckInAttendee', ['event_id' => $event->id])}}", + data: { + attendee_id: attendeeId, + has_arrived: hasArrived ? 1 : 0, + checking: checking + }, + cache: false, + success: function(data) { + + if (data.status === 'success' || data.status === 'error') { + + if (data.checked === 'in') { + $this.addClass('arrived').removeClass('not_arrived'); + } else if (data.checked === 'out') { + $this.removeClass('arrived').addClass('not_arrived'); + } + + if (data.status === 'error') { + alert(data.message); + } + + } else { + alert('An unknown error has occured. Please try again.'); + } + + $icon.addClass('ico-checkmark').removeClass('ico-busy'); + $this.removeClass('working'); + } + }, 'json'); + e.preventDefault(); + }); + + $('.clearSearch').on('click', function() { + $("input#search").val('').focus(); + $(this).fadeOut(); + search(); + }); + + + $('.qr_search').on('click', function(e) { + $('#QrModal').modal('show'); + loadQrReader(); + }); + + $('.startScanner').on('click', function(e) { + e.preventDefault(); + loadQrReader(); + }); + + $( window ).resize(resizeVideo); + + $("input#search").on("keyup", function(e) { + clearTimeout($.data(this, 'timer')); + var search_string = $(this).val(); + if (search_string === '') { + $('.attendees_title').html('All Attendees'); + $(this).data('timer', setTimeout(search, 100)); + $('.clearSearch').fadeOut(); + } else { + $('.attendees_title').html('Results for: ' + search_string + ''); + $(this).data('timer', setTimeout(search, 500)); + $('.clearSearch').fadeIn(); + } + }); +}); + + +function populateAttendeeList(attendees) { + $('#attendee_list').empty(); + + if (jQuery.isEmptyObject(attendees)) { + $('#attendee_list').html('There are no results.'); + } else { + for (i in attendees) { + $('#attendee_list').append('
    • ' + + 'Name: ' + attendees[i].first_name + ' ' + + attendees[i].last_name + + '
      Reference: ' + attendees[i].reference + '' + + '
      Ticket: ' + attendees[i].ticket + '' + + ' ' + + '
      • '); + } + } +} + +function search() { + var query_value = $('input#search').val(); + + if(workingAway) { + return; + } + workingAway = true; + + $.ajax({ + type: "POST", + url: Attendize.checkInRoute, + data: {q: query_value}, + cache: false, + error: function() { + workingAway = false; + }, + success: function(attendees) { + if (query_value !== '') { + $('.attendees_title').html('Results for: ' + query_value + ''); + } else { + $('.attendees_title').html('All Attendees'); + } + + workingAway = false; + populateAttendeeList(attendees); + } + }, 'json'); + return false; +} + +// QRCODE reader Copyright 2011 Lazar Laszlo +// http://www.webqr.com + +function resizeVideo() { + var $videoWrapper = $('#ScanVideoOutter'); + var $video = $('#ScanVideo'); + + $video.height($videoWrapper.height()); + $video.width($videoWrapper.width()); +} + +function captureToCanvas() { + if(stype!=1) + return; + if(gUM) + { + try{ + canvasContext.drawImage(theVideo,0,0); + try{ + qrcode.decode(); + } + catch(e){ + console.log(e); + QrTimeout = setTimeout(captureToCanvas, 500); + }; + } + catch(e){ + console.log(e); + QrTimeout = setTimeout(captureToCanvas, 500); + } + } +} + +function htmlEntities(str) { + return String(str).replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); +} + +function read(qrcode_token) +{ + $.ajax({ + type: "POST", + url: Attendize.qrcodeCheckInRoute, + data: {qrcode_token: htmlEntities(qrcode_token)}, + cache: false, + complete: function(){ + beepSound.play(); + }, + error: function() { + showMessage('Something has gone wrong. Please try again.'); + }, + success: function(response) { + $('#ScanResult').html("" + response.message +""); + } + }); +} + + + +function successfulQrRead(stream) { + if(webkit) + theVideo.src = window.URL.createObjectURL(stream); + else if(moz) + { + theVideo.mozSrcObject = stream; + theVideo.play(); + } + else { + theVideo.src = stream; + } + + gUM=true; + QrTimeout = setTimeout(captureToCanvas, 500); +} + +function error(error) { + gUM=false; + return; +} + +function loadQrReader() +{ + + var $canvas = $('#QrCanvas'); + + $canvas.height('300px'); + $canvas.width('600px'); + + canvasContext = $canvas[0].getContext('2d'); + canvasContext.clearRect(0, 0, 600, 300); + qrcode.callback = read; + + $('#ScanResult').html('
      Scanning...
      '); + if(stype==1) + { + clearTimeout(QrTimeout); + QrTimeout = setTimeout(captureToCanvas, 500); + return; + } + + $('#ScanVideoOutter').html(vidhtml); + theVideo = $("#ScanVideo")[0]; + + if(navigator.getUserMedia) + { + navigator.getUserMedia({video: true, audio: false}, successfulQrRead, error); + } else if(navigator.webkitGetUserMedia) + { + webkit=true; + navigator.webkitGetUserMedia({video:true, audio: false}, successfulQrRead, error); + } + else if(navigator.mediaDevices.getUserMedia) + { + moz=true; + navigator.mozGetUserMedia({video: true, audio: false}, successfulQrRead, error); + } + else if(navigator.mozGetUserMedia) + { + moz=true; + navigator.mozGetUserMedia({video: true, audio: false}, successfulQrRead, error); + } + + stype=1; + QrTimeout = setTimeout(captureToCanvas, 500); + +} \ No newline at end of file diff --git a/public/assets/stylesheet/check_in.css b/public/assets/stylesheet/check_in.css new file mode 100644 index 00000000..fb3bda6c --- /dev/null +++ b/public/assets/stylesheet/check_in.css @@ -0,0 +1,371 @@ +::-webkit-input-placeholder { /* WebKit browsers */ +} +:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ + opacity: 1; +} +::-moz-placeholder { /* Mozilla Firefox 19+ */ + opacity: 1; +} +:-ms-input-placeholder { /* Internet Explorer 10+ */ +} + + +body { + background-color: #0384a6; +} + +.attendeeList .container { + background: #fff; + margin-bottom: 50px; + padding-top: 10px; +} + +.attendeeList .container .attendee_list { + padding: 15px; + padding-top: 0; +} + + +.attendeeList .container .attendee_list .attendees_title { + margin: 10px 0 20px 0; + color: #666; +} + +header { + background-color: #FFF; + padding: 10px 0; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 200; +} + +header .menuToggle { + position: absolute; + left: 15px; + color: #ccc; + text-align: center; + font-size: 30px; +} + +section.attendeeList { + margin-top: 80px; +} + +.attendee_search { + font-size: 16px; + margin-bottom: 0; + border: none; + height: 40px; +} + +.qr_search { + height: 40px; + background: #FFF; + color: #000; + font-size: 25px; + border: none; + border-right: 1px solid #999; +} + +.clearSearch { + position: absolute; + top: 8px; + right: 25px; + font-size: 24px; + cursor: pointer; + display: none; +} + +.at { + position: relative; + padding-left: 70px; + cursor: pointer; +} + +.at:active { + background-color: #f9f9f9 !important; +} + +.at .ci { + position: absolute; + left: 15px; + top: 20px; + color: white; + border: none; + border-radius: 150px; + padding: 10px; + width: 40px; + height: 40px; + line-height: 20px; +} + +.at.arrived { + background-color: #E6FFE7; +} +.at.not_arrived .ci { + background-color: #fafafa; + +} +.at.arrived .ci { + background-color: #36F158; +} + +footer { + background-color: #333; + height: 50px; + position: fixed; + bottom: 0; + right: 0; + left: 0; +} + +.modal-dialog { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} + +.modal-content { + height: auto; + min-height: 100%; + border-radius: 0; +} +.modal-footer { + position: absolute; + width: 100%; + bottom: 0; +} + +.modal-body { + padding: 0; +} + + +/* Small Devices, Tablets */ + +@media (min-width: 100px) and (max-width: 767px) { + + header { + border-bottom: 1px solid #ddd; + } + + section.attendeeList { + margin-top: 60px; + } + + section.attendeeList .container { + margin-bottom: 0; + } + + section.attendeeList .col-md-12 { + padding: 0; + } + + section.attendeeList .attendees_title { + padding-left: 10px; + } + + section.attendeeList .container .attendee_list { + padding: 0; + } + + .list-group-item:first-child { + border-top-right-radius: 0px; + border-top-left-radius: 0px; + } + + .at { + position: relative; + padding-left: 70px; + cursor: pointer; + border-left: none; + border-right: none; + border-radius: 0; + } +} +#ScanResult { + width: 90%; +} + +#ScanVideoOutter { + min-width: 100%; + min-height: 300px; + position: relative; + background: #999; +} + +#ScanVideo { + position: absolute; + width: 100%; + height:100%; + min-height:250px; + min-width: 250px !important; + top: 0; + left: 0; + right: 0; +} + +#qr-file { + +} + +#QrCanvas{ + 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; +} + + +#ScanResult { + transition: background 0.4s ease-in-out; + width: 100%; + border: none; + border-bottom: 1px solid #ccc; + font-size: 16px; +} + +/* Mobile */ +/*@media only screen and (max-width: 480px) {*/ +/*#ScanResult {*/ +/*width: 90%;*/ +/*}*/ + +/*#ScanVideoOutter {*/ +/*min-width: 100%;*/ +/*max-width: 100%;*/ +/*position: relative;*/ +/*}*/ + +/*#ScanVideo {*/ +/*position: absolute;*/ +/*width: 100%;*/ +/*height:100%;*/ +/*top: 0;*/ +/*left: 0;*/ +/*right: 0;*/ +/*}*/ + +/*#help-text{*/ +/*top: -35px;*/ +/*}*/ + +/*#qrfile{*/ +/*width: 300px;*/ +/*}*/ + + +/*}*/ + + +@-webkit-keyframes opacity { + 0% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + } + 100% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + } +} + +@-moz-keyframes opacity { + 0% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + } + + 100% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + } +} + +@-webkit-keyframes opacity { + 0% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + } + 100% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + } +} + +@-moz-keyframes opacity { + 0% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + } + 100% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + } +} + +@-o-keyframes opacity { + 0% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + } + 100% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + } +} + +@keyframes opacity { + 0% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + } + 100% { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + } +} +#scanning-ellipsis span { + -webkit-animation-name: opacity; + -webkit-animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + -moz-animation-name: opacity; + -moz-animation-duration: 1s; + -moz-animation-iteration-count: infinite; + -ms-animation-name: opacity; + -ms-animation-duration: 1s; + -ms-animation-iteration-count: infinite; +} +#scanning-ellipsis span:nth-child(2) { + -webkit-animation-delay: 100ms; + -moz-animation-delay: 100ms; + -ms-animation-delay: 100ms; + -o-animation-delay: 100ms; + animation-delay: 100ms; +} +#scanning-ellipsis span:nth-child(3) { + -webkit-animation-delay: 300ms; + -moz-animation-delay: 300ms; + -ms-animation-delay: 300ms; + -o-animation-delay: 300ms; + animation-delay: 300ms; +} \ No newline at end of file diff --git a/resources/views/ManageEvent/CheckIn.blade.php b/resources/views/ManageEvent/CheckIn.blade.php index cbfc7cd7..ed4b1858 100644 --- a/resources/views/ManageEvent/CheckIn.blade.php +++ b/resources/views/ManageEvent/CheckIn.blade.php @@ -6,8 +6,10 @@ {!! HTML::style('assets/stylesheet/application.css') !!} + {!! HTML::style('assets/stylesheet/check_in.css') !!} {!! HTML::script('vendor/jquery/jquery.js') !!} + @include('Shared/Layouts/ViewJavascript') @@ -26,340 +28,8 @@ }); }); - - - - - - -
      @@ -442,8 +112,8 @@
      - {!! Form::button('Close Scanner', ['class'=>"btn modal-close btn-danger",'data-dismiss'=>'modal']) !!} - Scan another ticket + {!! Form::button('Close', ['class'=>"btn modal-close btn-danger",'data-dismiss'=>'modal']) !!} + Scan another ticket
      @@ -453,343 +123,8 @@ {!! HTML::script('vendor/qrcode-scan/llqrcode.js') !!} - - - - - {{--QR JS - THIS WILL BE MOVED--}} - - - {!! HTML::script('assets/javascript/backend.js') !!} + {!! HTML::script('assets/javascript/check_in.js') !!} \ No newline at end of file diff --git a/resources/views/Shared/Layouts/Master.blade.php b/resources/views/Shared/Layouts/Master.blade.php index 2e09824a..3e1d11a9 100644 --- a/resources/views/Shared/Layouts/Master.blade.php +++ b/resources/views/Shared/Layouts/Master.blade.php @@ -16,17 +16,19 @@ @show + @include('Shared.Layouts.ViewJavascript') + @include('Shared.Partials.GlobalMeta') - + {!! HTML::script(config('attendize.cdn_url_static_assets').'/vendor/jquery/jquery.js') !!} - + {!! HTML::style(config('attendize.cdn_url_static_assets').'/assets/stylesheet/application.css') !!} - + @yield('head') @@ -118,7 +120,7 @@ - + {!! HTML::script('assets/javascript/backend.js') !!} diff --git a/resources/views/Shared/Layouts/MasterWithoutMenus.blade.php b/resources/views/Shared/Layouts/MasterWithoutMenus.blade.php index 3f6c2ae8..242d3865 100644 --- a/resources/views/Shared/Layouts/MasterWithoutMenus.blade.php +++ b/resources/views/Shared/Layouts/MasterWithoutMenus.blade.php @@ -3,6 +3,8 @@ @yield('title') + @include('Shared/Layouts/ViewJavascript') + @include('Shared.Partials.GlobalMeta') @yield('head') diff --git a/resources/views/Shared/Partials/GlobalMeta.blade.php b/resources/views/Shared/Partials/GlobalMeta.blade.php index d0b0fa0f..e29b9b92 100644 --- a/resources/views/Shared/Partials/GlobalMeta.blade.php +++ b/resources/views/Shared/Partials/GlobalMeta.blade.php @@ -1,28 +1,28 @@ - - - - - - - - - - - - - - - - - - - - - - - - -{{--Mobile browser theme colors--}} - - - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + {{--Mobile browser theme colors--}} + + + \ No newline at end of file