Gramfree Lottery

<!
DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-
scalable=0, minimal-ui">
<meta name="description" content="Gram is a cryptocurrency based on the TON
blockchain platform developed by Telegram. Become a part of the story with us!">
<meta name="keywords" content="Gram coin TON Reserve Foundation Telegram Open
Network ICO">
<title>Lottery - GramFree</title>
<link rel="shortcut icon" type="image/x-icon" href="../../../app-
assets/images/ico/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600"
rel="stylesheet">
<script src="https://www.google.com/recaptcha/api.js?
render=6LcAGv4UAAAAADGyXxiQS6tmitSxfBEmj8ez6nfr"></script>


<link rel="stylesheet" type="text/css" href="../../../app-
assets/vendors/css/vendors.min.css">



assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/css/bootstrap-
extended.css">
assets/css/colors.css">
assets/css/components.css">
assets/css/themes/dark-layout.css">
assets/css/themes/semi-dark-layout.css">


assets/css/core/menu/menu-types/vertical-menu.css">
assets/css/core/colors/palette-gradient.css">



<link rel="stylesheet" type="text/css" href="../../../assets/css/style.css">


<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||
[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)
[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(57547003, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>

</head>


<body class="vertical-layout vertical-menu-modern dark-layout 2-columns navbar-

floating footer-static " data-open="click" data-menu="vertical-menu-modern" data-
col="2-columns" data-layout="dark-layout">
<nav class="header-navbar navbar-expand-lg navbar navbar-with-menu floating-nav

navbar-dark navbar-shadow">
<div class="navbar-wrapper">
<div class="navbar-container content">
<div class="navbar-collapse" id="navbar-mobile">
<div class="mr-auto float-left bookmark-wrapper d-flex align-items-
center ">
<ul class="nav navbar-nav">
<li class="nav-item mobile-menu d-xl-none mr-auto"><a
class="nav-link nav-menu-main menu-toggle hidden-xs is-active" href="#"><i
class="ficon feather icon-menu"></i></a></li>
</ul>
<ul class="nav navbar-nav bookmark-icons">



<li class="nav-item d-none d-lg-block" style="color:
#c2c6dc;">12/100 </li>
</ul>
<div class="progress progress-bar-primary progress-lg" style="
">
<div class="progress-bar progress-bar-
striped progress-bar-animated" role="progressbar" aria-valuenow="20" aria-
valuemin="20" aria-valuemax="100" style="width:12%"></div>
</div>
</div>
<ul class="nav navbar-nav float-right">
<li class="nav-item d-none d-lg-block" style="display: none!
important;"><a class="nav-link nav-link-expand"></a></li>
<li class="dropdown dropdown-user nav-item"><a class="dropdown-

toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">
<div class="user-nav d-sm-flex d-none"><span class="user-
name text-bold-600">ali safavi</span><span class="user-status">11
LEVEL</span></div><div class="avatar bg-danger">
<div class="avatar-content">
as
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<style type="text/css">
#navbar-mobile {
width: 100%;
display: flex;
}
#navbar-mobile .bookmark-wrapper {
width: 100%;
}
.progress {
width: 100%;
margin: 0 10px;
}
.progress:last-child {
margin-bottom: 0;
}
.progress-bar {
transition: all 0.5s;
}
.swal2-shown .navbar-wrapper {
/*margin-right: 17px;*/
}
.swal2-shown .header-navbar{
transition: none;
margin-right: 47px;
width: calc(100vw - (100vw - 100%) - calc(2.2rem * 2) - 277px);
}
@media (max-width: 600px) {
#navbar-mobile {
display: flex;
}
.header-navbar.floating-nav {
width: calc(100vw - (100vw - 100%) - 2.5rem) !important;
}
.swal2-shown .header-navbar{
transition: none;
margin-right: 1.2rem;
}
}
</style>
<div class="main-menu menu-fixed menu-light menu-accordion menu-shadow" data-

scroll-to-active="true">
<div class="navbar-header">
<ul class="nav navbar-nav flex-row">
<li class="nav-item mr-auto"><a class="navbar-brand" href="#">
<div class="brand-logo"></div>
<h2 class="brand-text mb-0">GramFree</h2>
</a></li>
</ul>
</div>
<div class="shadow-bottom"></div>
<div class="main-menu-content">
<ul class="navigation navigation-main" id="main-menu-navigation" data-
menu="menu-navigation">
<li class="nav-item">
<a href="dashboard"><i class="feather icon-home"></i><span
class="menu-title">Dashboard</span></a>
</li>
<a href="support"><i class="feather icon-message-square"></i><span
class="menu-title">Support</span>
</a>
</li>
<a href="free"><i class="feather icon-zap"></i><span class="menu-
title">Free</span></a>
</li>
<a href="deposit"><i class="feather icon-log-in"></i><span
class="menu-title">Deposit</span></a>
</li>
<a href="withdrawal"><i class="feather icon-log-out"></i><span
class="menu-title">Withdrawal</span></a>
</li>
<li class="active">
<a href="lottery"><i class="feather icon-grid"></i><span
class="menu-title">Lottery</span></a>
</li>
<a href="userLevel"><i class="feather icon-award"></i><span
class="menu-title">User level</span></a>
</li>
<a href="referrals"><i class="feather icon-users"></i><span
class="menu-title">Referrals</span></a>
</li>
<a href="videos"><i class="feather icon-play-circle"></i><span
class="menu-title">Videos</span></a>
</li>
<li class="nav-item"><a href="smartContracts"><i class="feather icon-
folder"></i><span class="menu-title">Smart-Contracts</span></a>
</li>
<a href="faq"><i class="feather icon-life-buoy"></i><span
class="menu-title">FAQ</span></a>
</li>
<a href="logout"><i class="feather icon-power"></i><span
class="menu-title">Logout</span></a>
</li>
</ul>
</div>
</div>


<div class="app-content content">
<div class="content-overlay"></div>
<div class="header-navbar-shadow"></div>
<div class="content-wrapper">
<center style="margin: auto;">

<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
style="display:block;"
data-ad-client="ca-pub-1191230850516122"
data-ad-slot="2020032801"
data-ad-format="horizontal"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>
<div class="content-header row">

<div class="content-header-left col-md-9 col-12 m-2">
<div class="row breadcrumbs-top">
<div class="col-12">
<h2 class="content-header-title float-left mb-
0">Lottery</h2>
</div>
</div>
</div>
</div>
<div class="content-body">
<section id="copy-to-clipboard">
<div class="row">
<div class="col-xl-3">
<div class="card text-center">
<div class="card-content">
<div class="card-body">
<div class="avatar bg-rgba-success p-50 m-0
mb-1">
<i class="feather icon-briefcase
text-success font-medium-5"></i>
</div>
</div>
<h2 class="text-bold-700">0</h2>
<p class="mb-0 line-ellipsis">Your
tickets</p>
</div>
</div>
</div>
</div>
<div class="avatar bg-rgba-info p-50 m-0
mb-1">
<i class="feather icon-percent
text-info font-medium-5"></i>
</div>
</div>
<h2 class="text-bold-700">0.0%</h2>
<p class="mb-0 line-ellipsis">Win
chance</p>
</div>
</div>
</div>
</div>
<div class="avatar bg-rgba-primary p-50 m-0
mb-1">
<i class="feather icon-clock text-
primary font-medium-5"></i>
</div>
</div>
<h2 class="text-bold-700" id="lottery-time"
data-time="40854.32746195793"></h2>
<p class="mb-0 line-ellipsis">Results
in</p>
</div>
</div>
</div>
</div>
<div class="avatar bg-rgba-warning p-50 m-0
mb-1">
<i class="feather icon-file-text
text-warning font-medium-5"></i>
</div>
</div>
<h2 class="text-bold-700">12662</h2>
<p class="mb-0 line-ellipsis">Tickets
left</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<div class="card-header">
<h4 class="mb-1">Buy tickets</h4>
</div>
<form method="post" action="buyTicket" id="form-
buy">
<div class="row">
<div class="col-12 mb-2 pr-0">
<div class="input-group input-
group-lg">
<input type="number" id="count-
tickets" class="touchspin" value="1" min="" max="" name="count">
</div>
</div>
<div class="col-12 pr-0">
<div class="form-group">
<fieldset>
<div class="input-group">
<div class="input-group-
prepend">
<span class="input-
group-text">Price</span>
</div>
<input type="text"
id="price" class="form-control" value="0.1 Gram" aria-label="Amount (to the nearest
dollar)" disabled>
</div>
</fieldset>
</div>
</div>
<fieldset>
prepend">
<span class="input-
group-text">Min win chance</span>
</div>
<input type="text"
id="chance" class="form-control" value="2%" aria-label="Amount (to the nearest
dollar)" disabled>
</div>
</fieldset>
</div>
</div>
<fieldset>
prepend">
<span class="input-
group-text">Available balance</span>
</div>
<input type="text"
class="form-control" value="1.5 Gram" aria-label="Amount (to the nearest dollar)"
disabled>
</div>
</fieldset>
</div>
</div>
<button class="btn btn-primary
waves-effect waves-light mb-2" id="btn-copy">Buy!</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<h4 class="mb-0">Prizes</h4>
</div>
<div class="table-responsive mt-1">
<table class="table table-hover-animation
mb-0">
<thead>
<tr>
<th>POSITION</th>
<th>PAYOUT</th>
</tr>
</thead>
<tbody>
<tr>
<td>1-10th</td>
<td>5000.0 Gram</td>
</tr>
<tr>
<td>11-20th</td>
</tr>
<tr>
<td>21-30th</td>
</tr>
<tr>
<td>31-50th</td>
<td>200.0 Gram</td>
</tr>
<tr>
<td>51-100th</td>
<td>20.0 Gram</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="row">
<div class="card">
<h4 class="mb-0">Last 5 rounds</h4>
</div>
<div class="table-responsive mt-1">
<table class="table table-hover-animation mb-
0">
<thead>
<tr>
<th>LOTTERY ROUND</th>
<th>TICKETS</th>
<th>STATUS</th>
<th>WON TICKETS</th>
<th>WON AMOUNT</th>
</tr>
</thead>
<tbody>
<tr>
<td>#307</td>
<td>5</td>
<td><i class="fa fa-circle font-
small-3 text-success mr-50"></i>Completed</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
<tr>
<td>#298</td>
<td>1</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
<tr>
<td>#294</td>
<td>2</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
<tr>
<td>#292</td>
<td>7</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
<tr>
<td>#286</td>
<td>18</td>
<td>0</td>
<td>0.0 Gram</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<style>
.ad_responsive_2 { width: 300px; height: 250px; }
@media(min-width: 340px) { .ad_responsive_2 { width: 336px; height: 280px; } }
@media(min-width: 600px) { .ad_responsive_2 { width: 580px; height: 400px; } }
</style>
<div class="mb-3"><center style="margin: auto;">

<script async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle ad_responsive_2"
style="display:inline-block"
data-ad-client="ca-pub-1191230850516122"
data-ad-slot="2020032801"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center></div>
</div>
</div>
</div>

<div class="sidenav-overlay"></div>
<div class="drag-target"></div>


<script src="../../../app-assets/vendors/js/vendors.min.js"></script>



<script src="../../../app-assets/vendors/js/forms/spinner/jquery.bootstrap-
touchspin.js"></script>



<script src="../../../app-assets/js/core/app-menu.js"></script>
<script src="../../../app-assets/js/core/app.js"></script>
<script src="../../../app-assets/js/scripts/components.js"></script>



<script src="../../../app-assets/js/scripts/forms/number-input.js"></script>

<script src="../../../app-
assets/vendors/js/extensions/sweetalert2.all.min.js"></script>
<script src="../../../app-assets/js/scripts/extensions/sweet-
alerts.js"></script>
<script type="text/javascript">
$(document).ready( function() {
var minCountTickets = 0,
maxCountTickets = 0,
balance = 1.5;
$( "#count-tickets" ).trigger("touchspin.updatesettings", {min:

minCountTickets,max: maxCountTickets})
.attr({min: minCountTickets, max: maxCountTickets, value:
minCountTickets});
var minChance = 0.1;

var onePriceTicket = 1.5;
$("#count-tickets").val(minCountTickets);
var countTickets = $("#count-tickets").val();
var chance = minChance * countTickets;
$("#chance").val( (minChance * countTickets).toFixed(2) + '%');

$('#price').val((onePriceTicket * countTickets).toFixed(1) + " Gram");
$("#count-tickets").on('change',function() {
countTickets = $("#count-tickets").val();
$('#price').val((onePriceTicket * countTickets).toFixed(1) + "
Gram");
$("#chance").val( chance.toFixed(2) + '%');
});
$("#count-tickets").on('keyup',function() {
Gram");
});
$(".bootstrap-touchspin-injected button").on('touchstart', function() {
Gram");
});
$(".bootstrap-touchspin-injected button").on('click', function() {
Gram");
});
// var a = new Date($('#lottery-time').data('time') * 1000);
let timeSec = Math.ceil($('#lottery-time').data('time'));
let hour = timeSec/3600 ^ 0;
let min = (timeSec-hour*3600)/60 ^ 0;
let sec = timeSec-hour*3600-min*60;
let time = hour + ':' + min + ':' + sec ;
//var time = '2: 00: 10' ;

$('#lottery-time').html(time);
var interval = setInterval(function() {
var timer = time.split(':');

//by parsing integer, I avoid all extra string processing
var hourse = parseInt(timer[0], 10);
var minutes = parseInt(timer[1], 10);
var seconds = parseInt(timer[2], 10);
--seconds;
hourse = (minutes < 0) ? --hourse : hourse;
minutes = (seconds < 0) ? --minutes : minutes;

if (minutes < 0) {
minutes = 59;
--hourse;
}
minutes = (minutes < 10) ? '0' + minutes : minutes;
hourse = (minutes < 0) ? --hourse : hourse;
seconds = (seconds < 0) ? 59 : seconds;

seconds = (seconds < 10) ? '0' + seconds : seconds;
//minutes = (minutes < 10) ? minutes : minutes;
if (hourse < 0 ) {
clearInterval(interval);
return;
}
$('#lottery-time').html(hourse + ':' +minutes + ':' + seconds);
time = hourse + ':' + minutes + ':' + seconds;
}, 1000);
$('#form-buy').on('submit',function(e){
price = $('#price').val().split(' ');

if (price[0] > balance) {
e.preventDefault();
Swal.fire({
title: "Error!",
text: "Not enough Gram",
type: "error",
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
});
} else {
console.log('sub');
}
})
});
</script>
</body>

</html>

Gramfree Lottery

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Gramfree Lottery

Uploaded by

Copyright:

Available Formats

<!

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<body class="vertical-layout vertical-menu-modern dark-layout 2-columns navbar-

<nav class="header-navbar navbar-expand-lg navbar navbar-with-menu floating-nav

<li class="dropdown dropdown-user nav-item"><a class="dropdown-

<div class="main-menu menu-fixed menu-light menu-accordion menu-shadow" data-

<center style="margin: auto;">

<div class="content-header row">

<div class="mb-3"><center style="margin: auto;">

$( "#count-tickets" ).trigger("touchspin.updatesettings", {min:

var minChance = 0.1;

$("#chance").val( (minChance * countTickets).toFixed(2) + '%');

$(".bootstrap-touchspin-injected button").on('touchstart', function() {

//var time = '2: 00: 10' ;

var interval = setInterval(function() {

var timer = time.split(':');

hourse = (minutes < 0) ? --hourse : hourse;

minutes = (seconds < 0) ? --minutes : minutes;

hourse = (minutes < 0) ? --hourse : hourse;

seconds = (seconds < 0) ? 59 : seconds;

price = $('#price').val().split(' ');

You might also like