Subversion Repositories SmartDukaan

<script type="text/javascript">
        $(document).ready(function () {
                getEntityAheadOptions($("#typeaheaditem"), function (selectedEntity) {
                        itemCatalogId = selectedEntity.catalogId_i;
                });
        });
</script>




<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>FOCUSED MODEL</h3>
                        <ol class="breadcrumb">
                                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                                <li><i class="icon_document_alt"></i>Model</li> 
                                </ol>
                </div>
        </div>
                <form>
                        <div class="row">
                                <div class="col-lg-2">
                                        <label class="control-label" for="excelfile">Activated IMEIs upload:</label>
                                </div>
                            <div class="col-lg-3">
                                <div class="input-group">
                                        <input class="form-control" type="file" id="imeiactivations" name="uploadfile">
                                        <span class="input-group-btn">
                                                <button class="btn btn-default imeiactivationsupload">
                                                            Uplaod
                                                        </button>
                                                </span>
                                        </div>
                                </div>
                </div>
            </form>
        
                <form id="focused-model-form">
                <div id="model-detail" style="background:white;background-color:white;padding:10px;">
                        
                        <div>
                                <div class = "row">
                                <div class="col-lg-4 form-group">
                                          <input placeholder="Search Item" type="text" class="form-control typeahead" id="typeaheaditem" name="Item" data-provide="typeahead" autocomplete="off">
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder="Recommended" id="recommended" name="recommended" type="number" value="" class="form-control input-sm">
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder="Minimum Quantity" id="minimumQuantity" name="minimumQuantity" type="number" value="" class="form-control input-sm">
                                        </div>
                                        
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder="Observable Recommended" id="obvrecommended" name="obvrecommended" type="number" value="" class="form-control input-sm">
                                        </div>
                                        
                                        <div class="col-lg-2 form-group">
                                                <input placeholder="Observable Minimum Quantity" id="obvminimumQuantity" name="obvminimumQuantity" type="number" value="" class="form-control input-sm">
                                        </div>
                                        
                                        </div>
                                        
                                        <div class = "row">
                                                <div class="col-lg-2">
                                                <select class="form-control input-sm" id = "regionType" name = "regionType">
                                                        <option value="" disabled selected>Region Type</option>
                                                        #foreach($region in $regions)
                                                                <option value="$region.getId()">$region.getName()</option>
                                                        #end
                                                </select>
                                                </div>


                                                <div class="col-lg-2">
                                                        <input class="btn btn-primary add-model" type="button" value="Add">
                                                </div>


                                                <div class="col-lg-3">
                                                        <input class="btn btn-primary send-po-notification" type="button" value="Send Notification">
                                                </div>

                                        </div>


                        </div>
                </div>
                </form>

   <div class="col-lg-12 form-group">
          <input type="text" id="searchInput" placeholder="Search..." class="form-control pull-right" style="width:150px;">
        </div>
        <div id="focused-model-table">
                <div class="row">
                <div class="col-lg-12">
                                <table class="table table-striped table-advance table-hover" id="myTable" >
                    <thead>
                        <tr>
                                                        <th>Item Name</th>
                            <th>Recommended Quantity </th>
                            <th>Minimum Quantity</th>
                            <th>Observable Recommended Quantity</th>
                            <th>Observable Minimum Quantity</th>
                            <th>Region</th>
                            <th>Created</th>
                            <th>Remove</th>
                        </tr>
                    </thead>
                                <tbody>
                                        #if(!$focusedModels.isEmpty())
                                         #foreach( $request in $focusedModels )
                                           <tr class="focused-item-info" data="$request.getId()">
                                                 <td>$itemMap.get($request.getCatalogId()).getBrand() 
                                                 $itemMap.get($request.getCatalogId()).getModelName()
                                                 $itemMap.get($request.getCatalogId()).getModelNumber()
                                                 ($itemMap.get($request.getCatalogId()).getCatalogItemId())
                                                 </td>
                                                 <td>$request.getRecommendedQty()</td>
                                                 <td>$request.getMinimumQty()</td>
                                                 
                                                 <td>$request.getObsRecommendedQty()</td>
                                                 <td>$request.getObsMinimumQty()</td>
                                                 
                                                  <td>$regionMap.get($request.getRegionId()).getName()</td>
                                                 
                                                  <td>$request.getCreatedTimestamp().format($dateTimeFormatter)</td>
                                                  
                                                   <td><button class="btn btn-primary remove-model"  data-requestid="$request.getId()" type="button" >Remove</button></td>
                                           </tr>        
                                      #end
                                        #else
                                           <tr>
                                                  <td colspan="12" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>
                                           </tr>
                                   #end
                                </tbody>
                        </table>
                </div>
            </div>
    </div>
    
        #if(!$focusedModels.isEmpty())
        <div class="row" id="focused-model-paginated">
                        <div class="col-lg-9">
                        <p>Showing <span class="start">$start</span> to <span class="end">$end</span> of <span class="size">$size</span> items</p>
                        </div>
                        <div class="col-lg-4" style="text-align:right;float:right">
                                <div class="btn-group" style="width:40%">
                                        <button class="btn btn-primary previous" disabled="disabled" style="width:100%">Previous</button>
                                </div>
                                <div class="btn-group" style="width:40%">
                                        #if($end >= $size)
                                                <button class="btn btn-primary next" style="width:100%" disabled="disabled">Next</button>
                                        #else
                                                <button class="btn btn-primary next" style="width:100%">Next</button>
                                        #end
                                </div>
                </div>
            </div>
    #end
    </div>
</section>

<div id="focused-model-container" style="background:white;background-color:white;">
</div>
<script>
    // Function to perform the table row filtering
    function filterTable() {
        var input, filter, table, tr, td, i, txtValue;
        input = document.getElementById("searchInput");
        filter = input.value.toUpperCase();
        table = document.getElementById("myTable");
        tr = table.getElementsByTagName("tr");

        for (i = 0; i < tr.length; i++) {
            td = tr[i].getElementsByTagName("td")[0]; // Change index based on the column you want to search
            if (td) {
                txtValue = td.textContent || td.innerText;
                if (txtValue.toUpperCase().indexOf(filter) > -1) {
                    tr[i].style.display = "";
                } else {
                    tr[i].style.display = "none";
                }
            }
        }
    }

    // Attach an event listener to the search input
    document.getElementById("searchInput").addEventListener("input", filterTable);
</script>