{% extends "account/base.html" %} {% block content %} <link rel="stylesheet" type="text/css" href="static/css/jquery.countdown.css"> <link rel="stylesheet" href="/static/css/flipclock.css"> <script src="/static/javascript/flipclock.min.js"></script> <script> $(document).

ready(function(){ if ($('#id_form-TOTAL_FORMS').val() >1){ var number = $('#id_form-TOTAL_FORMS').val(); $('.quantity-selector').css('display','inline-block'); $('#id_form-TOTAL_FORMS').val(number); $('#id_quantity').val(number); } var set_hour = 4; var set_minute = 0; var set_second = 0; var create_seconds = function(){ old_date = new Date(Date.UTC({% now "o,n-1,j, G, i, s" % })); if (old_date.getUTCHours()>= set_hour){ new_date = new Date(Date.UTC({% now "o,n-1,j + 1 , G, i, s" %})); }else{ new_date = new Date(Date.UTC({% now "o,n-1,j , G , i, s" %})); } new_date.setUTCHours(set_hour); new_date.setUTCMinutes(set_minute); new_date.setUTCSeconds(set_second); var diff = new_date.getTime() - old_date.getTime(); var Seconds_from_T1_to_T2 = diff / 1000; return Seconds_from_T1_to_T2; }; var create_timer= function(){ //$('.timer-content').countdown('destroy'); $('.timer-content').FlipClock(create_seconds()).setCount //.countdown({until: create_seconds(),format: 'HMS',onExpiry:creat

down(true); e_timer});

//$('.testing123').countdown({until: create_date(), form at: 'HMS', onExpiry:create_timer }); }; create_timer(); $('form').on('focus', 'input[type=number]', function (e) { $(this).on('mousewheel.disableScroll', function (e) { e.preventDefault() }) }) $('form').on('blur', 'input[type=number]', function (e) { $(this).off('mousewheel.disableScroll') }) function add_rows(number){ $('.form-elements').empty();

for (var i = 0 ;i < number; i++){ //$('.form-elements').append('<div class="form-row"><div class="fieldWrapper"><input id="id_form-0-number_1" max="49" min="1" name="form -0-number_1" type="number"></div><div class="fieldWrapper"><input id="id_form-0number_2" max="49" min="1" name="form-0-number_2" type="number"></div><div class ="fieldWrapper"><input id="id_form-0-number_3" max="49" min="1" name="form-0-num ber_3" type="number"></div></div>') $('.form-elements').append('<div class="form-row-'+i+'"> \n</div>'); var line_1='<div class="fieldWrapper"><input id="id_form -'+ i + '-number_1" max="49" min="1" name="form-'+ i + '-number_1" type="number" ></div>\n'; $('.form-row-'+i).append(line_1); var line_2='<div class="fieldWrapper"><input id="id_form -'+ i + '-number_2" max="49" min="1" name="form-'+ i + '-number_2" type="number" ></div>\n'; $('.form-row-'+i).append(line_2); var line_3='<div class="fieldWrapper"><input id="id_form -'+ i + '-number_3" max="49" min="1" name="form-'+ i + '-number_3" type="number" ></div>\n'; $('.form-row-'+i).append(line_3);

} } $(document).on("click",".randomize",function(){ $("div[class*='form-row']").each( function(index){ var myArray = []; $(this).children('.fieldWrapper').children('input').each (function(){ var condition =true; while (condition){ var number = 1 + Math.floor(Math.random( ) * 49);; if (jQuery.inArray(number,myArray) < 0 ) { condition=false; myArray.push(number); } } $(this).val(number); }); }); }); $(document).on("click",".nav-bar-url",function(){ var url = $(this).data("url"); var page = $(this).data("page"); $.ajax({ type:"GET", url: url, data: {page: page,url:url}, success: function(data){

$('#stats-table').empty(); $('#stats-table').append(data); } }); }); $(document).on("click",".advanced-settings__content",function(){ var number =3; if ($('.quantity-selector').css("display")=="none"){ $('.quantity-selector').css('display','inline-block'); $('#id_form-TOTAL_FORMS').val(number); $('#id_quantity').val(number); add_rows(number); $('.advanced-settings__content span').text('BASIC OPTION S'); }else{ number = 1; $('.quantity-selector').css('display','none'); $('#id_form-TOTAL_FORMS').val(number); $('#id_quantity').val(number); add_rows(number); $('.advanced-settings__content span').text('ADVANCED OPT IONS'); } }); $('#id_quantity').on("change",function(){ var number = $('#id_quantity').val(); $('#id_form-TOTAL_FORMS').val(number); add_rows(number); }); }); </script> <div class="lottery-container"> <div class="ticket-container content-width"> <div class="pot-container"> <div class="pot-content"> <h2>JackPot: &nbsp;&nbsp; <span class="doge-logo text-blue">D</span><span>{{ pot}}</span></h2> </div> </div> <div class="timer-container"> <div class="timer-content"></div> </div> {% if perms.game_lottery.add_ticket %} <div class="main-container"> <div class="main-content"> <div class="price">Price: <label>50</label> </div> <div class="main-text"> <h2>ENTER YOUR <span class="text-pink">D ESIRED</span></h2><h3> TICKET <span class="text-blue">NUMBERS</span>:</h3> <div class="quantity-selector">

{% for field in quantity %} <label>BUY MORE <span>TICKETS</s pan> </label>{{field}} {% endfor %} <div class="randomize blue-button" style ="width: 130px !important;border-radius: 3px;display:block"> <span>RANDOMIZE</span> </div> </div> </div> <div class="main-form"> <form id="ticket-form" action={% url 'ga me_lottery.views.multiple_lottery' %} method="post"> {% csrf_token %} {{ formset.management_form }} <div class="form-elements"> {% for form in formset %} <div class="form-row"> <div class="fieldWra pper"> {{ form.number_1 }} </div> <div class="fieldWra pper"> {{ form.number_2 }} </div> <div class="fieldWra pper"> {{ form.number_3 }} </div> </div> {% if form.errors %} <div class="erro rs"> <ul> {% if form.errors.number_1 %} <li><img src="/static/images/error.png"/><span>Box 1:</span>{{form.errors.number _1}}</li> {% endif %} {% if form.errors.number_2 %} <li><img src="/static/images/error.png"/><span>Box 2:</span>{{form.errors.number _2}}</li> {% endif %} {% if form.errors.number_3 %} <li><img src="/static/images/error.png"/><span>Box 3:</span>{{form.errors.number _3}}</li>

{% endif %} {% if form.non_field_errors %} <li><img src="/static/images/error.png"/><span>All:</span>{{form.non_field_error s}}</li> {% endif %} </ul> </div> {% endif %} {% endfor %} </div> <div id="submit-ticket-button"> <input type="submit" value="" cl ass="submit-button pink-button"/> </div> </form> <div class="messages-container"> <div class="success"> <ul class="messages"> {% for message in me ssages %} <li{% if message.tag s %} class="{{ message.tags }}"{% endif %}>{{ message }}</li> {% endfor %} </ul> </div> </div> </div> <div class="advanced-settings"> <div class="advanced-settings__c ontent"> <div class="advanced-set tings__content__gear"> </div> <span>ADVANCED OPTIONS</ span> </div> </div> {% else %} <a href="{% url 'account.views.sign_up' %}"><div id="play-button"></div></a> {% endif %} </div> </div> </div> </div> <div class="inverted-strip"> </div> <div class="stats-container"> <div class="stats-nav"> <ul> <li><a class="nav-bar-url" id="past_tickets" dat a-url="{% url 'game_lottery.views.display_tickets_ajax' %}"></a></li> <li><a class="nav-bar-url" id="past_draws" data-

url="{% url 'game_lottery.views.display_draws_ajax' %}"></a></li> <li><a class="nav-bar-url" id="past_winners" dat a-url="{% url 'game_lottery.views.display_winners_ajax' %}"></a></li> </ul> </div> <div class="stats-content"> <div id ="stats-table"> <table> <tr> <td>Username</td> <td>Ticket Entry</td> <td>Date</td> </tr> {% for entry in recent %} <tr> <td>{{entry.user}}</td> <td>{{entry.numbers}}</t d> <td>{{entry.date}}</td> </tr> {% endfor %} </table> {{paginator}} </div> </div> </div> {% endblock %}