ok
Direktori : /home2/selectio/www/frames-hub/ |
Current File : //home2/selectio/www/frames-hub/home-1.php |
<?php include('header.php'); $statement = $pdo->prepare("SELECT * FROM `customer` WHERE status='1'"); $statement->execute(); $customer_dropdown = $statement->fetchAll(PDO::FETCH_ASSOC); ?> <style> @media (min-width: 1200px){ .row-cols-xl-2>* { flex: 0 0 auto; width: 33%; } } #alert-info{ background-color: #f8e5e5; } #note{ font-size: 14px; color: red; } #kyc{ font-size: 14px; } @media (min-width: 1200px){ #buttonstyle { margin-left: 13%; color:white; font-size: 14px; } } @media (min-width: 768px){ #buttonstyle { margin-left: 13%; color:white; font-size: 14px; } } .wrapper .search { border: 1px solid #c8c8c8; overflow: hidden; border-radius: 25px; padding: 0 10px; margin: 15px 0 20px; transition: all 0.3s } .wrapper .search:hover, .wrapper .search:focus-within { border: 1px solid transparent; box-shadow: 2px 5px 8px #1f1f1f10, 0px -4px 5px #1f1f1f10 } .wrapper .search .form-control { box-shadow: none; outline: none; border: none } .wrapper .search .form-control:focus::placeholder { opacity: 0 } .wrapper .accordion-button { font-size: 0.9rem; font-weight: 500 } .wrapper .accordion-button:hover { background-color: #f8f8f8 } .wrapper .accordion-button:focus { box-shadow: none } .wrapper .accordion-button::after { background-size: 1rem; display: flex; align-items: center; justify-content: center; border: 1px solid #c8c8c8; background-position: center center; border-radius: 50% } .wrapper .accordion-button:not(.collapsed) { color: #000; background-color: #f7f7f7; font-weight: 600; border-bottom: 1px solid #ddd !important } .accordion-button:not(.collapsed)::after { border-color: #1E88E5 } .wrapper .accordion-button.collapsed { border-bottom: 1px solid #ddd !important } .wrapper .accordion-collapse.show { border-bottom: 1px solid #ddd !important } .wrapper .accordion-collapse { background-color: #eaf3fa } .wrapper .accordion-collapse ul li { line-height: 2rem; width: 100%; padding: 0.5rem 1.3rem } .wrapper .accordion-collapse ul li:hover { background-color: #c9e7ff } .wrapper .accordion-collapse ul li a { text-decoration: none; color: #333; font-size: 0.85rem; font-weight: 400; display: block } .wrapper .accordion-collapse ul li:hover a { color: #222 } @media (max-width: 777px) { .wrapper { margin: 50px 20px } } @media (max-width: 365px) { .wrapper { margin: 50px 10px } .w-75 { width: 90% !important } } .widgets-icons-4 { width: 138px; height: 138px; display: flex; align-items: center; justify-content: center; background-color: #ededed; font-size: 27px; border-radius: 10px; } .text-secondary1{ font-size: 22px; font-family: emoji; font-weight: bolder; color: black !important; } .font-12 { font-size: 12px; } </style> <style> body { font-weight: bolder; background: white; } .search-box{ width: auto; display: inline-block; font-size: 14px; } .search-box { padding: 5px 10px; font-size: 14px; } .result{ position: absolute; z-index: 999; top: 89%; left: 0; } .search-box, .result{ width: 100%; box-sizing: border-box; } /* Formatting result items */ .result div{ margin: 0; background: white; padding: 7px 10px; border: 1px solid #CCCCCC; border-top: none; cursor: pointer; margin-top:-10px; } .result div:hover{ background: blue; color: white; } </style> <div class="page-wrapper"> <div class="page-content"> <div class="row" style="margin-top:5%;"> <div class="col-1"></div> <div class="col-10 col-sm-10 col-md-10 col-lg-10" style="margin-bottom: 3%;background-color: darkkhaki;padding: 17px;border-radius: 10px;box-shadow: 4px 4px 4px 4px;"> <div class="form-group search-box"> <label class="" for="pro_category">Search Cylinder No. / Product Name </label> <input type="text" name="search_item" placeholder="Search Product" class="form-control tip customer_name_search" id="search_text" style='text-transform:uppercase'/> <div class="result" style="overflow-y: scroll;max-height: 200px;"></div> </div> </div> <div class="col-1"></div> </div><br><br> </div> <div id="customer_frame_info"></div> <?php /* if($_SESSION['frames_hub']['id']){ include 'ui-pages/client-home-data.php'; }*/ ?> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $(".customer_name_search").keypress(function(event) { if(event.keyCode == 13) { customer_name = $('#search_text').val(); if(customer_name==''){ alert("Please Enter C"); }else{ var is_new = 1; $(".cylinder_no").each(function(){ if(cylinder_no==$(this).val()){ is_new=0; return false; } }); if(is_new==1){ $.ajax({ url: 'apis/get-search-purchase.php', type: 'post', dataType: 'text', data:{pro_cylinder_no:cylinder_no}, success: function (response) { $('#table_refill_cylinder').prepend(response); final_calculation(); new_cylinder_calculation(); $('#search_text input[type="text"]').val(''); $("#search_text").val(''); $("#search_text").empty(); $("#pro_qty").val($('.cylinder_no').length); } }); }else{ alert('This Cylinder Is Already Added..'); $('.search-box input[type="text"]').val(''); $(".result").empty(); $('.search-box input[type="text"]').focus(); } } } }); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.js" ></script> <script> /*$(document).ready(function() {*/ $("#customer_name").change(function(){ $('#customer_frame_info').empty(); customer_name=$("#customer_name").val(); console.log('selcetd Purchase Order No:'+customer_name); $.ajax({ url:'ui-pages/client-home-data.php', type:'POST', data:{customer_name:customer_name}, success:function(response) { console.log('Respinse'+response); $("#customer_frame_info").append(response); } }); }); /*});*/ </script> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script> $(document).ready(function() { console.log("cdn link is working"); $('.select2').select2(); }); </script> <?php include('footer.php'); ?>