Subversion Repositories SmartDukaan

Rev

Blame | 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 Helpdocs</title>
<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>
// 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>
    <h1>Help Docs</h1>

        <a href="$request.contextPath/helpdoc/new">Create New</a>
                
        <div style="color:green;">
    #sactionmessage()
        </div>
        <div style="color:red;">
        #sactionerror()
        </div>
        
        #drawAllHelpDocs($action.getHelpdocs())
</div>

</body>
</html>

#macro (drawAllHelpDocs $helpdocs)
            <table id="myTable">
                <thead>
            <tr style="border: 1px">
                <th>#</th>
                <th>HelpDocId</th>
                <th>Name</th>
                <th colspan="2">Actions</th>
            </tr>
        </thead>
        <tbody>
                        

    #foreach ( $helpdocid in $helpdocs.keySet() )
                        #set($helpdoc = $helpdocs.get($helpdocid))
            <tr style="border: 1px">
                <td>$velocityCount</td>
                <td><a href="/content/helpdoc/$helpdocid/edit">$helpdocid</a></td>
                <td>$helpdoc.getName()</td>
                
                                <td><a href="/content/helpdoc/$helpdocid" target="_blank">View</a></td>
                <td><a href=""  id="$helpdocid" class="delete">Delete</a></td>
                                
            </tr>
    #end
        </tbody>
    </table>

#end