Subversion Repositories SmartDukaan

Rev

Rev 26063 | Rev 26116 | 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 = {};
26089 amit.gupta 20
	$inputContainer.find("input,select").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 {
26089 amit.gupta 37
			if(param.name=='code') {
38
				reportParams[`MANUAL_${inputName}`] = $(inputElement).val().join(",");
39
			} else {
40
				reportParams[`MANUAL_${inputName}`] = $(inputElement).val();
41
			}
26054 amit.gupta 42
		}
43
	});
26063 amit.gupta 44
	var jsonParams = JSON.stringify(reportParams);
45
	doAjaxPostDownload(reportUrl, jsonParams, `${reportTitle}.csv`);
46
 
26054 amit.gupta 47
});
26053 amit.gupta 48
function renderInputDialog(paramsList) {
26054 amit.gupta 49
	$reportModal = $('div#report-modal');
50
	$inputContainer = $reportModal.find('div.modal-body');
51
	//Clear container first
52
	$inputContainer.html('');
26053 amit.gupta 53
	paramsList.forEach(function(value) {
54
		paramsMap[value.name] = value;
55
		renderInput($inputContainer, value);
56
	});
57
}
58
 
26054 amit.gupta 59
function renderInput($inputContainer, param) {
60
	console.log(param.type);
26053 amit.gupta 61
	switch (param.type) {
62
		case "DATE": {
26054 amit.gupta 63
			$inputContainer.append(`<div class="form-group">
26053 amit.gupta 64
									<label>${param.displayText}</label> 
65
				   	  				<input name="${param.name}" type="text" value="" class="form-control input-sm">
66
								</div>`);
26063 amit.gupta 67
			$inputContainer.find(`input[name="${param.name}"]`).daterangepicker(getSingleDatePicker(),reporticoDRCallback);
68
			reporticoDRCallback(moment(), moment());
26054 amit.gupta 69
			return;
26053 amit.gupta 70
		}
71
		case "DATE_RANGE" : {
26054 amit.gupta 72
			$inputContainer.append(`<div class="form-group">
26053 amit.gupta 73
					<label>${param.displayText}</label> 
74
					<input name="${param.name}" type="text" value="" class="form-control input-sm">
75
			</div>`);
26063 amit.gupta 76
			$inputContainer.find(`input[name="${param.name}"]`).daterangepicker(getRangedDatePicker(true),reporticoDRCallback);
77
			reporticoDRCallback(moment(), moment());
26054 amit.gupta 78
			return;
26053 amit.gupta 79
		}
80
		case "STRING": {
26054 amit.gupta 81
			$inputContainer.append(`<div class="form-group">
26053 amit.gupta 82
					<label>${param.displayText}</label> 
83
					<input name="${param.name}" type="text" value="" class="form-control input-sm">
84
			</div>`);
26054 amit.gupta 85
			return;
26053 amit.gupta 86
		}
87
		case "LIST" : {
26089 amit.gupta 88
			if(param.name == "code"){
89
				var arr = [];
90
				for(var i in retailers) {
91
					arr.push(`<option value="${retailers[i].code}">${retailers[i].displayName}-${retailers[i].code}</option>`);
92
				}
93
				var options = arr.join("");
94
				$inputContainer.append(`<div class="col-lg-2 form-group">
95
						<label>${param.displayText}</label> 
96
						<select class="form-control input-sm" id="code" multiple="multiple" name="${param.name}">
97
							<option value="" disabled selected>Select Franchisee</option>
98
							${options}
99
						</select>
100
						</div>`);
101
 
102
		         $('#code').multiselect({
103
		        		includeSelectAllOption: true,
104
		        		multiple:true,
105
		        		maxHeight: 200,
106
		        		buttonWidth: '180px',
107
		        		numberDisplayed: 1,
108
			        	nonSelectedText: 'Franchisee',
109
			        	nSelectedText: ' - Franchisees Selected',
110
			        	allSelectedText: 'All Franchisees',
111
			        	enableFiltering: true,
112
			        	enableCaseInsensitiveFiltering : true
113
		        });
114
			} else {
115
				$inputContainer.append(`<div class="form-group">
116
						<label>${param.displayText}(Comma Separated)</label> 
117
						<input name="${param.name}" type="text" value="" class="form-control input-sm">
118
				</div>`);
119
			}
26054 amit.gupta 120
			return;
26053 amit.gupta 121
		}
122
	}
123
}