Subversion Repositories SmartDukaan

<script type="text/javascript">

        $(document).ready(function() {
        $('#authUser').multiselect({
                        includeSelectAllOption: true,
                        multiple:true,
                        maxHeight: 200,
                        buttonWidth: '180px',
                        numberDisplayed: 1,
                        nonSelectedText: 'AuthUsers',
                        nSelectedText: ' - AuthUser Selected',
                        allSelectedText: 'All AuthUser Selected',
                        enableFiltering: true,
                        enableCaseInsensitiveFiltering : true
        });
        $('#regionPosition').multiselect({
                        includeSelectAllOption: true,
                        multiple:true,
                        maxHeight: 200,
                        buttonWidth: '180px',
                        numberDisplayed: 1,
                        nonSelectedText: 'Region',
                        nSelectedText: ' - Region Selected',
                        allSelectedText: 'All Region Selected',
                        enableFiltering: true,
                        enableCaseInsensitiveFiltering : true
        });
          $('#escalationType').multiselect({
                        includeSelectAllOption: true,
                        multiple:true,
                        maxHeight: 200,
                        buttonWidth: '180px',
                        numberDisplayed: 1,
                        nonSelectedText: 'EscalationType',
                        nSelectedText: ' - EscalationType Selected',
                        allSelectedText: 'All EscalationType Selected',
                        enableFiltering: true,
                        enableCaseInsensitiveFiltering : true
        });
         $('#ticketCategoryPosition').multiselect({
                        includeSelectAllOption: true,
                        multiple:true,
                        maxHeight: 200,
                        buttonWidth: '180px',
                        numberDisplayed: 1,
                        nonSelectedText: 'Category',
                        nSelectedText: ' - Category Selected',
                        allSelectedText: 'All Category Selected',
                        enableFiltering: true,
                        enableCaseInsensitiveFiltering : true
        });
    });

        
</script>
<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header"><i class="icon_document_alt"></i>TICKET</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>Create Position</li>                                                       
                        </ol>
                </div>
        </div>
        <form id="create-ticket-category-form">
                                <div class = "row">
                                        <div class="col-lg-2 form-group">
                                                <select class="form-control input-sm" id = "authUser" name="authUser" placeholder="AuthUser">
                                                <option value="" disabled selected>AuthUser</option>
                                                        #foreach($authUser in $authUsers)
                                        <option value="$authUser.getId()">$authUser.getFirstName()</option>
                                        #end
                                </select>
                                        </div>
                                        <div class="col-lg-2 form-group">
                                                <select class="form-control input-sm" id = "ticketCategoryPosition" name="ticketCategoryPosition" placeholder="Category">
                                                <option value="" disabled selected>Category</option>
                                                        #foreach($ticketCategory in $ticketCategories)
                                        <option value="$ticketCategory.getId()">$ticketCategory.getName()</option>
                                        #end
                                </select>
                                        </div>
                                        <div class="col-lg-2 form-group">
                                                <select class="form-control input-sm" id = "escalationType" name="escalationType" placeholder="escalationType">
                                                <option value="" disabled selected>EscalationType</option>
                                                        #foreach($escalationType in $escalationTypes)
                                        <option value="$escalationType">$escalationType</option>
                                        #end
                                </select>
                                        </div>
                                        <div class="col-lg-2 form-group">
                                                <select class="form-control input-sm" id = "regionPosition" name="regionPosition" placeholder="region">
                                                        <option value="" disabled selected>Region</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 create-position-button" type="button" value="Create Position">    
                                        </div>
                </div>
        </form>
</section>
<section class="wrapper">
<div id="position-table">
                <div class="row">
                <div class="col-lg-12">
                        <table class="table table-bordered">
                                <tbody>
                                        <tr>
                                                <th>User</th>
                                                <th>Category</th>
                                                <th>Region</th>
                                                <th>Created TimeStamp</th>
                                                <th>EscalationType</th>
                                                <th>Action</th>
                                        </tr>
                                        #if(!$positions.isEmpty())
                                                                #foreach($position in $positions)
                                                                <tr>
                                                                <td>$authUserIdAndAuthUserMap.get($position.getAuthUserId()).getFirstName()</td>
                                                                #if($position.getCategoryId()==0)
                                                                <td>All Category</td>
                                                                #else
                                                                <td>$categoryIdAndCategoryMap.get($position.getCategoryId()).getName()</td>
                                                                #end
                                                                #if($position.getRegionId()==0)
                                                                <td>All Region</td>
                                                                #else
                                                                <td>$regionIdAndRegionMap.get($position.getRegionId()).getName()</td>
                                                                #end
                                                                <td>$position.getFormattedCreateTimestamp()</td>
                                                                <td>$position.getEscalationType()</td>
                                                                <td><button class="btn btn-primary remove-position" data-positionid="$position.getId()">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(!$positions.isEmpty())
        <div class="row" id="positions-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="position-details-container" style="background:white;background-color:white;">
</div>