Subversion Repositories SmartDukaan

<style>
html, body{
        background-color : #fff;
}

.inner-addon .glyphicon {
  top : 0px; 
  position: absolute;
  padding: 13px;
/*   pointer-events: none; */
}
.left-addon .glyphicon  { left:  0px;}
.left-addon input  { padding:5px 6px 3px 36px; }

#srch-term:focus{
/*      border:1px solid white; */
        outline-offset: 0px;
        outline: none !important;
}

.ui-autocomplete li{
        list-style-type: none;
        padding : 7px;
/*      font-weight : bold;      */
        font-size : 13px;
        color : #d6d6c2;
}


.ui-autocomplete {
        background : #f5f5ef;
}
.blue{
        color : #00cccc;
}
</style>

<script type="text/javascript" src="/js/jquery-ui.min.js "></script>
<script type="text/javascript" src="/js/jquery.ui.autocomplete.js"></script>
<script>
        $(document).ready(function(){
                if($('.cscrollselector > a >.card').length>0) {
            $('.cscrollselector').jscroll({
                loadingHtml: '<center><img src="/img/ajax-loader.gif" alt="Loading" /></center>',
                autoTriggerUntil: 3,
                padding: 20
            });
        }
                
                var currencies ;
                $('.searchresults a').click(function(){
                        var product_rank = $(this).data('rank');
                        var search_term = $('.searchterm').text().trim();
                        var product_id = $(this).data('id');
                        var product_title = $(this).data('title');
                        $.ajax({
                                          method: "POST",
                                          url: "/search_analytics/add",
                                          dataType: 'json',
                                          data: { user_id:me, sku:product_id , name:product_title ,rank:product_rank, search_term: search_term }
                                        })
                                          .done(function( msg ) {
                                            // alert( "Data Saved: " + msg );
                                          })
                                          .fail(function(msg){
                                                // alert("Error");
                                          });
                });
                
                $('.searchbar1 input').click(function(){
                        $('.searchbar1').addClass('hidden');
                        $('.searchbar').removeClass('hidden');
                        $('.searchbar input').focus();
                        $('.searchresults').empty();     
                });

                $('.inner-addon span').click(function(){
                        $('.searchbar').addClass('hidden');
                        $('.searchbar1').removeClass('hidden');                 
                });


                $("#srch-term").autocomplete({  autoFocus: true, minLength: 0,
                source: "/store_products/autosuggest",
                select: function( event, ui ) {
                        this.value = ui.item.title;
                                $('#formSearch').submit();
                                return false;
                        }
            });
                 
                
        });
</script>

<div class="searchbar hidden">
                <form id = "formSearch" class="navbar-form" role="search" method="GET" name="search"  style="padding: 0px 16px;margin-top: 0px;">
                
                <div class="input-group col-xs-12 text-right" id="remote">
        
                            <div class= "inner-addon left-addon" style='position: relative;'>
                                <span class="glyphicon glyphicon-arrow-left remsearch"></span>
                                <input autocomplete="off" type="text" id= "srch-term" class="input-block-level" style="height:37px" placeholder="Search for items" name="q" >
                            </div>
      
                
                
                
                    <!-- <input autocomplete="off" type="text" class="form-control" placeholder="Search for items" name="q" id="srch-term" style="width:80%;"> -->
                    <div class="input-group-btn w25px">
                        <button class="btn btn-default" type="submit" style="height:37px"><i class="glyphicon glyphicon-search"></i></button>
                    </div>
                </div>
        </form>
</div>
<div class="container">
        <div class="searchbar1" style="margin-top: 15px;margin-bottom: 3px;">
<!--            <form class="navbar-form" role="search" method="GET" name="search"> -->
                <div class="input-group col-xs-12 text-right" id="remote">
                    <input autocomplete="off" type="text" class="form-control" style="width:100%;" placeholder="Search for items">
                    <div class="input-group-btn w25px">
                        <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                    </div>
                </div>
<!--         </form> -->
        </div>
        <div class="searchresults">
        <?php //debug($result);?>
        <?php if(!empty($result)):?>
                <div class="searchterm" style="background-color: #f5f5f5; margin: 0px 0px;">
                        <?php echo $q;?> <!--(<?php //echo sizeof($result['Solr']);?> results)-->
                </div>
                <div class="row scroll cscrollselector">
                        <?php echo $this->element('newsearchresult');?> 
                </div>                  
        <?php endif;?>
        <?php if(!empty($campaigns)):?>
        <?php foreach ($campaigns as $key => $campaign):?>
                <?php echo $this->element('searchbanners',array('campaign'=>$campaign));?>
        <?php endforeach;?>
        <?php endif;?>
        </div>
</div>
<?php echo $this->element('unlikemodal');?>
<!-- <script type="text/javascript" src="/js/bootstrap-typeahead.js?v=<?php //echo $staticversion;?>"></script> -->

<script type="text/javascript" src="/js/profittill.js?v=<?php echo $staticversion;?>"></script>
<script type="text/javascript" src="/js/jquery.jscroll.min.js?v=<?php echo $staticversion;?>"></script>