Subversion Repositories SmartDukaan

Rev

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

#set($campaignName = $action.getNewsletterName())
#set($campaigns = $action.getCampaigns($campaignName))
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<style type="text/css">
* { font-family: Verdana; font-size: 96%; }
label {
float: left;
    width: 150px;
}
select {
    width: 100px;
}
div.img
{
  margin: 5px;
  padding: 5px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}       
div.img img
{
  display: inline;
  margin: 5px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  margin: 5px;
}
</style>
<script type="text/javascript">
$(function(){   
$("#uploadContentFile").live('submit', function(){
    var formData = new FormData($(this)[0]);
        var name = $('#newsletterName').val();
    jQuery.ajax({
        url: "/user-image!createNewsletter?newsletterName="+name,
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert("Changes propagated successfully");
                        window.location.reload();
                        $('#uploadContentFile')[0].reset();
        },
                 error : function() {
                        alert("OOPS!!!Failed to do changes.Try Again.");
                 },
        cache: false,
        contentType: false,
        processData: false
    });

    return false;
});
});  
</script>
<script type="text/javascript">
$(function(){   
$(".delete").live('click', function(){
        var id = $((this)).attr("id");
        jQuery.ajax({
                url: "/user-image!deleteCampaign?campaignId="+id,
                type: 'POST',
                success: function (data) {
            alert("Changes propagated successfully");
                        window.location.reload();
        },
                error : function() {
                        alert("OOPS!!!Failed to do changes.Try Again.");
                 },
                 cache: false,
        contentType: false,
        processData: false
        });
        return false;   
});
});
</script>
</head>
<body>
<h3>Upload Campaign Images For $campaignName</h3>
<div style="display: none;" class="msgSuccess">
<p style="font-size: 12px; color: green;">Image Uploaded Sucessfully</p>
</div>
<div style="display: none;" class="msgError">
<p style="font-size: 12px; color: red;">Image Failed to upload</p>
</div>
<div style="padding-top: 20px;">
<label for="newsletterName">NewsLetter Name : </label>
<input id="newsletterName" name="newsletterName" type="text" value="$campaignName" readonly="readonly"/>
<br></br>
<form id="uploadContentFile" action="/user-image" enctype="multipart/form-data" method="post">
<label for="imagePath">Image Path : </label>
<input name="userImage" id="file" type="file" />
<br></br>
<label for="imageName">Image Name : </label>
<input id="imageName" name="imageName" type="text"/>
<br></br>
<input type="submit" value="Update" name="upload" />
</form>
</div>
<div id="campaign" style="padding-top: 20px;">
#foreach($campaign in $campaigns)
        <div class="img">
                <a target="_blank" href="/images/campaignImages/$campaign.getImageName()"><img src="/images/campaignImages/$campaign.getImageName()" width="200" height="120"></a>
                <div class="desc"><a class="delete" id="$campaign.getId()" href="#" style="text-align:center;">Delete</a></div>
</div>
#end
</div>  

</body>