Subversion Repositories SmartDukaan

<style>

	.table-striped > tbody > tr:nth-child(odd) > td{

  		background: white;

  		background-color: white;

	}

	.table-striped > tbody > tr:nth-child(even) > td{

  		background: white;

  		background-color:white;

	}

	.table-striped > tbody > tr:hover > td,

	.table-striped > tbody > tr:hover {

		background-color: #e98c8f;

	  	color:white;

	}

	.btn:hover{

  		color: grey;

  		text-decoration: none;

	}

	.btn-primary:hover{

  		color: grey;

  		text-decoration: none;

	}

	.vendor-details{

		cursor:pointer;

	}

</style>

<script>

	//configureWarehousesDropDown();

	configureWarehouseInstructionItemsDropDown();

	configureFofoUsersDropDown();

</script>

<section class="wrapper">            

	<div class="row">

		<div class="col-lg-12">

			<h3 class="page-header"><i class="icon_document_alt"></i>ITEM</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>INSTRUCTION ITEMS - $warehouse.getName()</li>						  	

			</ol>

		</div>

	</div>

	<div id="instruction-item-container">

    	<div class="row">

        	<div class="col-lg-2 form-group" id="warehouse-instruction-items-container">

        		<select class="form-control input-sm" id = "warehouse-instruction-items" name = "warehouse-instruction-items" placeholder="Items" multiple>

	             </select>

        	</div>

        	<div class="col-lg-2 form-group">

        		<input type="hidden" id="warehouseId" value="$warehouse.getId()"/>

        		<select class="form-control input-sm" id="fofo-users" name="fofo-users" placeholder="Users">

					<option value="" disabled selected>Users</option>

					#foreach($fofoId in $userIdStoreNameMap.keySet())

         				<option value="$fofoId">$userIdStoreNameMap.get($fofoId)</option>

         			#end

	             </select>

        	</div>

			<div class="col-lg-2">

              	<button class="btn btn-primary" data-toggle="modal" data-target="#instructionItemModel" id="" onclick="instructionItemDialog()" type="button">Process</button>

			</div>

       	</div>

   	</div>

  	<div id="instruction-items-table">

		<div class="row">

	    	<div class="col-lg-12">

	    		<table class="table table-striped table-advance table-hover">

	    			<tbody>

	    				<tr>

	    					<th>Partner Details</th>

	    					<th>Status</th>

	    					<th>Created On</th>

	    				</tr>

	    				#if(!$instructionItems.isEmpty())

			    			#foreach( $instructionItem in $instructionItems )

			    				<tr class="instruction-item-details" data="$instructionItem.getId()">

			    					<td>$userIdStoreNameMap.get($instructionItem.getFofoId())</td>

			    					<td>$instructionItem.getStatus()</td>

			    					<td>$dateTimeFormatter.format($instructionItem.getCreateTimestamp())</td>

			    				</tr>

			    			#end

		    			#else

		    				<tr>

		    					<td colspan="6" style="text-align:center;">NO MATCHING DATA FOUND FOR CRITERIA</td>

		    				</tr>

		    			#end

	    			</tbody>

	    		</table>

	    	</div>

	    </div>

    </div>

    #if(!$instructionItems.isEmpty())

    	<div class="row" id="instruction-items-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-3" style="text-align: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

</section>

<div id="instruction-item-details-container" style="background:white;background-color:white;">

</div>

<div id="instructionItemModel" class="modal fade" role="dialog" data-backdrop="false">

	<div class="modal-dialog modal-lg">

       <!-- Modal content-->

	    <div class="modal-content">

	      <div class="modal-header">

	        <button type="button" class="close" data-dismiss="modal">&times;</button>

	        <h4 class="modal-title">Instruction Item</h4>

	      </div>

	      <div class="modal-body">

			<input type="hidden" class="itemIds" />

			<input type="hidden" class="warehouseId" />

			<input type="hidden" class="userId" />

			<h4 class="warehouseInformation modelHeaderCustom">Warehouse Details : $warehouse.getName()<span></span></h4>

			<h4 class="userInformation modelHeaderCustom">User Details : <span></span></h4>

			<h4 class="itemInformation modelHeaderCustom">Items : <span></span></h4>

			<div id="instructionItemsContainer">

			</div>

			<hr/>

			<span class="input-group-btn">

				<button type="button" id="instructionItemButton" class="btn btn-primary">Submit!</button>

	       	</span>

		  </div>

	      <div class="modal-footer">

	        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

	      </div>

	      </div>

	</div>

</div>

<script type="text/javascript">

	$(()=>{

		loadWarehouseInstructionItemsByWarehouseId("warehouse-instruction-items-container", $("#warehouseId").val());

	});

</script>