1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 6 <!-- META ============================================= --> 7 <meta charset="utf-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <link rel="canonical" href="index-2.html" /> 10 <!-- OG --> 11 <meta name="robots" content="index, follow"> 12 13 <meta name="keywords" content="Web Design, Education, Institute, Study" /> 14 <meta name="author" content="ThemeTrades" /> 15 <meta name="description" content="Ahmedabad Smart City Digital Library" /> 16 <meta name="format-detection" content="telephone=no"> 17 <!-- FAVICONS ICON ============================================= --> 18 <link rel="icon" href="/assets/images/favicon.png" type="image/x-icon" /> 19 <link rel="shortcut icon" type="image/x-icon" href="/assets/images/favicon.png" /> 20 <link rel="stylesheet" type="text/css" href="/assets/css/croppie.css"> 21 <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-sweetalert.css"> 22 <link href="/assets/javascript-datepicker/css/cuppa-datepicker-styles.css" rel="stylesheet"> 23 24 <!-- PAGE TITLE HERE ============================================= --> 25 <title>Mj Library | Register</title> 26 27 <!-- MOBILE SPECIFIC ============================================= --> 28 <meta name="viewport" content="width=device-width, initial-scale=1"> 29 30 <!--[if lt IE 9]> 31
31<script src="/assets/js/html5shiv.min.js"></script>
31 32
32<script src="/assets/js/respond.min.js"></script>
32 33 <![endif]--> 34 35 <!-- All PLUGINS CSS ============================================= --> 36 <link rel="stylesheet" type="text/css" href="/assets/css/assets.css"> 37 38 <!-- TYPOGRAPHY ============================================= --> 39 <link rel="stylesheet" type="text/css" href="/assets/css/typography.css"> 40 41 <!-- SHORTCODES ============================================= --> 42 <link rel="stylesheet" type="text/css" href="/assets/css/shortcodes/shortcodes.css"> 43 44 <!-- STYLESHEETS ============================================= --> 45 <link rel="stylesheet" type="text/css" href="/assets/css/style.css"> 46 <link class="skin" rel="stylesheet" type="text/css" href="/assets/css/color/color-1.css"> 47 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 48 <link class="skin" rel="stylesheet" type="text/css" 49 href="/assets/vendors/fontawesome5_0/css/all.css"> 50 <!---------Captcha ==========================================---->
vendor: 70 bytes, lines 50-53
50 51 <script src='https://www.google.com/recaptcha/api.js'></script> 52 53
53<script src="/assets/frontend/en-lang/content.js"></script>
53 54 <style> 55 .switch-field { 56 display: flex; 57 margin-bottom: 36px; 58 overflow: hidden; 59 } 60 61 .switch-field input { 62 position: absolute !important; 63 clip: rect(0, 0, 0, 0); 64 height: 1px; 65 width: 1px; 66 border: 0; 67 overflow: hidden; 68 } 69 70 .switch-field label { 71 background-color: #e4e4e4; 72 color: rgba(0, 0, 0, 0.6); 73 font-size: 14px; 74 line-height: 1; 75 text-align: center; 76 padding: 8px 16px; 77 margin-right: -1px; 78 border: 1px solid rgba(0, 0, 0, 0.2); 79 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); 80 transition: all 0.1s ease-in-out; 81 } 82 83 .switch-field label:hover { 84 cursor: pointer; 85 } 86 87 .switch-field input:checked+label { 88 background-color: #a5dc86; 89 box-shadow: none; 90 } 91 92 .switch-field label:first-of-type { 93 border-radius: 4px 0 0 4px; 94 } 95 96 .switch-field label:last-of-type { 97 border-radius: 0 4px 4px 0; 98 } 99 100 .koha { 101 display: none; 102 } 103 104 @media print { 105 body * { 106 visibility: hidden; 107 } 108 109 #detail * { 110 visibility: visible; 111 } 112 113 #detail { 114 position: absolute; 115 left: 0; 116 top: 0; 117 } 118 119 .error__btn { 120 display: none; 121 } 122 } 123 .required 124 { 125 color: red; 126 } 127 128 .offer-text { 129 font-weight: 600; 130 color: #333; 131 margin: 10px 0; 132 } 133 134 .old-price { 135 text-decoration: line-through !important; 136 color: #3340cfff; 137 margin-right: 8px; 138 } 139 140 .offer-label { 141 font-weight: 700; 142 margin-right: 8px; 143 animation: blink 1.0s infinite; 144 text-decoration: none!important 145 } 146 147 .new-price { 148 font-weight: 700; 149 text-decoration: none!important 150 } 151 152 /* ⨠Optional blink animation for offer */ 153 @keyframes blink { 154 0%, 50%, 100% { opacity: 1; } 155 25%, 75% { opacity: 0; } 156 } 157 158 /* ð± Responsive adjustment */ 159 @media (max-width: 576px) { 160 .offer-text { 161 font-size: 1rem; 162 text-align: center; 163 } 164 .new-price { 165 font-size: 1.1rem; 166 } 167 } 168 </style> 169</head>
170<script> 171 var totalReadingSpace='Select Gender (Total 110 seats -> Total Waiting is 2857)'; 172 var totalReadingMaleSpace='Male (Total 10 seats -> Total Waiting is 1809) '; 173 var totalReadingFemaleSpace='Female (Total 100 seats -> Total Waiting is 1048)'; 174</script>
174 175<body id="bg"> 176 <div class="page-wraper"> 177 <!--div id="loading-icon-bx"></div> 178 <div id="loading-icon-bx2" style="display:none"></div--> 179 <div class="preloader-1" id="preloader-1" style="display:none"> 180 <div>Loading</div> 181 <span class="line line-1"></span> 182 <span class="line line-2"></span> 183 <span class="line line-3"></span> 184 <span class="line line-4"></span> 185 <span class="line line-5"></span> 186 <span class="line line-6"></span> 187 <span class="line line-7"></span> 188 <span class="line line-8"></span> 189 <span class="line line-9"></span> 190 </div> 191 <div class="account-form"> 192<div class="account-head"> 193 <div class="contact-info-bx"> 194 <a href="/"><img src="/assets/images/logo.png" alt=""></a><br> 195 <h2 class="m-b10 title-head change-lang" data-lang-value="instruction-95"></h2> 196 <div class="widget widget_getintuch"> 197 <ul style="text-align: left;"> 198 <li class="change-lang" data-lang-value="instruction-96"></li> 199 200 <!--li class="change-lang" data-lang-value="instruction-96a"></li--> 201 <li class="change-lang" data-lang-value="instruction-96b"></li> 202 <li><i class="ti-email"></i>[email protected]</li> 203 </ul> 204 </div> 205 <!-- <h5 class="m-t0 m-b20">Follow Us</h5> 206 <ul class="list-inline contact-social-bx"> 207 <li><a href="https://www.facebook.com/mintbookindia/" class="btn outline radius-xl"><i 208 class="fab fa-facebook-f"></i></a></li> 209 <li><a href="https://twitter.com/MintbookIndia" class="btn outline radius-xl"><i class="fab fa-twitter"></i></a> 210 </li> 211 <li><a href="https://linkedin.com/company/mintbook-com" class="btn outline radius-xl"><i 212 class="fab fa-linkedin-in"></i></a></li> 213 <li><a href="https://www.instagram.com/mintbookofficial/" class="btn outline radius-xl"><i 214 class="fab fa-instagram"></i></a></li> 215 <li><a href="https://www.youtube.com/channel/UCgse6SFFutt-3HjOwc1y63w" class="btn outline radius-xl"><i 216 class="fab fa-youtube"></i></a></li> 217 </ul>--> 218 </div> 219</div> 220 <div class="account-form-inner"> 221 <li class="singleLink"> 222 <div class="LanguageSelect pull-right m-r40 m-t20 authChangeLang"> 223 <a href="" class="englishLanguage langChange" lang="eng" id="englishLanguage" style="display:none">English</a> 224 <a href="" class="gujuLanguage langChange " lang="hin" id="gujuLanguage">àªà«àªàª°àª¾àª¤à«</a> 225 <!--a href="become-member" style="margin-left:20px"><button type="button" class="login_button btn btn-link a-glow change-lang" data-lang-value="instruction-210"></button></a---> 226 </div> 227 </li> 228 <!--div class="account-container"> 229 <div class="row justify-content-center"> 230 <a href="/register#bookTransaction"><p style=" 231 background: linear-gradient(90deg, #ff9800, #ff5722); 232 color: #fff; 233 font-size: 1.2rem; 234 font-weight: 600; 235 padding: 15px 25px; 236 border-radius: 10px; 237 box-shadow: 0 4px 10px rgba(0,0,0,0.2); 238 display: inline-block; 239 animation: fadeIn 1.2s ease-in-out;" class="change-lang" data-lang-value="instruction-107a"> 240 </p> 241 </a> 242 </div> 243 </div--> 244 <div class="account-container" id="contAcct"> 245 <div class="heading-bx left"> 246 <h2 class="title-head change-lang" data-lang-value="instruction-33"></h2> 247 <p class="change-lang" data-lang-value="instruction-34"></p> 248 </div> 249 250 <form class="contact-bx" id="registration-form" name="registration-form" enctype="multipart/form-data"> 251 <div id='message' style='color:red;'></div> 252 <div class="row placeani registerPage" id="detail"> 253 <!--<div class="col-lg-12"> 254 <div class="form-group"> 255 <div class="regular-field"> 256 <input type="radio" id="dl-event" name="registeredWith" value="dl" 257 onclick="$('#lmsRequestData').hide();$('#lmsUserProfile').hide();$('.ignorethis').addClass('ignore');" checked /> 258 <label for="dl-event" class="change-lang" data-lang-value="instruction-209"> Register for Digital Library</label> 259 <br> 260 <input type="radio" id="dlAndLMS-event" name="registeredWith" value="dlAndLMS" 261 onclick="$('#lmsRequestData').show();$('#lmsUserProfile').show();$('.ignorethis').removeClass('ignore');" /> 262 <label for="dlAndLMS-event" class="change-lang" data-lang-value="instruction-210"> Become a Member in MJ Library</label> 263 </div> 264 </div> 265 </div>--> 266 <!--div class="col-lg-12" style="display:none"> 267 <div class="form-group"> 268 <div class="input-group"> 269 <select name="title" id="title" class="form-control select2" style="height: calc(3.00rem + 7px);"> 270 <option value="">--Select Title--</option> 271 <option value="Mr"> Mr </option> 272 <option value="Mrs"> Mrs </option> 273 </select> 274 </div> 275 </div> 276 </div---> 277 <div class="col-lg-12"> 278 <div class="form-group"> 279 <div class="input-group"> 280 <label class="change-lang" data-lang-value="instruction-212"></label> 281 <input name="surname" id="surname" type="text" class="form-control" autoComplete="off"> 282 </div> 283 </div> 284 </div> 285 <div class="col-lg-12 displayBeforeOtp"> 286 <div class="form-group"> 287 <div class="input-group"> 288 <label class="change-lang" data-lang-value="instruction-211"></label> 289 <input name="fullName" id="fullName" type="text" class="form-control" autoComplete="off"> 290 </div> 291 </div> 292 </div> 293 <!--div class="col-lg-12 displayBeforeOtp"> 294 <div class="form-group"> 295 <div class="input-group"> 296 <label class="change-lang" data-lang-value="instruction-369"></label> 297 <input name="middleName" id="middleName" type="text" class="form-control" autoComplete="off"> 298 </div> 299 </div> 300 </div--> 301 <div class="col-lg-12 displayBeforeOtp"> 302 <div class="form-group"> 303 <div class="input-group"> 304 <label class="change-lang" data-lang-value="instruction-371"></label> 305 <input name="fatherHusbandName" id="fatherHusbandName" type="text" class="form-control" autoComplete="off"> 306 </div> 307 </div> 308 </div> 309 <div class="col-lg-12"> 310 <div class="form-group"> 311 <div class="input-group"> 312 <label class="change-lang" data-lang-value="instruction-36"></label> 313 <input name="mobile" id="mobile" type="text" class="form-control" autoComplete="off"> 314 </div> 315 </div> 316 </div> 317 <div class="col-lg-12"> 318 <div class="form-group focused"> 319 <label> <font class="change-lang" data-lang-value="instruction-344" > Gender</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label> 320 <div class="input-group focused" style="width: 100%"> 321 <select name="gender" id="gender" class="form-control gender
321Select2" 322 style="height: calc(2.5rem + 7px);"> 323 <option value="">Select Gender</option> 324 <option value="M"> Male</option> 325 <option value="F"> Female</option> 326 </select> 327 </div> 328 </div> 329 </div> 330 331 <div class="col-lg-12"> 332 <label> <font class="change-lang" data-lang-value="instruction-351" >Education</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label> 333 <div class="form-group focused"> 334 <div class="input-group focused"> 335 <select name="education" id="education" class="form-control select2" style="height: calc(3.00rem + 7px);"> 336 <option value="">Select Education</option> 337 <option value="Primary"> Primary (Class I to IV)</option> 338 <option value="Upper Primary"> Upper Primary (Class V to VII)</option> 339 <option value="Secondary"> Secondary (Class VIII to X)</option> 340 <option value="Higher Secondary"> Higher Secondary (Class XI and XII)</option> 341 <option value="Graduate"> Graduate </option> 342 <option value="Master"> Post Graduate </option> 343 </select> 344 </div> 345 </div> 346 </div> 347 <div class="col-lg-12"> 348 <label> <font class="change-lang" data-lang-value="instruction-367" ></font><span class="required"></span> </label> 349 <div class="form-group focused"> 350 <div class="input-group focused"> 351 <select id="occupation" name="occupation" class="form-control select2"> 352 <option value="">Select Occupation</option> 353 <option value="Student">Student </option> 354 <option value="Job">Job </option> 355 <option value="Business">Business </option> 356 <option value="Housewife">Housewife</option> 357 <option value="Senior Citizen">Senior Citizen</option> 358 <option value="Professor">Professor</option> 359 <option value="Lecturer">Lecturer</option> 360 <option value="Lawyer">Lawyer</option> 361 <option value="Others">Others</option> 362 </select> 363 <input type="text" id="otherjob" style="display:none" class="form-control" autoComplete="off"> 364 </div> 365 </div> 366 </div> 367 <div class="col-lg-12"> 368 <label> <font class="change-lang" data-lang-value="instruction-368" >Education</font></label> 369 <div class="form-group focused"> 370 <div class="input-group focused"> 371 <select id="physicallyChallenged" name="physicallyChallenged" class="form-control select2"> 372 <option value="">Select</option> 373 <option value="Yes">Yes </option> 374 <option value="No">No </option> 375 </select> 376 </div> 377 </div> 378 </div> 379 <div class="col-lg-12"> 380 <label> <font class="change-lang" data-lang-value="instruction-370" >Blood Group</font></label> 381 <div class="form-group focused"> 382 <div class="input-group focused"> 383 <select id="bloodGroup" name="bloodGroup" class="form-control select2"> 384 <option value="">Select</option> 385 <option value="(A+)">(A+)</option> 386 <option value="(A-)">(A-)</option> 387 <option value="(B+)">(B+) </option> 388 <option value="(B-)">(B-) </option> 389 <option value="(O+)">(O+) </option> 390 <option value="(O-)">(O-) </option> 391 <option value="(AB+)"> (AB+) </option> 392 <option value="(AB-)">(AB-)</option> 393 </select> 394 </div> 395 </div> 396 </div> 397 <div class="col-lg-12"> 398 <label><font class="change-lang" data-lang-value="instruction-353" >Date of birth</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label> 399 <div class="form-group focused" style="margin-bottom: 55px;"> 400 <div class="input-group focused"> 401 <input type="hidden" id="dob" name="dob" value=""> 402 <div id="cuppaDatePickerContainer"></div> 403 </div> 404 </div> 405 </div> 406 <div class="col-lg-12"> 407 <label><font class="change-lang" data-lang-value="instruction-354" >Member Type</font> (<font style="color:blue;font-size:13px">This allows access for MJ library and all its branches</font>)</label> 408 </div> 409 <div class="col-lg-12"> 410 <div class="form-group"> 411 <input type="radio" id="dlAndLMS-event" name="registeredWith" checked value="dlAndLMS" /> 412 <label for="dlAndLMS-event" class="change-lang" data-lang-value="instruction-210">Become a Member in MJ Library</label> 413 </div> 414 </div> 415 <div class="col-lg-12"> 416 <div class="form-group"> 417 <input type="radio" name="registeredWith" value="dl" id="onlydl-event"/> 418 <label for="onlydl-event" class="change-lang" data-lang-value="instruction-325">Become member of DL</label> 419 </div> 420 </div> 421 <div class="col-lg-12"> 422 <div class="form-group"> 423 <input type="radio" name="registeredWith" value="dlAndReading" id="dlAndReader-event"/> 424 <label for="dlAndReader-event" class="change-lang" data-lang-value="instruction-324">Reserve reading Spapce in Gyanvihar Student Reading Hall(Elise Bridge Branch)</label><br/> 425 <!--font style="color:blue">Note:- Online reservation of reading room will start after assignment of already reserved in-person reservations</font---> 426 </div> 427 </div> 428 <div id="lmsRequestData" style="display:none"> 429 <div class="section-box" style="border: 1px solid #ddd;padding: 15px 0px;margin: 30px 12px;"> 430 <div class="col-lg-12"> 431 <label> <font class="change-lang" data-lang-value="instruction-349" >KYC Document</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label> 432 <div class="form-group"> 433 <div class="input-group"> 434 <select name="documentType" id="documentType" class="form-control select2 ignorethis ignore" 435 style="height: calc(2.5rem + 7px);" onchange="getOtherName(this.value)"> 436 <option value="">Select KYC Document</option> 437 <option value="Aadhar card"> Aadhar Card </option> 438 <option value="Driving Licence"> Driving Licence </option> 439 <option value="Voter ID card"> Voter ID Card </option> 440 <option value="Passport"> Passport </option> 441 <!--option value="Pan card"> PAN Card </option--> 442 443 <!--option value="other"> Others </option---> 444 </select> 445 </div> 446 </div> 447 </div> 448 <!--div class="col-lg-12 otherDocDiv" style="display:none"> 449 <div class="form-group"> 450 <div class="input-group"> 451 <label >Other document name<span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label> 452 <input name="docName" id="docName" type="text" class="form-control ignorethis ignore" autoComplete="off"/> 453 </div> 454 </div> 455 </div---> 456 <div class="col-lg-12 displayBeforeOtp"> 457 <div class="form-group"> 458 <div class="input-group"> 459 <label>Uploaded KYC document number(Ex:Adhar, voter id,Passport etc.)<span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label> 460 <input name="kycDocumentNumber" id="kycDocumentNumber" type="text" class="form-control ignorethis ignore" autoComplete="off"/> 461 </div> 462 </div> 463 </div> 464 <div class="col-lg-12">
465 <span id="kycfileError" style="color: red;"></span> 466 <label><font class="change-lang" data-lang-value="instruction-350" >Upload KYC document</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label> 467 <div class="" style="margin-bottom: 25px;"> 468 <div class="input-group focused"> 469 <input type="text" class="form-control file-upload-text" disabled 470 placeholder="Aadhar card, Driving Licence..." /> 471 <span class="input-group-btn"><span class="required"> 472 <input type="file" class="custom-file-input file-upload filenm" name="file" id="filenm" 473 placeholder="Aadhar card, Driving Licence,." accept=".pdf"> 474 <label class="custom-file-label" for="filenm">Upload KYC document(scan pdf copy max size-200kb)<span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label> 475 <input type="hidden" name="file" value="
4750" id="file_name"> 476 </span> 477 </div> 478 </div> 479 </div> 480 </div> 481 <!---div class="col-lg-12 guanrantorSection" style="display:none"> 482 <div class="section-box" style="border: 1px solid #ddd;padding: 15px 15px;margin: 20px -4px;"> 483 <p class="change-lang" data-lang-value="instruction-326" style="margin:0px 0 0 0"></p> 484 <span id="kycfileError1" style="color: red;"></span> 485 <label> <font class="change-lang" data-lang-value="instruction-347" >Upload guarantor document</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label> 486 <div class="" style="margin-bottom: 25px;"> 487 <div class="input-group focused"> 488 <input type="text" class="form-control file-upload-text" disabled 489 placeholder="Aadhar card, Driving Licence..." /> 490 <span class="input-group-btn"> 491 <input type="file" class="custom-file-input file-upload filenm" name="gaurantor_file" id="filenm1" 492 placeholder="Aadhar card, Driving Licence,." accept=".pdf"> 493 <label class="custom-file-label" for="filenm">Upload approved guarantor form (scan pdf copy)</label><span class="required"> 494 <input type="hidden" name="gaurantor_file" value="
4940" id="file_name1"> 495 </span> 496 </div> 497 </div> 498 </div> 499 </div---> 500 <div class="col-lg-12 displayBeforeOtp"> 501 <div class="form-group"> 502 <div class="input-group"> 503 <label ><font class="change-lang" data-lang-value="instruction-345" >Address</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label> 504 <input name="address" id="address" type="text" class="form-control ignorethis ignore" autoComplete="off"/> 505 </div> 506 </div> 507 </div> 508 <div class="col-lg-12"> 509 <div class="form-group"> 510 <div class="input-group"> 511 <label><font class="change-lang" data-lang-value="instruction-346" >Pincode</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span></label> 512 <input name="pincode" id="pincode" type="number" class="form-control ignorethis ignore" maxlength='6' autoComplete="off"> 513 </div> 514 </div> 515 </div> 516 <div class="col-lg-12 lmsSubScriptionvisibility"> 517 <div class="form-group"> 518 <label> <font class="change-lang" data-lang-value="instruction-348" > Membership</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label> 519 <div class="input-group" style="width: 100%"> 520 <select name="categorycode" id="categorycode" class="form-control select2 ignorethis ignore" 521 autoComplete="off" style="height: calc(2.5rem + 7px);" onchange="setSubscription()"> 522 <option value="">Select Membership</option> 523 <option value="G9">Annual Membership </option> 524 <option value="G1">Lifetime Membership</option> 525 <!--option value="C9">Annual Membership - Child</option> 526 <option value="CH">Lifetime Membership - Child</option---> 527 </select> 528 </div> 529 </div> 530 </div> 531 <div class="col-lg-12 readerSubScription"> 532 <label> Membership<span class="required"><font style="font-size:11px; font-style: oblique;"></font></span> </label> 533 <div class="form-group"> 534 <div class="input-group" style="width: 100%"> 535 <select name="" id="readercode" class="form-control select2 ignorethis ignore" 536 autoComplete="off" style="height: calc(2.5rem + 7px);" onchange="showReadingMemberShipSubscription()"> 537 <option value="">Select Membership</option> 538 <option value="3M">3 Month (â¹300)</option> 539 <option value="6M">6 Month (â¹600)</option> 540 <option value="1YEAR">1 Year (â¹1000)</option> 541 </select> 542 </div> 543 </div> 544 </div> 545 <div class="col-lg-12" id="selectReadingMemberSubscription" style="display:none"> 546 <div class="packageHeading"> 547 <h3 class="change-lang" data-lang-value="instruction-215"></h3> 548 </div> 549 </div> 550 <div class="form-group col-md-12 " id="readingMemberInfoBlock" style="display:none;"> 551 <div class="" id=""> 552 <div class="single-team-inside"> 553 <div class="solutionNew solutionNewSelected" id=''> 554 <h5 class="" id="readingPackageDuration"></h5> 555 <p id="readingMemberShipInfo"> 556 557 </p> 558 </div> 559 </div> 560 </div> 561 </div> 562 <div class="col-lg-12" id="chooseYourSub" style="display:none"> 563 <div class="packageHeading"> 564 <h3 class="change-lang" data-lang-value="instruction-215"></h3> 565 </div> 566 </div> 567 <div class="row col-md-12" id="sub_show" style="display:none"> 568 <div class="form-group col-md-12 lmsSubScription" id="anual_500" style="display:none;"> 569 <div class="chooseASubscription" id="price_500"> 570 <div class="single-team-inside"> 571 <div class="solutionNew solutionNewSelected" id='annual_500'> 572 <h5 class="change-lang" data-lang-value="instruction-216"></h5> 573 <p>â¹1000 Deposit + â¹500 Fee (non refundable) = â¹1500/- 574 575 </p> 576 </div> 577 </div> 578 </div> 579 </div> 580 <div class="form-group col-md-12 lmsSubScription" id="liftime_1500" style="display:none;"> 581 <div class="chooseASubscription" id="price_1500"> 582 <div class="single-team-inside"> 583 <div class="solutionNew" id="lifetime_1500"> 584 <h5 class="change-lang" data-lang-value="instruction-217"></h5> 585 <p> â¹3000/- (one time non refundable)</p> 586 <!--p class="offer-text">
587 <span class="old-price">â¹3000</span> 588 <span class="offer-label">(50% OFF)</span> 589 <span class="new-price">â¹1500/-</span> 590 </p--> 591 </div> 592 </div> 593 </div> 594 </div> 595 </div> 596 <!--div class="col-lg-12 lmsSubScription" style='display:none'> 597 <div class="form-group"> 598 <div class="input-group" style="width: 100%"> 599 <select name="branchcode" id="branchcode" class="form-control select2 ignorethis ignore" 600 autoComplete="off" style="height: calc(2.5rem + 7px);"> 601 <option value="">Select Library</option> 602 </select> 603 </div> 604 </div> 605 </div---> 606 <div id="lmsUserProfile" style="display:none"> 607 <div class="col-lg-12"> 608 <div class="row"> 609 <div class="profilePicSection"> 610 <label class="cabinet center-block profileImageSection"> 611 <label> <font class="change-lang" data-lang-value="instruction-352" >Upload profile picture</font><span class="required"><font style="font-size:11px; font-style: oblique;">*</font></span> </label> 612 <figure> 613 <img src="" class="gambar img-responsive img-thumbnail" id="item-img-output" width="100%" 614 name="item-img-output"> 615 </figure> 616 <span class="profileImageSelect" style="font-size: 12px;"><p>Click here to upload photo (size:200kb)</p></span> 617 <input type="file" class="item-img file center-block form-control ignorethis ignore" accept="image/*" id="userProfile" 618 name="userProfile" /> 619 <input type="hidden" name="userProfile" value="
6190" id="member_Pht"> 620 </label> 621 </div> 622 </div> 623 </div> 624 <div class="form-group col-md-12"> 625 <input type="checkbox" id="termsAndCond"><a href="/about-us#digitalTranformation" target="_blank"><label style="padding-left:10px;cursor: pointer;" id="labelTerms">I agree to M J Library Rules and Regulations</label></a> 626 </div> 627 <div class="col-md-12"> 628 <input id="selectedSubscription" type="hidden" name="selectedSubscription" value="price_500"> 629 </div> 630 </div> 631 </div> 632 <!--div class="col-lg-12 validate-input m-b10 error__btn"> 633 <div class="g-recaptcha" data-sitekey="6LdFCAEaAAAAABwPeDbeovRWfsxVqr40wg9MCBhB"></div> 634 </div---> 635 <div class="col-lg-12 m-b30 error__btn" style="margin-top:20px"> 636 <input id="ru" type="hidden" name="ru" value=""> 637 <font class="change-lang printMembershipData printData" data-lang-value="instruction-355" style="color:blue!important; margin-bottom: 35px;">Note: If you wish to download your filled form, Kindly click of print preview</font> 638 <a class="btn btn-warning error__btn change-lang printMembershipData" data-lang-value="instruction-219" href="#" id="printData"></a> 639 640 <button name="submit" type="submit" value="register" class="btn button-md change-lang" 641 data-lang-value="instruction-37" btn-index="submit"></button> 642 </div> 643 <input type="hidden" name="_csrf" value="9r3iIm5S-I9OSKaAi2X1kRxQBcBsUx-wbvmk"> 644 </form> 645 646 </div> 647 </div> 648 </div> 649 </div> 650 651 <!---------Crop Modal Start--------------------> 652<div class="modal fade" id="cropImagePop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 653 <div class="modal-dialog"> 654 <div class="modal-content"> 655 <div class="modal-header"> 656 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span 657 aria-hidden="true">×</span></button> 658 <h4 class="modal-title" id="myModalLabel"> 659 </h4> 660 </div> 661 <div class="modal-body"> 662 <div id="upload-crop" class="center-block"></div> 663 </div> 664 <div class="modal-footer"> 665 <button type="button" id="closeCrop" class="btn btn-default" data-dismiss="modal">Close</button> 666 <button type="button" id="cropImageBtn" class="btn btn-primary">Save</button> 667 </div> 668 </div> 669 </div> 670</div> 671<!---------Modal End--------------------> 672 673<!---------Print Start--------------------> 674<!--div id="printDiv"> 675 <p><h4 style="text-decoration: underline;">MJ LIBRARY MEMBERSHIP APPLICATION FORM</h4></p> 676 <img id="previewHeader" width=60 height=40/> 677 <img id="imgProfile" width=60 height=60/> 678 <p><b>First Name : </b><span id="firstname-text"></span></p> 679 <p><b>Middle Name : </b><span id="middleName-text"></span></p> 680 <p><b>Last Name : </b><span id="lastname-text"></span></p> 681 <p><b>Mobile Number : </b><span id="mobno-text"></span></p> 682 <p><b>Gender : </b><span id="gender-text"></span></p> 683 <p><b>Father's / Mother's Name: </b><span id="fatherHusbandName-text"></span></p> 684 <p><b>Education : </b><span id="education-text"></span></p> 685 <p><b>Occupation : </b><span id="occupation-text"></span></p> 686 <p><b>Any Disability : </b><span id="physicallyChallenged-text"></span></p> 687 <p><b>Blood Group : </b><span id="bloodGroup-text"></span></p> 688 <p><b>Date of Birth : </b><span id="dob-text"></span></p> 689 <p><b>KYC Document : </b><span id="kycdoc-text"></span></p> 690 <p><b>KYC Document Number : </b><span id="kycDocumentNumber-text"></span></p> 691 <p><b>Address : </b><span id="address-text"></span></p> 692 <p><b>Pincode : </b><span id="pincode-text"></span></p> 693 <p><b>Membership : </b><span id="cat-text"></span></p> 694 <p><b>Branch Code : </b><span id="branch-text"></span></p> 695 <p><b>Membership Fee : </b><span id="sub-text"></span></p> 696</div--> 697 698<!---------Print End--------------------> 699 700 701 <!-- External JavaScripts --> 702 703 <!-- External JavaScripts --> 704
704<script src="/assets/js/jquery.min.js"></script>
704 705
705<script type="text/javascript" src="/assets/vendors/bootstrap/js/bootstrap.min.js"></script>
705 706
706<script src="/assets/js/scripts/jquery.validate.min.js"></script>
706 707
707<script src="/assets/js/functions.js"></script>
707 708 <!--
708<script src="/assets/frontend/auth/sha256.js"></script>
708--> 709
709<script type="text/javascript" src="/assets/js/bootstrap-sweetalert.js"></script>
709 710
710<script type="text/javascript" src="/assets/frontend/js/app.js"></script>
710 711
711<script src="/assets/frontend/auth/main.js"></script>
711 712 <link href="/assets/css/select2.min.css" rel="stylesheet" /> 713
713<script src="/assets/js/select2.min.js"></script>
713 714
714<script src="/assets/js/croppie.js"></script>
714 715
715<script src="/assets/js/print.js"></script>
715 716
716<script src="/assets/js/jspdf.js"></script>
716 717
717<script type="text/javascript" src="/assets/javascript-datepicker/js/lib/moment.js"></script>
717 718
718<script type="text/javascript" src="/assets/javascript-datepicker/js/cuppa-calendar.js"></script>
718 719 720
720<script> 721 722 // function view() { 723 // if($("#dlAndLMS-event").prop("checked") == true){ 724 // $('#lmsRequestData').show(); 725 // $('#lmsUserProfile').show(); 726 // $('.ignorethis').removeClass('ignore'); 727 // $("#registeredWith").val('dlAndLMS') 728 // }else{ 729 // $('#lmsRequestData').hide(); 730 // $('#lmsUserProfile').hide(); 731 // $('.ignorethis').addClass('ignore'); 732 // $("#registeredWith").val('dl') 733 // } 734 // } 735 736 $("#printData").on('click' , function() { 737 var logoImg = app.mjLogoDataURL(); 738 var profileImg = $('.gambar').attr("src"); 739 var address = ($('#address').val() == '' || $('#address').val() == null) ? '-' : $('#address').val() 740 var doc = new jsPDF('p', 'pt', 'A4'); 741 doc.setFontSize(14); 742 743 var title = ($('#title').val() == '' || $('#title').val() == null) ? '-' : $('#title').val() 744 // doc.addImage(logoImg, "PNG", 15, 30, 60, 60); 745 doc.addImage(logoImg, "JPEG", 50, 35, 75, 75); 746 doc.text("MJ LIBRARY MEMBERSHIP APPLICATION FORM", 150, 55); 747 doc.text("ID:- ", 360, 85) 748 doc.text("MJ"+"7212",400, 85) 749 doc.text("Date:- ", 360, 105) 750 doc.text(new Date().toISOString().slice(0,10) + " " +new Date() 751 .toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', hour12: true }), 400, 105) 752 doc.text("Profile", 75, 180); 753 if(profileImg){ 754 doc.addImage(profileImg, "JPEG", 200, 140, 60, 60); 755 }else { 756 doc.text("-", 200, 140); 757 } 758 759 doc.text("First Name :-", 75, 220) 760 doc.text(($('#fullName').val() == '' || $('#fullName').val() == null) ? '-' : $('#fullName').val(), 200, 220) 761 762 doc.text("Middle Name :-", 75, 240) 763 doc.text(($('#middleName').val() == '' || $('#middleName').val() == null) ? '-' : $('#middleName').val(), 200, 240) 764 765 doc.text("Last Name :-", 75, 260) 766 doc.text(($('#surname').val() == '' || $('#surname').val() == null) ? '-' : $('#surname').val(), 200, 260) 767 768 doc.text("Mobile No. :-", 75, 280) 769 doc.text(($('#mobile').val() == '' || $('#mobile').val() == null) ? '-' : $('#mobile').val(), 200, 280) 770 771 doc.text("Gender :-", 75, 300) 772 doc.text($('#gender option:selected').text(), 200, 300) 773 774 doc.text("F/M Name :-", 75, 320) 775 doc.text(($('#fatherHusbandName').val() == '' || $('#fatherHusbandName').val() == null) ? '-' : $('#fatherHusbandName').val(), 200, 320) 776 777 doc.text("Education :-", 75, 340) 778 doc.text($('#education option:selected').text().trim(), 200, 340) 779 780 doc.text("Occupation :-", 75, 360) 781 doc.text($('#occupation option:selected').text(), 200, 360) 782 783 doc.text("Any Disability :-", 75, 380) 784 doc.text($('#physicallyChallenged option:selected').text(), 200, 380) 785 786 787 doc.text("Blood Group :-", 75,400) 788 doc.text($('#bloodGroup option:selected').text(), 200, 400) 789 790 doc.text("Date of Birth :-", 75, 420) 791 doc.text(($('#dob').val() == '' || $('#dob').val() == null) ? '-' : $('#dob').val(), 200, 420) 792 793 doc.text("KYC Document :-", 75, 440) 794 doc.text(($('#documentType').val() == '' || $('#documentType').val() == null) ? '-' : $('#documentType').val(), 200, 440) 795 796 doc.text("KYC Document No.", 75, 460) 797 doc.text(($('#kycDocumentNumber').val() == '' || $('#kycDocumentNumber').val() == null) ? '-' : $('#kycDocumentNumber').val(), 200, 460) 798 799 doc.text("Address :-", 75, 480) 800 if(address.length > 58){ 801 var splitedAddress = doc.splitTextToSize(address, 380) 802 doc.text(splitedAddress, 200, 480) 803 804 doc.text("Pincode :-", 75, 520) 805 doc.text(($('#pincode').val() == '' || $('#pincode').val() == null) ? '-' : $('#pincode').val(), 200, 520) 806 807 doc.text("Membership :-", 75, 540) 808 doc.text($('#categorycode option:selected').text(), 200, 540) 809 810 doc.text("Membership Fee :-", 75, 560) 811 doc.text(($('#selectedSubscription').val() == '' || $('#selectedSubscription').val() == null) ? '-' : ($('#selectedSubscription').val() == 'price_500' ? '1500' : '3000'), 200, 560) 812 } else { 813 814 doc.text("Pincode :-", 75, 500) 815 doc.text(($('#pincode').val() == '' || $('#pincode').val() == null) ? '-' : $('#pincode').val(), 200, 500) 816 817 doc.text("Membership :-", 75, 520) 818 doc.text($('#categorycode option:selected').text(), 200, 520) 819 820 doc.text("Membership Fee :-", 75, 540) 821 doc.text(($('#selectedSubscription').val() == '' || $('#selectedSubscription').val() == null) ? '-' : ($('#selectedSubscription').val() == 'price_500' ? '1500' : '3000'), 200, 540) 822 823 } 824 825 doc.rect(20,20, 550, 600); 826 doc.save("MJLibrary_Registration_Form"); 827 $("#printDiv").hide() 828 }) 829 830 831// Start upload preview image 832$(".gambar").attr("src", "/assets/images/default.png"); 833 var $uploadCrop, 834 tempFilename, 835 rawImg, 836 imageId; 837 838 function readFile(input) { 839 if (input.files && input.files[0]) { 840 var reader = new FileReader(); 841 reader.onload = function (e) { 842 $('.upload-crop').addClass('ready'); 843 $('#cropImagePop').modal('show'); 844 rawImg = e.target.result; 845 }
846 reader.readAsDataURL(input.files[0]); 847 } else { 848 swal("Sorry - you're browser doesn't support the FileReader API"); 849 } 850 } 851 852 $uploadCrop = $('#upload-crop').croppie({ 853 viewport: { 854 width: 200, 855 height: 200, 856 }, 857 enforceBoundary: false, 858 enableExif: true 859 }); 860 $('#cropImagePop').on('shown.bs.modal', function () { 861 $uploadCrop.croppie('bind', { 862 url: rawImg 863 }).then(function () { 864 }); 865 }); 866 $('.item-img').on('change', function (e) { 867 imageId = $(this).data('id'); 868 tempFilename = $(this).val(); 869 tempFilename = e.target.files[0].name; 870 $('#member_Pht').val(tempFilename) 871 $('#cancelCropBtn').data('id', imageId); 872 readFile(this); 873 }); 874 $('#cropImageBtn').on('click', function (ev) { 875 $uploadCrop.croppie('result', { 876 type: 'base64', 877 format: 'jpeg', 878 size: { 879 width: 200, 880 height: 200 881 } 882 }).then(function (resp) { 883 $('#item-img-output').attr('src', resp); 884 $('#cropImagePop').modal('hide'); 885 }); 886 }); 887 $('#closeCrop').on('click', function(ev){ 888 $('#member_Pht').val('') 889 $("#userProfile").val('') 890 }); 891 892 $(document).ready(function () { 893 var searchParams = window.location.href; 894 // var memberType = searchParams.get('#'); 895 // console.log(searchParams) 896 if(searchParams.includes('#reading')){ 897 $("#dlAndReader-event").prop("checked",true) 898 $("#dlAndLMS-event").prop("disabled",true); 899 $("#onlydl-event").prop("disabled",true) 900 $('#dlAndReader-event').trigger('click'); 901 } 902 $("#printDiv").hide() 903 $('#filenm').on('change', function (e) { 904 var fileName = $(this).val(); 905 fileName = e.target.files[0].name; 906 $('#file_name').val(fileName) 907 $(this).next('.custom-file-label').html(fileName); 908 }) 909 $('#filenm1').on('change', function (e) { 910 var fileName = $(this).val(); 911 fileName = e.target.files[0].name; 912 $('#file_name1').val(fileName) 913 $(this).next('.custom-file-label').html(fileName); 914 }) 915 getURLParamsByName() 916 }); 917 $('.select2').select2(); 918 $('#registration-form').trigger("reset"); 919 $(function () { 920 // $("#fullName").focus().click; 921 }); 922 // $('#fullName').focus(''); 923 // $(".chooseASubscription").click(function () { 924 // $('.solutionNewSelected').not($(this).children().children()).removeClass('solutionNewSelected'); 925 // $(this).children().children().addClass('solutionNewSelected'); 926 // $('#selectedSubscription').val($(this).attr('id')); 927 // //$(".couponcode-submit").removeAttr('disabled'); 928 // }); 929 app.getAllCategoryCode().done(function (response) { 930 if ($.validateResponse(response)) { 931 var $categorycode = $('#categorycode'); 932 if (response.status == true) { 933 var data = response.data; 934 if (data.length > 0) { 935 var option = '<option value="">--Select Membership--</option>'; 936 for (var key in data) { 937 if (data[key].categorycode != '' && data[key].categorycode != null) { 938 var category = data[key].categorycode; 939 option += '<option value="' + category + '">' + data[key].description + ' (' + category + 940 ') </option>'; 941 } 942 } 943 // $categorycode.html(option); 944 945 } 946 } else { 947 $.showValidationMessage(response.message, 'warning') 948 } 949 } 950 }) 951 app.getAllBranchCode().done(function (response) { 952 if ($.validateResponse(response)) { 953 var $branchcode = $('#branchcode'); 954 if (response.status == true) { 955 var data = response.data; 956 if (data.length > 0) { 957 var option = '<option value="">Select Library</option>'; 958 for (var key in data) { 959 if (data[key].branchcode != '' && data[key].branchcode != null) { 960 var branchcode = data[key].branchcode; 961 option += '<option value="' + branchcode + '">' + data[key].branchname + '(' + branchcode + 962 ') </option>'; 963 } 964 } 965 $branchcode.html(option); 966 967 } 968 } else { 969 $.showValidationMessage(response.message, 'warning') 970 } 971 } 972 }) 973 974 function getURLParamsByName(){ 975 var url = window.location.href; 976 var params = {}; 977 var parser = document.createElement('a'); 978 parser.href = url; 979 var query = parser.search.substring(1); 980 query = $.base64Decode(query); 981 if(query != ''){ 982 var pair = query.split('='); 983 pair[1] = $.base64Decode(pair[1]) 984 if(pair[0] == 'option' && pair[1] == 'member'){ 985 $("#dlAndLMS-event").prop("checked", true); 986 $('#lmsRequestData').show(); 987 $('#lmsUserProfile').show(); 988 $('.ignorethis').removeClass('ignore'); 989 } 990 } 991 } 992 993 function setSubscription() { 994 var categoryCode = $("#categorycode").val() 995 $("#chooseYourSub").show(); 996 $("#sub_show").show(); 997 $('.lmsSubscripton').show(); 998 // $('.readerSubscripton').hide(); 999 $("#readingMemberInfoBlock").hide(); 1000 $("#selectReadingMemberSubscription").hide(); 1001 if(categoryCode != '' && categoryCode != null){ 1002 if(categoryCode == 'G9' || categoryCode == 'C9') { 1003 $("#annual_500").addClass('solutionNewSelected') 1004 $("#lifetime_1500").removeClass('solutionNewSelected') 1005 $('#selectedSubscription').val('price_500'); 1006 $("#anual_500").addClass('col-md-12'); 1007 $("#liftime_1500").hide(); 1008 $("#anual_500").show(); 1009 } else if(categoryCode == 'G1' || categoryCode == 'CH'){ 1010 $("#lifetime_1500").addClass('solutionNewSelected') 1011 $("#annual_500").removeClass('solutionNewSelected') 1012 $('#selectedSubscription').val('price_1500'); 1013 $("#anual_500").removeClass('col-md-12'); 1014 $("#anual_500").hide(); 1015 $("#liftime_1500").show(); 1016 } 1017 } else { 1018 $("#chooseYourSub").hide(); 1019 $("#sub_show").hide(); 1020 } 1021 } 1022 $('#dlAndReader-event,#dlAndLMS-event,#onlydl-event').on('click',function(){ 1023 // $('#termsAndCond').hide(); 1024 $("#chooseYourSub").hide(); 1025 $('#printData,.printData').hide(); 1026 $('.guanrantorSection').hide(); 1027 var genderSelect = $('#gender'); 1028 genderSelect.empty(); 1029 // console.log($("#dlAndLMS-event").prop("checked"),'===============') 1030 if($("#dlAndReader-event").prop("checked") == true){ 1031 genderSelect.append(new Option(totalReadingSpace, "")); 1032 genderSelect.append(new Option(totalReadingMaleSpace, "M")); 1033 genderSelect.append(new Option(totalReadingFemaleSpace, "F")); 1034 $('#lmsRequestData').show(); 1035 $('#lmsUserProfile').show(); 1036 $('.ignorethis').removeClass('ignore'); 1037 $('.readerSubScription').show(); 1038 $('#guarantorName').addClass('ignore'); 1039 $('#guarantorMobile').addClass('ignore'); 1040 $('.lmsSubScription').hide(); 1041 $('.lmsSubScriptionvisibility').hide(); 1042 $('#readercode').removeClass('ignore'); 1043 $('#address').removeClass('ignore'); 1044 $('#branchcode').addClass('ignore'); 1045 $('#categorycode').addClass('ignore'); 1046 // $("#registeredWith").val('reader') 1047 showReadingMemberShipSubscription(); 1048 }else if($("#dlAndLMS-event").prop("checked") == true){ 1049 becomeMJLibraryFormLoad(); 1050 setSubscription(); 1051 }else{ 1052 var genderSelect = $('#gender'); 1053 genderSelect.empty(); 1054 genderSelect.append(new Option('Select Gender', "")); 1055 genderSelect.append(new Option('Male', "M")); 1056 genderSelect.append(new Option('Female', "F")); 1057 genderSelect.append(new Option('Other', "other")); 1058 $('.ignorethis').addClass('ignore'); 1059 $('#lmsRequestData').hide(); 1060 } 1061 $('.genderSelect2').select2(); 1062 }) 1063 function becomeMJLibraryFormLoad(){ 1064 var genderSelect = $('#gender'); 1065 genderSelect.empty(); 1066 $('.guanrantorSection').show(); 1067 $('#lmsRequestData').show(); 1068 $('#termsAndCond').show(); 1069 $('#printData,.printData').show(); 1070 $('#lmsUserProfile').show(); 1071 $('.ignorethis').removeClass('ignore'); 1072 $('.readerSubScription').hide(); 1073 $('#guarantorName').removeClass('ignore'); 1074 $('#guarantorMobile').removeClass('ignore'); 1075 $('.lmsSubScription').show(); 1076 $('.lmsSubScriptionvisibility').show(); 1077 $('#readercode').addClass('ignore'); 1078 $('#address').removeClass('ignore'); 1079 $('totalSpace').html('') 1080 $('totalMaleSpace').html('') 1081 $('totalFemaleSpace').html('') 1082 $('#branchcode').removeClass('ignore'); 1083 $('#categorycode').removeClass('ignore'); 1084 // $("#registeredWith").val('dl') 1085 1086 genderSelect.append(new Option('Select Gender', "")); 1087 genderSelect.append(new Option('Male', "M")); 1088 genderSelect.append(new Option('Female', "F")); 1089 genderSelect.append(new Option('Other', "other")); 1090 $('.genderSelect2').select2(); 1091 } 1092 var btnCust = ''; 1093 $.showLoader(); 1094 $.hideLoader(); 1095 var cal = null; 1096 1097 var document = $('.winkel-calendar') 1098 window.onload = function () { 1099 cal = new WinkelCalendar({ 1100 container: 'cuppaDatePickerContainer', 1101 bigBanner: true, 1102 // defaultDate: dob, 1103 format: "DD-MM-YYYY", 1104 onSelect: onDateChange 1105 }); 1106 var dob = $('#dob').val(); 1107 if (dob != null && dob != "") { 1108 cal.setDate(dob) 1109 } else { 1110 cal.today() 1111 } 1112 1113 } 1114 $("#occupation").change(function(){ 1115 if($(this).find("option:selected").text() == "Others"){ 1116 $("#otherjob").show(); 1117 } 1118 else{ 1119 $("#otherjob").hide(); 1120 } 1121 }); 1122 1123 function onDateChange(date) { 1124 var currentDate = $('.wc-input').val(); 1125 var changeFormat = currentDate.split('-').reverse().join('-') 1126 document.getElementById('dob').value = changeFormat; 1127 } 1128 becomeMJLibraryFormLoad(); 1129 function getOtherName(otherDoc){ 1130 if(otherDoc=='other'){ 1131 $('.otherDocDiv').show() 1132 $('#docName').removeClass('ignore'); 1133 }else{ 1134 1135 $('.otherDocDiv').hide() 1136 $('#docName').addClass('ignore'); 1137 } 1138 1139 } 1140 1141 function showReadingMemberShipSubscription() { 1142 var readingMemberCode = $("#readercode").val() 1143 $("#selectReadingMemberSubscription").show(); 1144 $('.lmsSubscripton').hide(); 1145 $('#readingMemberInfoBlock').show(); 1146 $("#readingPackageDuration").text(""); 1147 $("#readingMemberShipInfo").text("") 1148 if(readingMemberCode != '' && readingMemberCode != null){ 1149 if(readingMemberCode === '3M') { 1150 $("#readingPackageDuration").text("3 Months Subscription") 1151 $("#readingMemberShipInfo").text('â¹300/- for 3 months') 1152 } else if(readingMemberCode === '6M'){ 1153 $("#readingPackageDuration").text("6 Months Subscription") 1154 $("#readingMemberShipInfo").text('â¹600/- for 6 months') 1155 }else if(readingMemberCode === '1YEAR'){ 1156 $("#readingPackageDuration").text("1 Year Subscription") 1157 $("#readingMemberShipInfo").text('â¹1000/- for 1 Year') 1158 } 1159 } else { 1160 $("#selectReadingMemberSubscription").hide(); 1161 $("#readingMemberInfoBlock").hide(); 1162 } 1163 } 1164 </script>
vendor: 1 bytes, line 1164
1164
1165<script> 1166 $(document).ready(function(e){ 1167 var defaultLang = localStorage.getItem('lang') 1168 if(defaultLang == null){ 1169 localStorage.setItem('lang' , 'eng') 1170 defaultLang = localStorage.getItem('lang') 1171 } 1172 1173 if(defaultLang == 'guj'){ 1174 $('#gujuLanguage').hide(); 1175 $('#englishLanguage').show(); 1176 }else{ 1177 $('#englishLanguage').hide(); 1178 $('#gujuLanguage').show(); 1179 } 1180 changeContentLanguage(); 1181 $('.singleLink').unbind('click').on('click','.langChange',function(){ 1182 var lan = $(this).attr('id'); 1183 if(lan == 'gujuLanguage'){ 1184 $('#englishLanguage').show(); 1185 $('#gujuLanguage').hide(); 1186 localStorage.setItem('lang' , 'guj') 1187 }else{ 1188 $('#gujuLanguage').show(); 1189 $('#englishLanguage').hide(); 1190 localStorage.setItem('lang' , 'eng') 1191 } 1192 changeContentLanguage(); 1193 location.reload(); 1194 }); 1195 function changeContentLanguage(){ 1196 var elements = $('.change-lang'); 1197 var lang = localStorage.getItem('lang'); 1198 elements.each(function(i , l){ 1199 var element = $(l).attr('data-lang-value').trim().toLowerCase(); 1200 var contents = content[element][lang]; 1201 $(l).html(contents); 1202 }) 1203 } 1204 }); 1205</script>
1205 1206</body> 1207 1208</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.