Subversion Repositories SmartDukaan

Rev

Rev 2838 | Rev 5012 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.1 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>List of Entities</title>
<link rel="stylesheet" href="css/colorbox.css" type="text/css" />
<script type="text/javascript" src="jquery/jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.ui.autocomplete.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.ui.dialog.js"></script>
<script type="text/javascript" src="jquery/validation/jquery.validate.js"></script>

<script type="text/javascript" src="jquery/jqueryui/ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.ui.resizable.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.effects.core.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.effects.blind.js"></script>
<script type="text/javascript" src="jquery/jqueryui/ui/jquery.effects.drop.js"></script>
<script type="text/javascript" src="jquery/jquery.chained.js"></script>
<script type="text/javascript" src="jquery/jquery.tablesorter.js"></script>
<script type="text/javascript" src="jquery/thirdparty/jquery.colorbox-min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/events.js"></script>
<script>
// increase the default animation speed to exaggerate the effect
jQuery.fx.speeds._default = 1000;
$(function() {

        
        
        $('.category').click(function() {
            var categoryid = $(this).attr('id') + "-table";
                alert("Toggle style for category" + categoryid);
                $('.category-table').hide();
                $('#'+categoryid).show();
                return false;
        });
         
        $('.delete').click(function() {
                var entityid = $(this).attr('id');
        $('#dialog').dialog({
                    autoOpen: false,
                                width: 470,
                    height: 100,
                    modal: true,
                                title: 'Are you sure ? It will be permanently deleted. Continue ?',
                    buttons: {
                    "OK":function() { window.location.href = "/content/entity/" + entityid + "?_method=delete" },
                    "Cancel": function() { $(this).dialog("close"); }
            }
         });

                $('#dialog').dialog('open');

                return false;
        });

        $('.complete').click(function() {
                var entityid = $(this).attr('id');
        $('#dialog').dialog({
                    autoOpen: false,
                                width: 470,
                    height: 100,
                    modal: true,
                                title: 'The item will be completed, you will not be able to make further changes.  Continue?',
                    buttons: {
                    "OK":function() { window.location.href = "/content/item-update/" + entityid + "?_method=put&action=complete" },
                    "Cancel": function() { $(this).dialog("close"); }
            }
         });

                $('#dialog').dialog('open');

                return false;
        });

        
    $('.ready').click(function() {
                var entityid = $(this).attr('id');
        $('#dialog').dialog({
                    autoOpen: false,
                                width: 470,
                    height: 100,
                    modal: true,
                                title: 'The item will become available for consumers to place orders for. Continue?',
                    buttons: {
                    "OK":function() { window.location.href = "/content/item-update/" + entityid + "?_method=put&action=ready" },
                    "Cancel": function() { $(this).dialog("close"); }
            }
         });

                $('#dialog').dialog('open');

                return false;
        });
        
        
        $('.assign').click(function() {
                var entityid = $(this).attr('id');
                
        $('#dialog-form').dialog({
                    autoOpen: false,
                                width: 470,
                    height: 400,
                    modal: true,
                                        title: 'The item will be assigned. Are you sure ?',
                    buttons: {
                    "OK":function() {
                                        var username = $('#username').val();
                                                window.location.href = "/content/item-update/" + entityid + "?_method=put&action=assign&username=" + username; 
                                        },
                    "Cancel": function() { $(this).dialog("close"); }
            }
         });

                $('#dialog-form').dialog('open');

                return false;
        });

        
});

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
); 

</script>


<link type="text/css" href="jquery/jqueryui/themes/ui-lightness/jquery.ui.all.css" rel="stylesheet" />
<style type="text/css">
    
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }

table {
    border-width: 1px 1px 1px 1px;
    border-spacing: 2px;
    border-style: outset outset outset outset;
    border-color: gray gray gray gray;
    border-collapse: separate;
    background-color: white;
}
th {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}
td {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}
div.dialog {
    padding:12px;
    font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
}
</style>

</head>
<body>
<div>
        <span align="right"> Welcome $action.getUsername()   <a href="$request.contextPath/logout">logout</a></span>
</div>
<div>
    <p/>
    <span align="right"> <a href="$request.contextPath/special-page">Go to special pages</a></span>
    <p/>
        
        <p/>
        <span align="right"> <a href="$request.contextPath/helpdoc">Go to helpdoc</a></span>
        <p/>
    <h1>Entities</h1>
    
        <div style="color:green;">
    #sactionmessage()
        </div>
        <div style="color:red;">
        #sactionerror()
        </div>
        
        #set($inconsistententities = $action.getInconsistentEntities())
        
        #if($inconsistententities && !$inconsistententities.isEmpty())
                <div style="color:red;">
                Following entities are not yet complete.
                <ul>
                #foreach($inconsistententity in $inconsistententities)
                        <li>$inconsistententity</li>
                #end
                </ul>
                Please complete them before 2.45 PM. Otherwise these entities will be removed from www.saholic.com. 
        </div>
        #end
    <!--
    <a href="$request.contextPath/entity/new">Create New</a>
        -->
    <p></p>
    #set ( $entitiesState = $action.getEntitiesState() )
        #set ( $users = $action.getAllUserNames() )
    
    <div>
        #drawAllEntities($entitiesState)
    </div>
</div>

<div id="dialog" title="">
</div>

<div style="display:none;">
<div id="dialog-form" title="Select an user to assign">
    <p class="validateTips">All form fields are required.</p> 
        <form> 
        <fieldset> 
                <label for="user">Username</label> 
                <select id="username" name="username">
                #foreach($user in $users)
                        <option value="$user" class="text ui-widget-content ui-corner-all">$user</option>
                #end
        </select>

        </fieldset> 
        </form>
</div> 
</div>
<div id="items">
</div>
</body>
</html>

#macro (drawAllEntities $entitiesState)
            <table id="myTable">
                <thead>
            <tr style="border: 1px">
                <th>#</th>
                <th>Entity ID</th>
                <th>Category</th>
                <th>Brand</th>
                <th>Model Name</th>
                <th>Model Number</th>
                <th>Item details</th>
                                <th>Current Status</th>
                                <th>Created By</th>
                                <th>Assigned To</th>
                                <th>Completed By</th>
                <th colspan="5">Actions</th>
            </tr>
        </thead>
        <tbody>
                        

    #foreach ( $entityid in $entitiesState.keySet() )
                        #set($entityState = $entitiesState.get($entityid))
            <tr style="border: 1px">
                <td>$velocityCount</td>
                <td><a href="/content/entity/$entityid/edit">$entityid</a></td>
                <td>$action.getCategoryName($entityState.getCategoryID())</td>
                <td>$entityState.getBrand()</td>
                <td>$entityState.getModelName()</td>
                <td>$entityState.getModelNumber()</td>
                                <td>
                    <a class="details-from-catalog" entityId="$entityid" href="#">
                        see items
                    </a>
                </td>
                                <td>$entityState.getStatus()</td>
                <td>$entityState.getCreatedBy()</td>
                                <td>#if($entityState.getAssignedTo())$entityState.getAssignedTo()#end</td>
                                <td>#if($entityState.getCompletedBy())$entityState.getCompletedBy()#end</td>
                                        
                <td><a href="/content/entity/$entityid" target="_blank">View</a></td>
                <!-- <td><a href="" id="$entityid" class="opener">Media</a></td> -->
                <td><a href=""  id="$entityid" class="delete">Delete</a></td>
                                <td><a href=""  id="$entityid" class="ready">Approve</a></td>
                                
                                <td><a href=""  id="$entityid" class="complete">Complete</a></td>
                                <td><a href=""  id="$entityid" class="assign">Assign</a></td>
            </tr>
    #end
        </tbody>
    </table>

#end