DataLineage.js

define( [	"qlik", 
			"jquery",
			"text!./template.html",
			"text!./css/myStyle.css",
			"./js/CustomDirective",
		//	"./js/DataLineage.Services",
			"./js/DataLineage.controller",
			"./js/settings/GeneralSettings",						// Variable with the General settings
			"./js/settings/ImageSettings",
			"./js/getHyperCube",
			"./js/getLevel1HyperCube",
			"./js/getLevel2HyperCube",
			"./js/getLevel3HyperCube",
			"./js/getLevel4HyperCube",
			"./js/getLevel5HyperCube",
			"./js/getLevel6HyperCube",
			"./js/getLevel7HyperCube",
			"./js/getLevel8HyperCube"
						
		],
	function ( qlik, $, template, boot,cssContent ) {
		"use strict";

		$( '<style>' ).html( boot ).appendTo( 'head' ); // Adding scoped bootstrap to head			
		$( '<style>' ).html( cssContent ).appendTo( 'head' ); // Adding scopped style to head					


	$( '<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">' ).appendTo( 'head' ); // Font Awesome CDN		
	$( '<link rel="stylesheet" href="/extensions/switchtable/css/scoped-bootstrap.css">' ).appendTo( 'head' ); // Font Awesome CDN		
	$( '<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>' ).appendTo( 'body' ); // Bootstrap.js CDN


	
//		$( '<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">' ).appendTo( 'head' ); // Font Awesome CDN		
//		$( '<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">' ).appendTo( 'head' ); // Font Awesome CDN		
//		$( '<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>' ).appendTo( 'body' ); // Bootstrap.js CDN

		var AdditionalInfo=[];
		var flagPageRafrash=false;
		var call=0
		var me = {
			template: template,
			
			initialProperties: {
				version: 1.2,
				qHyperCubeDef: {
					qDimensions: [],
					qMeasures: [],
					qInitialDataFetch: [{
						qWidth: 9,
						qHeight: 1000
					}]
				}
			},


			definition : {
				type : "items",
				component : "accordion",
				items : {
					dimensions : {
						uses : "dimensions",
						min : 1,
						max : 8
					},
					measures : {
						uses : "measures",
						min : 0
					},
					sorting : {
						uses : "sorting"
					},

					settings : {},
					image : {}
				}
			},

			support: {
				snapshot: true,
				export: true,
				exportData: false
			}


		};	

		// Get Engine API app for Selections
		me.app = qlik.currApp(this);

		me.definition.items.settings = generalSettings;
		me.definition.items.image = imageSettings;


		me.controller = mainController;

		me.init = function(){

			
			flagPageRafrash = true;
			//console.log("Init, Page Refresh :"+flagPageRafrash);
		};

		me.paint = function($element,layout) {

			this.$scope.numOfElements = layout.qHyperCube.qDataPages[0].qMatrix.length;

			var _this=this;
			var addInfosArray = [];
		//	_this.$scope.MoreInfo=[];

		this.$scope.limits = layout.settings.image.limits;

		if(layout.qHyperCube.qDataPages[0].qMatrix.length < layout.settings.image.limits.maxObjs){

			var Metadata = splitObject(layout.qHyperCube.qDataPages[0].qMatrix);
			
			
			//console.log("Paint, Page Refresh :"+flagPageRafrash);
			if(!flagPageRafrash) {

				me.app.createCube(varLvl1Data,funLvl1Data);

				function funLvl1Data(reply, app){
						makeAdditionalInfo(reply,function(replay){
							addInfosArray.push(replay);
							me.app.createCube(varLvl2Data,funLvl2Data);
						});	
				}	

				function funLvl2Data(reply, app){
						makeAdditionalInfo(reply,function(replay){
							addInfosArray.push(replay);
							me.app.createCube(varLvl3Data,funLvl3Data);
						});	
				}	

				function funLvl3Data(reply, app){
						makeAdditionalInfo(reply,function(replay){
							addInfosArray.push(replay);
							me.app.createCube(varLvl4Data,funLvl4Data);
						});
				}


				function funLvl4Data(reply, app){
						makeAdditionalInfo(reply,function(replay){
							addInfosArray.push(replay);
							me.app.createCube(varLvl5Data,funLvl5Data);
						});
				}	

				function funLvl5Data(reply, app){
						makeAdditionalInfo(reply,function(replay){
							addInfosArray.push(replay);
							me.app.createCube(varLvl6Data,funLvl6Data);
						});
				}

				function funLvl6Data(reply, app){
						makeAdditionalInfo(reply,function(replay){
							addInfosArray.push(replay);
							me.app.createCube(varLvl7Data,funLvl7Data);
						});
				}


				function funLvl7Data(reply, app){
						makeAdditionalInfo(reply,function(replay){
							addInfosArray.push(replay);
							me.app.createCube(varLvl8Data,funLvl8Data);
						});
				}

				function funLvl8Data(reply, app){
						makeAdditionalInfo(reply,function(replay){
							addInfosArray.push(replay);
						});	
				}

				_this.$scope.MoreInfo = addInfosArray;
			}

		}
		else {
			console.log(this.$scope.numOfElements," are too much elements to drow. Please make a selection!");
			
		}

			this.$scope.realSize = getElementContentWidth(document.getElementById("ExtObj_Container"));
			console.log(this.$scope.realSize);
			this.$scope.elePosition = makeElementPosition(this.$scope.realSize, Metadata[0], layout.settings,layout.qHyperCube.qDimensionInfo);
			this.$scope.arrowPosition = makeArrowsPosition(Metadata[1],this.$scope.elePosition);
			this.$scope.QlikApp =  qlik.currApp();


			if ( !this.$scope.table ) {
				this.$scope.table = qlik.table( this );
			}
			flagPageRafrash = false;
			return qlik.Promise.resolve();	

			

		};		

		return me;
	});