Subversion Repositories SmartDukaan

Rev

Rev 26153 | Rev 26155 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
26053 amit.gupta 1
$(document).on('click', 'a.list-group-item', function() {
26054 amit.gupta 2
	startDate=undefined;
3
	endDate=undefined;
26063 amit.gupta 4
	reportTitle = $(this).find('h4').html();
5
	reportUrl = this.href;
26054 amit.gupta 6
	$reportModal = $('#report-modal');
26063 amit.gupta 7
	$reportModal.find('h4.modal-title').html(reportTitle);
26053 amit.gupta 8
	if($(this).data("paramslist") == undefined) {
26054 amit.gupta 9
		return true;
26053 amit.gupta 10
	} else {
11
		var paramsList = $(this).data("paramslist");
12
		paramsMap = {};
13
		renderInputDialog(paramsList);
14
		$reportModal.modal('show');
15
		return false;
16
	}
17
});
26063 amit.gupta 18
$(document).on('click', 'button.download-report', function(){
26054 amit.gupta 19
	var reportParams = {};
26153 amit.gupta 20
	var validated = true;
26134 amit.gupta 21
	$inputContainer.find("input.param,select.param").each(function(idx, inputElement) {
26054 amit.gupta 22
		var inputName = $(inputElement).attr("name");
26089 amit.gupta 23
		if(typeof inputName === "undefined" || !(inputName in paramsMap)) {
24
			console.log(inputName);
25
			return;
26
		}
27
		param = paramsMap[inputName];
26054 amit.gupta 28
		if($(inputElement).val()=="") {
26089 amit.gupta 29
			bootbox.alert(`${param.displayName} is required`);
26153 amit.gupta 30
			validated = false;
26148 amit.gupta 31
			return false;
26054 amit.gupta 32
		}
33
		if(param.type=='DATE') {
34
			reportParams[`MANUAL_${inputName}`] = startDate;
35
		} else if(param.type=='DATE_RANGE') {
36
			reportParams[`MANUAL_${inputName}_FROMDATE`] = startDate;
37
			reportParams[`MANUAL_${inputName}_TODATE`] = endDate;
38
		} else {
26137 amit.gupta 39
			if(['code', 'warehouseId'].indexOf(param.name) >= 0) {
26089 amit.gupta 40
				reportParams[`MANUAL_${inputName}`] = $(inputElement).val().join(",");
26116 amit.gupta 41
 
26089 amit.gupta 42
			} else {
43
				reportParams[`MANUAL_${inputName}`] = $(inputElement).val();
44
			}
26054 amit.gupta 45
		}
46
	});
26153 amit.gupta 47
	if(validated) {
48
		var jsonParams = JSON.stringify(reportParams);
49
		doAjaxPostDownload(reportUrl, jsonParams, `${reportTitle}.csv`);
50
	}
26063 amit.gupta 51
 
26054 amit.gupta 52
});
26053 amit.gupta 53
function renderInputDialog(paramsList) {
26054 amit.gupta 54
	$reportModal = $('div#report-modal');
55
	$inputContainer = $reportModal.find('div.modal-body');
56
	//Clear container first
57
	$inputContainer.html('');
26053 amit.gupta 58
	paramsList.forEach(function(value) {
59
		paramsMap[value.name] = value;
60
		renderInput($inputContainer, value);
61
	});
62
}
63
 
26054 amit.gupta 64
function renderInput($inputContainer, param) {
65
	console.log(param.type);
26053 amit.gupta 66
	switch (param.type) {
67
		case "DATE": {
26054 amit.gupta 68
			$inputContainer.append(`<div class="form-group">
26053 amit.gupta 69
									<label>${param.displayText}</label> 
26146 amit.gupta 70
				   	  				<input name="${param.name}" type="text" value="" class="param form-control input-sm">
26053 amit.gupta 71
								</div>`);
26063 amit.gupta 72
			$inputContainer.find(`input[name="${param.name}"]`).daterangepicker(getSingleDatePicker(),reporticoDRCallback);
73
			reporticoDRCallback(moment(), moment());
26054 amit.gupta 74
			return;
26053 amit.gupta 75
		}
76
		case "DATE_RANGE" : {
26054 amit.gupta 77
			$inputContainer.append(`<div class="form-group">
26053 amit.gupta 78
					<label>${param.displayText}</label> 
26134 amit.gupta 79
					<input name="${param.name}" type="text" value="" class="param form-control input-sm">
26053 amit.gupta 80
			</div>`);
26063 amit.gupta 81
			$inputContainer.find(`input[name="${param.name}"]`).daterangepicker(getRangedDatePicker(true),reporticoDRCallback);
82
			reporticoDRCallback(moment(), moment());
26054 amit.gupta 83
			return;
26053 amit.gupta 84
		}
85
		case "STRING": {
26142 amit.gupta 86
			if(param.name=="authId") {
26154 amit.gupta 87
				$inputContainer.append(`
88
						<input type="hidden" name="${param.name}" type="text" value="${authId}" class="param form-control input-sm">`);
26142 amit.gupta 89
			}
26054 amit.gupta 90
			$inputContainer.append(`<div class="form-group">
26053 amit.gupta 91
					<label>${param.displayText}</label> 
26134 amit.gupta 92
					<input name="${param.name}" type="text" value="" class="param form-control input-sm">
26053 amit.gupta 93
			</div>`);
26054 amit.gupta 94
			return;
26053 amit.gupta 95
		}
96
		case "LIST" : {
26089 amit.gupta 97
			if(param.name == "code"){
98
				var arr = [];
99
				for(var i in retailers) {
100
					arr.push(`<option value="${retailers[i].code}">${retailers[i].displayName}-${retailers[i].code}</option>`);
101
				}
102
				var options = arr.join("");
103
				$inputContainer.append(`<div class="col-lg-2 form-group">
104
						<label>${param.displayText}</label> 
26134 amit.gupta 105
						<select class="param form-control input-sm" id="code" multiple="multiple" name="${param.name}">
26089 amit.gupta 106
							<option value="" disabled selected>Select Franchisee</option>
107
							${options}
108
						</select>
109
						</div>`);
110
 
111
		         $('#code').multiselect({
112
		        		includeSelectAllOption: true,
113
		        		multiple:true,
114
		        		maxHeight: 200,
115
		        		buttonWidth: '180px',
116
		        		numberDisplayed: 1,
117
			        	nonSelectedText: 'Franchisee',
118
			        	nSelectedText: ' - Franchisees Selected',
119
			        	allSelectedText: 'All Franchisees',
120
			        	enableFiltering: true,
121
			        	enableCaseInsensitiveFiltering : true
122
		        });
26116 amit.gupta 123
			} else if(param.name == "warehouseId"){
26134 amit.gupta 124
				var arr = [];
125
				for(var i in warehouses) {
126
					arr.push(`<option value="${i}">${warehouses[i]}</option>`);
127
				}
128
				var options = arr.join("");
129
				$inputContainer.append(`<div class="col-lg-2 form-group">
130
						<label>${param.displayText}</label> 
131
						<select class="param form-control input-sm" id="code" multiple="multiple" name="${param.name}">
132
						<option value="" disabled selected>Select Warehouses</option>
133
						${options}
134
						</select>
135
				</div>`);
136
 
137
				$('#code').multiselect({
138
					includeSelectAllOption: true,
139
					multiple:true,
140
					maxHeight: 200,
141
					buttonWidth: '180px',
142
					numberDisplayed: 1,
143
					nonSelectedText: 'Warehouses',
144
					nSelectedText: ' - Warehouse Selected',
145
					allSelectedText: 'All Warehouses',
146
					enableFiltering: true,
147
					enableCaseInsensitiveFiltering : true
148
				});
149
			} else {
26089 amit.gupta 150
				$inputContainer.append(`<div class="form-group">
151
						<label>${param.displayText}(Comma Separated)</label> 
26134 amit.gupta 152
						<input name="${param.name}" type="text" value="" class="param form-control input-sm">
26089 amit.gupta 153
				</div>`);
154
			}
26054 amit.gupta 155
			return;
26053 amit.gupta 156
		}
157
	}
158
}