Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <title>ELOBOOST</title>
- <link rel="shortcut icon" type="image/x-icon" href="NewLayout/images/favicon.png">
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700' rel='stylesheet' type='text/css'>
- <link href="NewLayout/css/font-awesome.css" rel="stylesheet" type="text/css">
- <link href="NewLayout/css/menu.css" rel="stylesheet" type="text/css">
- <link href="NewLayout/css/style.css" rel="stylesheet" type="text/css">
- <link href="Content/bootstrap-responsive.min.css" rel="stylesheet" />
- <link href="Content/bootstrap-overrides.css" rel="stylesheet" />
- <link href="Content/css.css" rel="stylesheet" />
- <link href="font-awesome-4.2.0/css/font-awesome.css" rel="stylesheet" />
- <link href="Content/bootstrap-mvc-validation.css" rel="stylesheet" />
- <link href="newtemplates/assets/gritter/css/jquery.gritter.css" rel="stylesheet" />
- <link href="newtemplates/css/bootstrap-reset.css" rel="stylesheet">
- <link href="newtemplates/css/bootstrap.min.css" rel="stylesheet" />
- <link href="newtemplates/css/style-responsive.css" rel="stylesheet" />
- <link href="newtemplates/assets/toastr-master/toastr.css" rel="stylesheet" />
- <script src="Scripts/jquery-1.10.1.min.js"></script>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <link href="newtemplates/assets/gritter/css/jquery.gritter.css" rel="stylesheet" />
- <link href="newtemplates/css/bootstrap-reset.css" rel="stylesheet">
- <link href="newtemplates/css/bootstrap.min.css" rel="stylesheet" />
- <link href="newtemplates/css/style-responsive.css" rel="stylesheet" />
- <input type="hidden" value="0.89" id="CurrencyRate" />
- <input type="hidden" id="discount_percent" value="10" />
- <input type="hidden" id="voice_chat_extra_price" value="45" />
- <input type="hidden" id="voice_chat_coaching_extra_price" value="75" />
- <input id="type" name="type" type="hidden" value="net_wins_solo" />
- <input id="current" name="current" type="hidden" value="" />
- <input id="desired" name="desired" type="hidden" value="" />
- <input id="CurrencyType" name="CurrencyType" type="hidden" value="EUR" />
- <input data-val="true" data-val-number="The field GameServerFk must be a number." id="GameServerFk" name="GameServerFk" type="hidden" value="" />
- <input data-val="true" data-val-number="The field price must be a number." data-val-required="The price field is required." id="price" name="price" type="hidden" value="0" />
- <input id="champions" name="champions" type="hidden" value="" />
- <input id="Roles" name="Roles" type="hidden" value="" />
- <input data-val="true" data-val-number="The field Extraprice must be a number." data-val-required="The Extraprice field is required." id="Extraprice" name="Extraprice" type="hidden" value="0" />
- <input type="hidden" id="hfAuth" value="False" />
- <input type="hidden" id="dollar_price" />
- <input type="hidden" id="positions" />
- <input type="hidden" id="champions_list" />
- <input type="hidden" id="selected_champions" />
- <input type="hidden" id="hfresponse" />
- <div class="selecttype">
- <div class="divisionwrapper">
- <div class="divisionwrapper_left">
- <div class="cureentstaing_left">
- <img src="NewLayout/images/dotupper.jpg" alt="dotimg">
- <div class="bluebox">Current Standing</div>
- <div class="geyline">
- <a data-toggle="modal" href="#myModal5">
- <div class="dlbox" id="sel_league">
- <div class="selectbox">
- <img src="NewLayout/images/edit_icon.jpg" alt="select" />
- </div>
- <div class="dlbox_inner"><img class="newicon" src="NewLayout/images/master_icon.png" style="width:90px;" alt=""><span class="spndiv">Select</span><br><span class="spnleag">League</span></div>
- </div>
- </a>
- <a data-toggle="modal" href="#myModal8">
- <div class="dlbox1" id="sel_server">
- <div class="selectbox">
- <img src="NewLayout/images/edit_icon.jpg" alt="select" />
- </div>
- <div class="dlbox_inner1" id="servername">Select Server</div>
- </div>
- </a>
- </div>
- <div class="geyline_btm"></div>
- </div>
- <div class="cureentstaing_right">
- <img src="NewLayout/images/dotupper.jpg" alt="dotimg">
- <div class="bluebox">Desired net wins</div>
- <div class="geyline">
- <div class="dlbox">
- <div class="slider-info" style="font-size:35px;font-weight:bold">
- <span id="slider-range-max-amount"></span>
- </div>
- <div class="sliderdiv">
- <div id="slider-range-max" class="slider"></div>
- </div>
- </div>
- <div class="dlbox2" id="price_div">
- <div class="dlbox_inner2 ">
- <div class="priceconverter">
- <ul>
- <li>EUR</li>
- <li>
- <div class="flatRoundedCheckbox">
- <input type="checkbox" value="1" id="flatOneRoundedCheckbox" name="" />
- <label for="flatOneRoundedCheckbox"></label>
- <div></div>
- </div>
- </li>
- <li>USD</li>
- </ul>
- <div class="clear"></div>
- </div>
- <span>PRICe</span><br>
- <div style="text-decoration:line-through;font-size:large" id="temp_price"></div>
- <div style="font-size:large">Discount 10%</div> <br />
- <img src="images/loader_gif.gif" id="loader" alt="" style="width:90px;" />
- <div id="amount" ></div>
- </div>
- </div>
- <a id="openroles" data-toggle="modal" href="#myModal9">
- <div class="dlboxchamps" id="sel_role">
- <div class="selectbox">
- <img src="NewLayout/images/edit_icon.jpg" alt="select" />
- </div>
- <div class="dlbox_inner2 ">
- <div class="roles_champs">
- <p style="font-size:15px" id="rolesp">Choose roles and champions</p>
- </div>
- <div class="roles_div">
- <span>Roles</span>
- <ul>
- <li></li>
- </ul>
- </div>
- <div class="champs_div">
- <span id="spnchampions"></span>
- <div class="champlist">
- <ul>
- <li></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </a>
- <div class="checkoutbtn"><a data-toggle="modal" href="#myModal100" id="checkoutNow"><i style="width:25px" class="fa fa-lock" aria-hidden="true"></i>Checkout</a></div>
- </div>
- <div class="geyline_btm"></div>
- </div>
- <div class="clear"></div>
- </div>
- <div class="clear"></div>
- </div>
- </div>
- <!-- Selecttype inner End-->
- <div class="modal fade modal-dialog-center" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog modal-lg">
- <div class="modal-content-wrap">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title">Select Rank</h4>
- </div>
- <div class="modal-body">
- <div class="rank-items">
- <div class="boost-type">
- <img src="images/LeagueImages/30852b39-89e9-4bad-9cf0-a637b6917fc1.png" height="80" width="80" />
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="1" data-league-rank="6" data-division-rank="1">Bronze I</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="2" data-league-rank="6" data-division-rank="2">Bronze II</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="3" data-league-rank="6" data-division-rank="3">Bronze III</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="4" data-league-rank="6" data-division-rank="4">Bronze IV</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="6" data-division-current-fk="5" data-league-rank="6" data-division-rank="5">Bronze V</h4>
- </div>
- <div class="boost-type">
- <img src="images/LeagueImages/52570517-9566-4459-911a-dde96be9e2b1.png" height="80" width="80" />
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="6" data-league-rank="5" data-division-rank="1">Silver I</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="7" data-league-rank="5" data-division-rank="2">Silver II</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="8" data-league-rank="5" data-division-rank="3">Silver III</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="9" data-league-rank="5" data-division-rank="4">Silver IV</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="5" data-division-current-fk="10" data-league-rank="5" data-division-rank="5">Silver V</h4>
- </div>
- <div class="boost-type">
- <img src="images/LeagueImages/dbed347e-55e1-4b8e-a01e-712594dcb8a2.png" height="80" width="80" />
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="22" data-league-rank="4" data-division-rank="1">Gold I</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="23" data-league-rank="4" data-division-rank="2">Gold II</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="24" data-league-rank="4" data-division-rank="3">Gold III</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="25" data-league-rank="4" data-division-rank="4">Gold IV</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="4" data-division-current-fk="31" data-league-rank="4" data-division-rank="5">Gold V</h4>
- </div>
- <div class="boost-type">
- <img src="images/LeagueImages/f18ef92a-ec97-4642-a37a-f031306b8640.png" height="80" width="80" />
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="17" data-league-rank="3" data-division-rank="1">Platinum I</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="18" data-league-rank="3" data-division-rank="2">Platinum II</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="19" data-league-rank="3" data-division-rank="3">Platinum III</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="20" data-league-rank="3" data-division-rank="4">Platinum IV</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="3" data-division-current-fk="21" data-league-rank="3" data-division-rank="5">Platinum V</h4>
- </div>
- <div class="boost-type">
- <img src="images/LeagueImages/4eba264c-9bf4-4d71-b16b-81a8949b984f.png" height="80" width="80" />
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="12" data-league-rank="2" data-division-rank="1">Diamond I</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="13" data-league-rank="2" data-division-rank="2">Diamond II</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="14" data-league-rank="2" data-division-rank="3">Diamond III</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="15" data-league-rank="2" data-division-rank="4">Diamond IV</h4>
- <h4 class="set" data-dismiss="modal" aria-hidden="true" data-boostleague-id="2" data-division-current-fk="16" data-league-rank="2" data-division-rank="5">Diamond V</h4>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="modal fade modal-dialog-center" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog modal-lg">
- <div class="modal-content-wrap">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title">Select Server</h4>
- </div>
- <div class="modal-body">
- <div class="servers">
- <div class="servername">
- <h4 class="serverid" data-dismiss="modal" data-id="2">
- <img src="images/Servers/en_map.jpg" alt="server" width="150" height="190" />
- <div style="padding:10px 10px 0px 10px">EU Nordic and East</div>
- </h4>
- </div>
- <div class="servername">
- <h4 class="serverid" data-dismiss="modal" data-id="3">
- <img src="images/Servers/ew_map.jpg" alt="server" width="150" height="190" />
- <div style="padding:10px 10px 0px 10px">EU West</div>
- </h4>
- </div>
- <div class="servername">
- <h4 class="serverid" data-dismiss="modal" data-id="6">
- <img src="images/Servers/na_map.jpg" alt="server" width="150" height="190" />
- <div style="padding:10px 10px 0px 10px">North America</div>
- </h4>
- </div>
- <div class="servername">
- <h4 class="serverid" data-dismiss="modal" data-id="7">
- <img src="images/Servers/oc_map.jpg" alt="server" width="150" height="190" />
- <div style="padding:10px 10px 0px 10px">Oceanic</div>
- </h4>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="modal fade modal-dialog-center" id="myModal9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog modal-lg">
- <div class="modal-content-wrap">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title">Select Roles and Champions</h4>
- </div>
- <div class="modal-body" style="overflow:auto">
- <div class="save2div"><button data-dismiss="modal" class="btn btn-default" id="save2" type="button">Save</button></div>
- <div class="clear"></div>
- <div class="select-options">
- <h4 id="no_opt" data-dismiss="modal">No Thanks, I want the cheapest boost. Let the booster play any role and champions.</h4>
- </div>
- <div class="select-options" id="select_roles">
- Only play selected positions.
- </div>
- <div class="select-options" id="select_roles_champs">
- Only play selected champions and positions.
- </div>
- <div class="roles-list" >
- <div class="col-left" style="display:none">
- <input type="text" placeholder="Search champion" class="searchbox" />
- </div>
- <div class="col-right" style="display:none">
- <div class="roleimg" data-id="1" data-name="Top">
- <span></span> <br />
- <img src="images/Roles/top.png" alt="" class="position" />
- <div class="role-name">Top</div>
- </div>
- <div class="roleimg" data-id="2" data-name="Jungle">
- <span></span> <br />
- <img src="images/Roles/jungle.png" alt="" class="position" />
- <div class="role-name">Jungle</div>
- </div>
- <div class="roleimg" data-id="3" data-name="Mid">
- <span></span> <br />
- <img src="images/Roles/mid.png" alt="" class="position" />
- <div class="role-name">Mid</div>
- </div>
- <div class="roleimg" data-id="4" data-name="Support">
- <span></span> <br />
- <img src="images/Roles/support.png" class="position" />
- <div class="role-name">Support</div>
- </div>
- <div class="roleimg" data-id="5" data-name="Bot">
- <span></span> <br />
- <img src="images/Roles/bot.png" data-id="5" alt="" data-name="Bot" class="position" />
- <div class="role-name">Bot</div>
- </div>
- </div>
- </div>
- <div class="clear"></div>
- <div class="champion-list" style="display:none">
- <div class="champion-item" data-id="1" data-name="Aatrox ">
- <img src="images/Champions/Thumb/Aatrox.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="2" data-name="Ahri ">
- <img src="images/Champions/Thumb/Ahri.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="3" data-name="Akali ">
- <img src="images/Champions/Thumb/Akali.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="4" data-name="Alistar ">
- <img src="images/Champions/Thumb/Alistar.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="5" data-name="Amumu ">
- <img src="images/Champions/Thumb/a5fcb71c-4270-4e2b-bc9c-11d04250728famumu.jpg" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="6" data-name="Anivia ">
- <img src="images/Champions/Thumb/Anivia.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="7" data-name="Annie ">
- <img src="images/Champions/Thumb/Annie.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="8" data-name="Ashe ">
- <img src="images/Champions/Thumb/Ashe.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="9" data-name="Azir ">
- <img src="images/Champions/Thumb/Azir.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="10" data-name="Blitzcrank">
- <img src="images/Champions/Thumb/Blitzcrank.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="11" data-name="Brand ">
- <img src="images/Champions/Thumb/Brand.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="12" data-name="Braum ">
- <img src="images/Champions/Thumb/Braum.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="13" data-name="Caitlyn ">
- <img src="images/Champions/Thumb/Caitlyn.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="14" data-name="Cassiopeia">
- <img src="images/Champions/Thumb/Cassiopeia.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="15" data-name="ChoGath">
- <img src="images/Champions/Thumb/ChoGath.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="16" data-name="Corki ">
- <img src="images/Champions/Thumb/Corki.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="17" data-name="Darius ">
- <img src="images/Champions/Thumb/Darius.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="18" data-name="Diana ">
- <img src="images/Champions/Thumb/Diana.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="19" data-name="Dr. Mundo ">
- <img src="images/Champions/Thumb/DrMundo.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="20" data-name="Draven ">
- <img src="images/Champions/Thumb/Draven.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="21" data-name="Elise ">
- <img src="images/Champions/Thumb/Elise.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="22" data-name="Evelynn ">
- <img src="images/Champions/Thumb/Evelynn.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="23" data-name="Ezreal ">
- <img src="images/Champions/Thumb/Ezreal.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="24" data-name="Fiddlesticks">
- <img src="images/Champions/Thumb/FiddleSticks.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="25" data-name="Fiora">
- <img src="images/Champions/Thumb/Fiora.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="26" data-name="Fizz">
- <img src="images/Champions/Thumb/Fizz.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="27" data-name="Galio">
- <img src="images/Champions/Thumb/Galio.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="28" data-name="Gangplank">
- <img src="images/Champions/Thumb/Gangplank.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="29" data-name="Garen">
- <img src="images/Champions/Thumb/Garen.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="30" data-name="Gnar">
- <img src="images/Champions/Thumb/Gnar.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="31" data-name="Gragas">
- <img src="images/Champions/Thumb/Gragas.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="32" data-name="Graves">
- <img src="images/Champions/Thumb/Graves.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="33" data-name="Hecarim">
- <img src="images/Champions/Thumb/Hecarim.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="34" data-name="Heimerdinger">
- <img src="images/Champions/Thumb/Heimerdinger.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="35" data-name="Irelia">
- <img src="images/Champions/Thumb/Irelia.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="36" data-name="Janna">
- <img src="images/Champions/Thumb/Janna.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="37" data-name="Jarvan IV">
- <img src="images/Champions/Thumb/JarvanIV.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="38" data-name="Jax">
- <img src="images/Champions/Thumb/Jax.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="39" data-name="Jayce">
- <img src="images/Champions/Thumb/Jayce.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="40" data-name="Jinx">
- <img src="images/Champions/Thumb/Jinx.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="41" data-name="Karma">
- <img src="images/Champions/Thumb/Karma.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="42" data-name="Karthus">
- <img src="images/Champions/Thumb/Karthus.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="43" data-name="Kassadin">
- <img src="images/Champions/Thumb/Kassadin.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="44" data-name="Katarina">
- <img src="images/Champions/Thumb/Katarina.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="45" data-name="Kayle">
- <img src="images/Champions/Thumb/Kayle.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="46" data-name="Kennen">
- <img src="images/Champions/Thumb/Kennen.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="47" data-name="KhaZix">
- <img src="images/Champions/Thumb/KhaZix.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="48" data-name="KogMaw">
- <img src="images/Champions/Thumb/KogMaw.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="49" data-name="LeBlanc">
- <img src="images/Champions/Thumb/LeBlanc.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="50" data-name="Lee Sin">
- <img src="images/Champions/Thumb/LeeSin.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="51" data-name="Lissandra">
- <img src="images/Champions/Thumb/Lissandra.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="52" data-name="Lucian">
- <img src="images/Champions/Thumb/Lucian.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="53" data-name="Lulu">
- <img src="images/Champions/Thumb/Lulu.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="54" data-name="Aurelion">
- <img src="images/Champions/Thumb/Aurelion.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="55" data-name="Bard">
- <img src="images/Champions/Thumb/099d41f1-3ac5-4150-a42b-fd878bd0e87dbard.jpg" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="56" data-name="Jhin">
- <img src="images/Champions/Thumb/jhin.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="57" data-name="Ekko">
- <img src="images/Champions/Thumb/Ekko.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="58" data-name="Illaoi">
- <img src="images/Champions/Thumb/Illaoi.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="59" data-name="Kalista">
- <img src="images/Champions/Thumb/Kalista.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="60" data-name="Kindred">
- <img src="images/Champions/Thumb/Kindred.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="61" data-name="Leona">
- <img src="images/Champions/Thumb/Leona.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="62" data-name="Lux">
- <img src="images/Champions/Thumb/Lux.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="63" data-name="Malphite">
- <img src="images/Champions/Thumb/Malphite.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="64" data-name="Malzahar">
- <img src="images/Champions/Thumb/Malzahar.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="65" data-name="Maokai">
- <img src="images/Champions/Thumb/Maokai.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="66" data-name="MasterYi">
- <img src="images/Champions/Thumb/MasterYi.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="67" data-name="MissFortune">
- <img src="images/Champions/Thumb/MissFortune.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="68" data-name="Mordekaiser">
- <img src="images/Champions/Thumb/Mordekaiser.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="69" data-name="Morgana">
- <img src="images/Champions/Thumb/Morgana.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="70" data-name="Nami">
- <img src="images/Champions/Thumb/Nami.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="71" data-name="Nasus">
- <img src="images/Champions/Thumb/Nasus.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="72" data-name="Nautilus">
- <img src="images/Champions/Thumb/Nautilus.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="73" data-name="Nidalee">
- <img src="images/Champions/Thumb/Nidalee.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="74" data-name="Nocturne">
- <img src="images/Champions/Thumb/Nocturne.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="75" data-name="Nunu">
- <img src="images/Champions/Thumb/Nunu.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="76" data-name="Olaf">
- <img src="images/Champions/Thumb/Olaf.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="77" data-name="Orianna">
- <img src="images/Champions/Thumb/Orianna.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="78" data-name="Pantheon">
- <img src="images/Champions/Thumb/Pantheon.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="79" data-name="Poppy">
- <img src="images/Champions/Thumb/Poppy.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="80" data-name="Quinn">
- <img src="images/Champions/Thumb/Quinn.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="81" data-name="Rammus">
- <img src="images/Champions/Thumb/Rammus.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="82" data-name="Rek'Sai">
- <img src="images/Champions/Thumb/Rek'Sai.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="83" data-name="Renekton">
- <img src="images/Champions/Thumb/Renekton.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="84" data-name="Rengar">
- <img src="images/Champions/Thumb/Rengar.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="85" data-name="Riven">
- <img src="images/Champions/Thumb/Riven.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="86" data-name="Rumble">
- <img src="images/Champions/Thumb/Rumble.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="87" data-name="Ryze">
- <img src="images/Champions/Thumb/Ryze.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="88" data-name="Sejuani">
- <img src="images/Champions/Thumb/Sejuani.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="89" data-name="Shaco">
- <img src="images/Champions/Thumb/Shaco.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="90" data-name="Shen">
- <img src="images/Champions/Thumb/Shen.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="91" data-name="Shyvana">
- <img src="images/Champions/Thumb/Shyvana.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="92" data-name="Singed">
- <img src="images/Champions/Thumb/Singed.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="93" data-name="Sion">
- <img src="images/Champions/Thumb/Sion.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="94" data-name="Sivir">
- <img src="images/Champions/Thumb/Sivir.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="95" data-name="Skarner">
- <img src="images/Champions/Thumb/Skarner.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="96" data-name="Sona">
- <img src="images/Champions/Thumb/Sona.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="97" data-name="Soraka">
- <img src="images/Champions/Thumb/Soraka.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="98" data-name="Swain">
- <img src="images/Champions/Thumb/Swain.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="99" data-name="Syndra">
- <img src="images/Champions/Thumb/Syndra.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="100" data-name="Tahm Kench">
- <img src="images/Champions/Thumb/Tahm_Kench.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="101" data-name="Taliyah">
- <img src="images/Champions/Thumb/Taliyah.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="102" data-name="Talon">
- <img src="images/Champions/Thumb/Talon.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="103" data-name="Taric">
- <img src="images/Champions/Thumb/Taric.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="104" data-name="Teemo">
- <img src="images/Champions/Thumb/Teemo.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="105" data-name="Thresh">
- <img src="images/Champions/Thumb/Thresh.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="106" data-name="Tristana">
- <img src="images/Champions/Thumb/Tristana.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="107" data-name="Trundle">
- <img src="images/Champions/Thumb/Trundle.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="108" data-name="Tryndamere">
- <img src="images/Champions/Thumb/Tryndamere.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="109" data-name="TwistedFate">
- <img src="images/Champions/Thumb/TwistedFate.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="110" data-name="Twitch">
- <img src="images/Champions/Thumb/Twitch.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="111" data-name="Udyr">
- <img src="images/Champions/Thumb/Udyr.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="112" data-name="Urgot">
- <img src="images/Champions/Thumb/Urgot.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="113" data-name="Varus">
- <img src="images/Champions/Thumb/Varus.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="114" data-name="Vayne">
- <img src="images/Champions/Thumb/Vayne.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="115" data-name="Veigar">
- <img src="images/Champions/Thumb/Veigar.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="116" data-name="Vel'Koz">
- <img src="images/Champions/Thumb/Vel'Koz.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="117" data-name="Vi">
- <img src="images/Champions/Thumb/Vi.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="118" data-name="Viktor">
- <img src="images/Champions/Thumb/Viktor.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="119" data-name="Vladimir">
- <img src="images/Champions/Thumb/Vladimir.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="120" data-name="Volibear">
- <img src="images/Champions/Thumb/Volibear.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="121" data-name="Warwick">
- <img src="images/Champions/Thumb/Warwick.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="122" data-name="Wukong">
- <img src="images/Champions/Thumb/Wukong.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="123" data-name="Xerath">
- <img src="images/Champions/Thumb/Xerath.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="124" data-name="XinZhao">
- <img src="images/Champions/Thumb/XinZhao.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="125" data-name="Yasuo">
- <img src="images/Champions/Thumb/Yasuo.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="126" data-name="Yorick">
- <img src="images/Champions/Thumb/Yorick.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="127" data-name="Zac">
- <img src="images/Champions/Thumb/Zac.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="128" data-name="Zed">
- <img src="images/Champions/Thumb/Zed.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="129" data-name="Ziggs">
- <img src="images/Champions/Thumb/Ziggs.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="130" data-name="Zilean">
- <img src="images/Champions/Thumb/Zilean.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="131" data-name="Zyra">
- <img src="images/Champions/Thumb/Zyra.png" alt="" width="42" />
- </div>
- <div class="champion-item" data-id="132" data-name="Kled">
- <img src="images/Champions/Thumb/44137fa5-4536-4b74-bbaa-0dc319033665kled.png" alt="" width="42" />
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button data-dismiss="modal" class="btn btn-default" id="save" type="button">Save</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script>
- $('.searchbox').keyup(function () {
- var search = $(this).val().toLowerCase();
- $('.champion-item').hide();
- $('.champion-list').find('.champion-item').each(function () {
- var champname = $(this).attr('data-name'),
- $text = champname.toLowerCase();
- if ($text.indexOf(search) > -1)
- $(this).show();
- });
- })
- </script>
- <style>
- .position {
- filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
- }
- .position.active {
- filter: none;
- -webkit-filter: grayscale(0%);
- }
- </style>
- <div class="modal fade modal-dialog-center" id="myModal100" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog modal-lg">
- <div class="modal-content-wrap">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title"><span style="font-size:25px"><i style="width:25px" class="fa fa-lock"></i>Check Out</span></h4>
- </div>
- <div class="modal-body">
- <div id="orderdiv">
- <div class="checkout-review">
- <div class="review-title">
- <div class="round-num">1</div>
- <div class="media-body-text">REVIEW ORDER</div>
- </div>
- <div class="clear"></div>
- <div class="row-data">
- <div class="content-row-data"><label class="btn btn-round btn-success" style="height:25px;padding:2px" id="Gametype1">Solo Net Wins</label></div>
- <div class="content-row-data" style="min-height:28px;padding:4px" id="Gametype2">Silver 10 Net wins</div>
- <div class="content-row-data" style="font-size:22px" id="priceCheckout">$35</div>
- </div>
- </div>
- <div class="checkout-msg">
- <p>
- We will collect your details after payment.
- Already have an account with us? <a href="#" id="login_popup">Login</a>
- </p>
- </div>
- <div class="checkout-review">
- <div class="review-title">
- <div class="round-num">2</div>
- <div class="media-body-text">SELECT PAYMENT METHOD</div>
- </div>
- <div class="clear"></div>
- <div class="row-data">
- <div class="row-col-left">
- <p>By clicking the button below you accept our Terms of Services</p>
- </div>
- <div class="row-col-right">
- <div class="payment-heading">Using Paypal Express Checkout</div>
- <div class="payment-column">
- <div class="payment-left-column">
- <input type="radio" value="Paypal" class="paymentRadio" name="select_payment_method" checked />
- </div>
- <div class="payment-right-column">
- <img src="NewLayout/images/paypal_img.png" alt="Paypal" width="250" />
- </div>
- </div>
- <div class="clear"></div>
- <div class="payment-heading">Using G2A Pay</div>
- <div class="payment-column">
- <div class="payment-left-column">
- <input type="radio" value="G2a" class="paymentRadio" name="select_payment_method" id="radiocheck"/>
- </div>
- <div class="payment-right-column">
- <img src="NewLayout/images/payment.gif" alt="G2A" width="300" />
- </div>
- </div>
- </div>
- <div class="clear"></div>
- <div class="purchasebtndiv">
- <a href="#" id="savetransaction" class="buyboostbtn">
- <i style="width:9px;" class="fa fa-lock"></i>
- Purchase
- </a>
- </div>
- </div>
- </div>
- </div>
- <div id="logindiv" style="display:none;overflow:auto">
- <div class="right-box-popup">
- <div class="heading-right-box">
- <div class="heading-right-box-inner-left"><div class="heading-right-box-inner-left-inner"><span id="backbtn"><i class="fa fa-long-arrow-left"></i> Back</span></div>Login</div>
- </div>
- <div class="right-box-form-login">
- <div class="column-modal">
- <div class="col-left-modal">Username</div>
- <div class="col-right-modal">
- <input type="text" id="user_name_pop_up" class="form-control" />
- </div>
- </div>
- <div class="clear"></div>
- <div class="column-modal">
- <div class="col-left-modal">Password</div>
- <div class="col-right-modal">
- <input type="password" id="user_password_pop_up" class="form-control" />
- </div>
- </div>
- <div class="column-modal">
- <div class="col-left-modal">
- <a class="btn btn-successbtn" id="loginbtnmodal_pop_up">Login</a>
- </div>
- <div class="col-left-modal" id="loader_pop_up" style="display:none">
- Please Wait....
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="GamesScript/netwinsSolo.js"></script>
- <!-- Get any Question End-->
- <!-- Ftr Start-->
- <div class="modal fade modal-dialog-center" id="myModaljobs" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog modal-lg">
- <div class="modal-content-wrap">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- <h4 class="modal-title">Jobs</h4>
- </div>
- <div class="modal-body">
- <p>To apply to be a booster please send your application to <span style="color:#3d4a8e">jobs@eloboost.co</span> and also leave your skype contact.</p>
- </div>
- <div class="modal-footer">
- <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Scripts -->
- <script src="newtemplates/js/jquery.js"></script>
- <script src="newtemplates/js/bootstrap.min.js"></script>
- <script src="NewLayout/js/jquery.min.js"></script>
- <script src="NewLayout/js/jquery.dropotron.min.js"></script>
- <script src="NewLayout/js/jquery.scrolly.min.js"></script>
- <script src="NewLayout/js/skel.min.js"></script>
- <script src="NewLayout/js/util.js"></script>
- <!--[if lte IE 8]><script src="js/ie/respond.min.js"></script><![endif]-->
- <script src="NewLayout/js/main.js"></script>
- <script src="Scripts/jquery-1.10.1.min.js"></script>
- <script src="Scripts/jquery-1.8.2.min.js"></script>
- <script src="Scripts/jquery-ui-1.10.2.min.js"></script>
- <script src="Scripts/jquery-ui-1.8.24.min.js"></script>
- <script src="Scripts/jquery.cycle.all.js"></script>
- <script src="Scripts/jquery.validate.js"></script>
- <script src="Scripts/jquery.validate.min.js"></script>
- <script src="Scripts/jquery.validate.unobtrusive.js"></script>
- <script src="Scripts/jquery.validate.unobtrusive-custom-for-bootstrap.js"></script>
- <script src="Scripts/jquery.unobtrusive-ajax.js"></script>
- <script src="Scripts/mvcfoolproof.unobtrusive.min.js"></script>
- <script src="Scripts/easyResponsiveTabs.js"></script>
- <script src="Scripts/popup/jquery.leanModal.min.js"></script>
- <script src="newtemplates/js/jquery.simplePopup.js"></script>
- <script src="newtemplates/assets/gritter/js/jquery.gritter.js"></script>
- <script src="newtemplates/js/jquery.scrollTo.min.js"></script>
- <script src="newtemplates/js/jquery.nicescroll.js"></script>
- <script src="newtemplates/js/jquery.ui.touch-punch.min.js"></script>
- <script src="newtemplates/js/respond.min.js"></script>
- <script src="newtemplates/js/sliders.js"></script>
- <script src="newtemplates/assets/toastr-master/toastr.js"></script>
- <script class="include" type="text/javascript" src="js/jquery.dcjqaccordion.2.7.js"></script>
- <script src="Scripts/jquery.signalR-2.2.0.js"></script>
- <script src="signalr/hubs"></script>
- <style>
- .listingbox_innerbox
- {
- cursor:pointer;
- }
- </style>
- <script>
- $('.listingbox_inner,.listingbox_inner1').click(function () {
- var boostname = $(this).find('.listingbox_innerbox').attr('data-name');
- window.location.href = "/eloboosting?boostname=" + boostname;
- });
- $('#login_new_popUp').click(function () {
- $('#Login_div_popup').show();
- $('#Register_div_popup').hide();
- $('#Forgot_div_popup').hide();
- })
- $('#selectboosting_footer_upper').click(function () {
- selectboosting()
- })
- $('#selectboosting_footer_lower').click(function () {
- selectboosting()
- })
- $('#buyboosting').click(function () {
- selectboosting();
- })
- $('#select_back').click(function () {
- selectboosting();
- })
- function selectboosting() {
- var $window = $(window);
- var windowsize = $window.width();
- var href = "";
- if (navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|IEMobile)/)) {
- //if (parseInt(windowsize) < 767) { //to check locally
- href = "/Default/selectboostingmobile";
- }
- else {
- href = "/Default/selectboosting";
- }
- window.location.href = href;
- }
- function showToaster(message, toastertype) {
- var shortCutFunction = toastertype;
- var msg = message;
- var title = "Message" || '';
- var $showDuration = "300";
- var $hideDuration = "1000";
- var $timeOut = "5000";
- var $extendedTimeOut = "1000";
- var $showEasing = "linear";
- var $hideEasing = "swing";
- var $showMethod = "fadeIn";
- var $hideMethod = "fadeOut";
- //var toastIndex = toastCount++;
- toastr.options = {
- closeButton: "checked",
- debug: $('#debugInfo').prop('checked'),
- progressBar: $('#progressBar').prop('checked'),
- positionClass: $('#positionGroup input:radio:checked').val() || 'toast-top-right',
- preventDuplicates: $('#preventDuplicates').prop('checked'),
- onclick: null
- };
- if ($('#addBehaviorOnToastClick').prop('checked')) {
- toastr.options.onclick = function () {
- alert('You can perform some custom action after a toast goes away');
- };
- }
- if ($showDuration.length) {
- toastr.options.showDuration = $showDuration;
- }
- if ($hideDuration.length) {
- toastr.options.hideDuration = $hideDuration;
- }
- if ($timeOut.length) {
- toastr.options.timeOut = $timeOut;
- }
- if ($extendedTimeOut.length) {
- toastr.options.extendedTimeOut = $extendedTimeOut;
- }
- if ($showEasing.length) {
- toastr.options.showEasing = $showEasing;
- }
- if ($hideEasing.length) {
- toastr.options.hideEasing = $hideEasing;
- }
- if ($showMethod.length) {
- toastr.options.showMethod = $showMethod;
- }
- if ($hideMethod.length) {
- toastr.options.hideMethod = $hideMethod;
- }
- if (!msg) {
- msg = getMessage();
- }
- $("#toastrOptions").text("Command: toastr["
- + shortCutFunction
- + "](\""
- + msg
- + (title ? "\", \"" + title : '')
- + "\")\n\ntoastr.options = "
- + JSON.stringify(toastr.options, null, 2)
- );
- var $toast = toastr[shortCutFunction](msg, title); // Wire up an event handler to a button in the toast, if it exists
- $toastlast = $toast;
- if ($toast.find('#okBtn').length) {
- $toast.delegate('#okBtn', 'click', function () {
- alert('you clicked me. i was toast #' + toastIndex + '. goodbye!');
- $toast.remove();
- });
- }
- if ($toast.find('#surpriseBtn').length) {
- $toast.delegate('#surpriseBtn', 'click', function () {
- alert('Surprise! you clicked me. i was toast #' + toastIndex + '. You could perform an action here.');
- });
- }
- }
- </script>
- <script>
- var html = $('html, body'),
- navContainer = $('.nav-container'),
- navToggle = $('.nav-toggle'),
- navDropdownToggle = $('.has-dropdown');
- // Nav toggle
- navToggle.on('click', function (e) {
- var $this = $(this);
- e.preventDefault();
- $this.toggleClass('is-active');
- navContainer.toggleClass('is-visible');
- html.toggleClass('nav-open');
- });
- // Nav dropdown toggle
- navDropdownToggle.on('click', function () {
- var $this = $(this);
- $this.toggleClass('is-active').children('ul').toggleClass('is-visible');
- });
- // Prevent click events from firing on children of navDropdownToggle
- navDropdownToggle.on('click', '*', function (e) {
- e.stopPropagation();
- });
- $(document).ready(function () {
- EditableTable.init();
- var chatHub = $.connection.chatHub;
- registerClientMethods(chatHub)
- // Start Hub
- $.connection.hub.start().done(function () {
- registerEvents(chatHub)
- });
- setTimeago();
- $("#owl-demo").owlCarousel({
- navigation: true,
- slideSpeed: 300,
- paginationSpeed: 400,
- singleItem: true,
- autoPlay: true
- });
- });
- function setTimeago() {
- $('span.time').each(function () {
- $(this).timeago();
- })
- }
- //custom select box
- $(function () {
- $('select.styled').customSelect();
- });
- $(window).on("resize", function () {
- var owl = $("#owl-demo").data("owlCarousel");
- owl.reinit();
- });
- function registerClientMethods(chatHub) {
- chatHub.client.sendnotification = function () {
- //$.notify("You have a message.", "info");
- showToaster("You have a message.", "info");
- };
- chatHub.client.displaymessage = function (message, name) {
- var div = '<div class="group-rom"><div class="first-part odd">' + name + '</div><div class="second-part">' + message + '</div><div class="third-part"><span class="time" title="11/18/2016 9:16:58"></span></div></div>';
- $('span.time').timeago();
- $('.chat-box').append(div);
- var x = document.getElementById("chatsound");
- x.play();
- $("#newchatbox").scrollTop($("#newchatbox")[0].scrollHeight);
- }
- }
- function registerEvents(chatHub) {
- $("#btnsend").click(function () {
- var message = $('#msgtext').val();
- var orderid = $('#hfoId').val();
- var name = $('#hfmyname').val();
- var date = $('#hfdate').val();
- if (message != '' && orderid != '') {
- $('#msgtext').val('');
- var div = '<div class="group-rom"><div class="first-part odd">' + name + '</div><div class="second-part">' + message + '</div><div class="third-part"><span class="time" title="11/18/2016 9:16:58"></span></div></div>';
- $('.chat-box').append(div);
- setTimeago();
- $("#newchatbox").scrollTop($("#newchatbox")[0].scrollHeight);
- chatHub.server.sendmsg(orderid, message);
- }
- });
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement