Subversion Repositories SmartDukaan

Rev

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