Subversion Repositories SmartDukaan

Rev

Rev 12112 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
11992 vikram.rag 1 
<html>
2 
<head>
3 
<title>Private Deal Items</title>
12112 kshitij.so 4 
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
11992 vikram.rag 5 
<script>
6 
$(document).ready(function() {
12112 kshitij.so 7 
    $('#btnRight').on('click', function(e) {
11992 vikram.rag 8 
        var selectedOpts = $('#lstBox1 option:selected');
9 
        if (selectedOpts.length == 0) {
10 
            alert("Please select an Item.");
11 
            e.preventDefault();
12 
        }
13 
 
14 
        $('#lstBox2').append($(selectedOpts).clone());
15 
        $(selectedOpts).remove();
16 
        e.preventDefault();
17 
    });
12112 kshitij.so 18 
 
19 
	$('#viewSourceCode').on('click', function(e) {
20 
		$('#generated-news-letter').hide();
21 
		$("#source-code").show();
22 
    });
23 
 
24 
	$('#viewHtml').on('click', function(e) {
25 
		$('#generated-news-letter').show();
26 
		$("#source-code").hide();
27 
    });
11992 vikram.rag 28 
 
12112 kshitij.so 29 
    $('#btnLeft').on('click', function(e) {
11992 vikram.rag 30 
        var selectedOpts = $('#lstBox2 option:selected');
31 
        if (selectedOpts.length == 0) {
32 
            alert("Nothing to move.");
33 
            e.preventDefault();
34 
        }
35 
 
36 
        $('#lstBox1').append($(selectedOpts).clone());
37 
        $(selectedOpts).remove();
38 
        e.preventDefault();
39 
    });
40 
});
41 
</script>
42 
<script>
43 
    jQuery.fn.filterByText = function(textbox, selectSingleMatch) {
44 
        return this.each(function() {
45 
            var select = this;
46 
            var options = [];
47 
            $(select).find('option').each(function() {
48 
                options.push({value: $(this).val(), text: $(this).text()});
49 
            });
50 
            $(select).data('options', options);
51 
            $(textbox).bind('change keyup', function() {
52 
                var options = $(select).empty().data('options');
53 
                var search = $(this).val();
54 
                var regex = new RegExp(search,"gi");
55 
 
56 
                jQuery.each(options, function(i) {
57 
                    var option = options[i];
58 
                    if(option.text.match(regex) !== null) {
59 
                        $(select).append(
60 
                           $('<option>').text(option.text).val(option.value)
61 
                        );
62 
                    }
63 
                });
64 
                if (selectSingleMatch === true && $(select).children().length === 1) {
65 
                    $(select).children().get(0).selected = true;
66 
                }
67 
            });
68 
        });
69 
    };
70 
 
71 
    $(function() {
72 
        $('#lstBox1').filterByText($('#textbox'), true);
73 
    });
74 
</script>
75 
<script>
76 
function StoreSubTypes()
77 
{
12112 kshitij.so 78 
        var _Catalogids = new Array();
11992 vikram.rag 79 
    $("#lstBox2 option").each(
80 
    function(index, option)
81 
    {
12112 kshitij.so 82 
      _Catalogids[index] = option.value;
11992 vikram.rag 83 
    }
84 
   );
12112 kshitij.so 85 
          console.log(_Catalogids.toString());
86 
   jQuery.ajax({
87 
   		url: window.location.href+"!createPrivateDealsNewsLetter?itemIds="+_Catalogids,
88 
        type: 'POST',
89 
        async: false,
90 
		success : function(response) {
91 
			$('#generated-news-letter').empty();
92 
			$("#source-code").text('');
93 
			$('<iframe id="newsletter-iframe" style="width:100%;height:100%;margin-top:20px;"/>').appendTo('#generated-news-letter')
94 
                          .contents().find('body').append(response);
95 
			$("#source-code").text(response);
96 
			$('#generated-news-letter').show();
97 
			$('#buttons').show();
98 
        },
99 
        cache: false,
100 
        contentType: "application/x-www-form-urlencoded",
101 
        processData: false
102 
    });
103 
    return false;
11992 vikram.rag 104 
}
105 
</script>
12112 kshitij.so 106 
<style>
107 
	td {
108 
    padding: 20px;
109 
	}
110 
</style>
11992 vikram.rag 111 
</head>
112 
<body>
12112 kshitij.so 113 
<div style="border: 2px solid blue; height: 10%; padding: 10px; width: 30%;" class="searchBox">
114 
<label style="font-weight: bold; margin-right: 10px;">Search Item</label>
115 
<input type="text" id="textbox" style="width: 50%;">
116 
</div>
117 
<table style="width: 100%; border: 2px solid blue; margin-top: 20px;">
11992 vikram.rag 118 
<tr>
12112 kshitij.so 119 
    <td style='min-width:300px;'align = 'left'>
11992 vikram.rag 120 
           <b>Active Private Deal Items :</b><br/>
12112 kshitij.so 121 
           <select multiple="multiple" id='lstBox1' style="width:100%">
11992 vikram.rag 122 
			#set($items = $action.getPrivateDealItems())
123 
			#foreach ( $item in $items )
12112 kshitij.so 124 
				  <option value="$item.getId()">$item.getId() $item.getBrand() $item.getModelName() $item.getModelNumber() $item.getColor()</option>
11992 vikram.rag 125 
			#end
126 
           </select>
127 
    </td>
128 
    <td style='width:100%;text-align:center;vertical-align:middle;' >
12112 kshitij.so 129 
		<input type="button" style="margin-bottom: 15px;" id="btnRight" value="&gt;">
130 
        <br/>
131 
		 <input type="button" value="&lt;" id="btnLeft" style="margin-bottom: 15px;">
132 
		<br/>
133 
		<button onclick="StoreSubTypes()" type="button">Generate NewsLetter</button>
11992 vikram.rag 134 
    </td>
12112 kshitij.so 135 
    <td align="" width="100%" style="min-width: 300px;">
11992 vikram.rag 136 
        <b>Selected Active Deal Items :</b><br/>
12112 kshitij.so 137 
        <select id="lstBox2" multiple="multiple" style="width: 100%;">
11992 vikram.rag 138 
        </select>
139 
    </td>
140 
</tr>
141 
</table>
12112 kshitij.so 142 
<div id="buttons" style="float: right; border: 2px solid blue; display: block;height:50px;margin-top:15px;display:none;">
143 
<button id="viewSourceCode" type="button" style="float: right; margin-top: 15px; margin-right: 10px;">View Source</button>
144 
<button id="viewHtml" type="button" style="float: right; margin: 15px;">View New Letter</button>
145 
</div>
146 
<div id="generated-news-letter" style="margin-top:30px;display:none;">
147 
</div>
148 
<textarea id="source-code" style="width: 100%;height: 100%;font-size: 12px;color:black;font-weight: 14px;font-family: sans-serif;margin-top:20px;display:none;border:2px solid grey;"></textarea>
11992 vikram.rag 149 
</body>
150 
</html>