hedera-web/reports/shelves-report/shelves-report.js

Hedera.ShelvesReport = new Class({
	Extends: Hedera.Report

	,nItem: -1
	,nColors: 5
	,trayThickness: 2
	,trayMargin: 5
	
	,async open(lot) {
		this.lot = lot;
	
		const query =
			'SELECT id, name, nTrays, topTrayHeight, trayHeight, width, depth '+
				'FROM shelf WHERE id = #shelf; '+
			'CALL item_listAllocation(#warehouse, #date, #family, #namePrefix, #useIds)';
		
		const resultSet = await this.conn.execQuery(query, lot.$);

		// Fetch query data

		const row = resultSet.fetchObject();
		
		// Calculates the scale
		
		var maxWidth = 160;
		var maxHeight = 160;
		
		var shelfWidth = row.width;
		var shelfHeight = row.trayHeight * (row.nTrays - 1) + row.topTrayHeight;
		
		var scale = maxWidth / shelfWidth;
		
		if (shelfHeight * scale > maxHeight)
			scale = maxHeight / shelfHeight;
			
		// Calculates the shelf dimensions
		
		var shelf = this.shelf = {
			 nTrays: row.nTrays
			,trayHeight: row.trayHeight * scale
			,topTrayHeight: row.topTrayHeight * scale
			,width: row.width * scale
			,depth: row.depth * scale
		};

		// Gets the items
		
		var items = this.items = [];
		var remainings = this.remainings = [];
		var res = resultSet.fetchData();
		
		if (res.length == 0) {
			Htk.Toast.showError(_('No items found, check that all fields are correct'));
			return;
		}
		
		var boxScale = scale * 10;
		
		for (const row of res) {
			if (!this.maxAmount || row.etiquetas <= this.maxAmount) {
				items.push({
					id: row.Id_Article
					,name: row.Article
					,packing: row.packing
					,amount: row.etiquetas
					,boxHeight: row.height * boxScale
					,boxWidth: row.width * boxScale
					,boxDepth: row.depth * boxScale
				});
			} else {
				remainings.push({
					id: row.Id_Article
					,name: row.Article
					,packing: row.packing
					,amount: row.etiquetas
				});
			}
		}

		// Intializes the allocator
			
		alloc = this.alloc = new Vn.Allocator();
		alloc.items = items;
		alloc.shelfFunc = this.drawShelf.bind(this);
		alloc.boxFunc = this.drawBox.bind(this);
		alloc.stack = this.stack;
		alloc.nTrays = shelf.nTrays;
		alloc.width = shelf.width;
		alloc.depth = shelf.depth;
		alloc.trayHeight = shelf.trayHeight;
		alloc.topTrayHeight = shelf.topTrayHeight;
		
		// Opens the report
		
		this.createWindow();
	}
	
	,onWindowCreate() {	
		// Remaining amount
		
		var remainings = this.remainings;
		
		if (remainings.length > 0) {
			var sheet = this.doc.createElement('div');
			sheet.className = 'sheet';
			this.doc.body.appendChild(sheet);
			
			var title = this.doc.createElement('h1');
			title.className = 'title';
			title.appendChild(this.doc.createTextNode(this.title));
			sheet.appendChild(title);
		
			var subtitle = this.doc.createElement('h2');
			subtitle.className = 'subtitle';
			subtitle.appendChild(this.doc.createTextNode(_('Pallets')));
			sheet.appendChild(subtitle);
			
			var ul = this.doc.createElement('ul');
			sheet.appendChild(ul);
	
			for (var i = 0; i < remainings.length; i++) {
				var li = this.doc.createElement('li');
				ul.appendChild(li);

				var span = this.doc.createElement('span');
				span.className = 'item-id';
				span.appendChild(this.doc.createTextNode(remainings[i].id.toLocaleString()));
				li.appendChild(span);
			
				var span = this.doc.createElement('span');
				span.className = 'item';
				span.appendChild(this.doc.createTextNode(remainings[i].name));
				li.appendChild(span);
				
				if (this.showPacking)
					span.appendChild(this.doc.createTextNode(' '+ remainings[i].packing));

				var span = this.doc.createElement('span');
				span.className = 'amount';
				span.appendChild(this.doc.createTextNode(remainings[i].amount));
				li.appendChild(span);
			}
		}
		
		// Draws the shelves

		this.alloc.run();
		this.drawShelfRange(this.lastItem, false);
	}

	,drawShelf(allocator, item) {
		var shelf = this.shelf;

		var sheet = this.doc.createElement('div');
		sheet.className = 'sheet';
		this.doc.body.appendChild(sheet);
		
		// Draws the title
		
		var pageNumber = this.doc.createElement('h1');
		pageNumber.className = 'page-number';
		pageNumber.appendChild(this.doc.createTextNode(allocator.currentShelf + 1));
		sheet.appendChild(pageNumber);
		
		var title = this.doc.createElement('h1');
		title.className = 'title';
		title.appendChild(this.doc.createTextNode(this.title));
		sheet.appendChild(title);
	
		if (this.subtitles)
			this.drawShelfRange(this.lastItem, false);

		this.subtitles = this.doc.createElement('div');
		sheet.appendChild(this.subtitles);
		
		this.drawShelfRange(item, true);
		this.lastSubtitles = this.subtitles;

		// Draws the shelf
		
		var trayWidth = shelf.width + this.trayMargin * 2;
		var shelfHeight = shelf.trayHeight * (shelf.nTrays - 1) + shelf.topTrayHeight
			+ (this.trayThickness + this.trayMargin) * shelf.nTrays;
		
		var shelfDiv = this.shelfDiv = this.doc.createElement('div');
		shelfDiv.className = 'shelf';
		shelfDiv.style.width = this.mm(trayWidth);
		shelfDiv.style.height = this.mm(shelfHeight);
		sheet.appendChild(shelfDiv);

		// Draws trays

		for (var i = 0; i < shelf.nTrays; i++) {
			var tray = this.doc.createElement('div');
			tray.className = 'tray';
			tray.style.bottom = this.mm((shelf.trayHeight + this.trayThickness + this.trayMargin) * i);
			tray.style.width = this.mm(trayWidth);
			tray.style.height = this.mm(this.trayThickness);
			shelfDiv.appendChild(tray);
		}
	}
	
	,drawShelfRange(item, isFirst) {
		var labelText = isFirst ? _('Start') : _('End');
	
		var label = this.doc.createElement('label');
		label.className = 'range-label';
		label.appendChild(this.doc.createTextNode(labelText));
		this.subtitles.appendChild(label);

		var subtitle = this.doc.createElement('h2');
		subtitle.className = 'subtitle';
		subtitle.appendChild(this.doc.createTextNode(this.getItemLabel(item)));
		this.subtitles.appendChild(subtitle);
	}
	
	,getItemLabel(item) {
		if (!this.useIds) {
			var packing = this.showPacking ? (' x'+ item.packing) : '';
			return item.name + packing;
		} else
			return item.id.toLocaleString();
	}

	,mm(size) {
		return size.toFixed(2) +'mm';
	}

	,drawBox(allocator, item, amount) {
		if (item.boxWidth == 0 || item.boxHeight == 0)
			return;

		var shelf = this.shelf;

		var x = allocator.trayX + this.trayMargin;
		var y = allocator.trayY + this.trayThickness
			+ this.trayMargin * allocator.currentTray
			+ allocator.currentTray * (shelf.trayHeight + this.trayThickness);

		var box = this.doc.createElement('div');
		box.className = 'box';
		this.shelfDiv.appendChild(box);
		
		box.style.left = this.mm(x);
		box.style.bottom = this.mm(y);
		box.style.width = this.mm(item.boxWidth);
		box.style.height = this.mm(item.boxHeight);
	
		if (amount == 0)
			this.nItem++;

		var nColor = this.nItem % this.nColors;
		Vn.Node.addClass(box, 'color'+ nColor);

		if (amount == 0 || allocator.firstShelfBox) {	
			var boxLabel = this.doc.createElement('div');
			
			if (this.useIds) {
				var fontSize = item.boxWidth / 5.2;
			
				if (fontSize > item.boxHeight - 1)
					fontSize = item.boxHeight - 1;
		
				boxLabel.style.fontSize = this.mm(fontSize);

				var cssClass = 'id';			
			} else
				var cssClass = 'name';

			boxLabel.className = 'box-label '+ cssClass;

			var labelText = this.doc.createTextNode(this.getItemLabel(item));
			boxLabel.appendChild(labelText);
			
			box.appendChild(boxLabel);
		}

		this.lastItem = item;
	}
});

Vn.Allocator = new Class({
	addShelf(item) {
		this.currentShelf++;
		this.firstShelfBox = true;
	
		if (this.shelfFunc)
			this.shelfFunc(this, item);
	}

	,addTray(item) {
		if (this.currentTray <= 0) {
			this.addShelf(item);
			this.currentTray = this.nTrays - 1;
		} else
			this.currentTray--;
		
		this.trayX = 0;
	}

	,addColumn(item) {
		if (this.trayX + this.columnWidth + item.boxWidth > this.width
		|| this.currentTray == -1)
			this.addTray(item);
		else
			this.trayX += this.columnWidth;

		this.trayY = 0;
		this.columnWidth = item.boxWidth;
		this.lastBoxWidth = item.boxWidth;
	}

	,addBox(item, amount) {
		var trayHeight = this.trayHeight;
	
		if (this.currentTray == this.nTrays - 1)
			trayHeight = this.topTrayHeight;

		if (this.trayY + item.boxHeight > trayHeight
		|| item.boxWidth > this.lastBoxWidth
		|| (!this.stack && amount == 0))
			this.addColumn(item);

		if (this.boxFunc)
			this.boxFunc(this, item, amount);

		this.trayY += item.boxHeight;
	
		if (item.boxWidth < this.lastBoxWidth)
			this.lastBoxWidth = item.boxWidth;
	}

	,run() {
		this.firstShelfBox = false;
		this.currentShelf = -1;
		this.currentTray = -1;
		this.columnWidth = 0;
		this.lastBoxWidth = 0;
		this.trayX = 0;
		this.trayY = 0;
		this.remaining = false;

		for (var i = 0; i < this.items.length; i++) {
			var item = this.items[i];
			var boxIncrement = Math.floor(this.depth / item.boxDepth);
			
			if (boxIncrement < 1)
				boxIncrement = 1;
		
			for (var amount = 0; amount < item.amount; amount += boxIncrement) {
				this.addBox(item, amount);
				this.firstShelfBox = false;
			}
		}
	
		return this.currentShelf + 1;
	}
});