if(!window.jQuery)
{
   var script = document.createElement('script');
   script.type = "text/javascript";
   script.src = "https://code.jquery.com/jquery-3.5.1.min.js";
   document.getElementsByTagName('head')[0].appendChild(script);
}

//LoadingDoc: '<scr' + 'ipt src="https://portal.myinvestmentoffice.com/js/iframeResizer.contentWindow.min.js"></s' + 'cript><div id="canvas" style="display: block; min-height: 10em;"><img style="height: 6em;" src="https://s3.amazonaws.com/myinvestmentoffice/ONIozOytQXCCXEqVWkPM_ajax-loader.gif"></div><style>#canvas{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.1);display:block;z-index:9999;display:none}#canvas img{position:absolute;top:75%;left:50%;transform:translateY(-100%) translateX(-50%);z-index:99999}#loading-status{position:relative;top:50%;left:calc(40%);color:#fff;width:20%;text-align:center;font-size:1.2em}</style>',
	
if(!window.iFrameResize)
{
   var script = document.createElement('script');
   script.type = "text/javascript";
   script.src = "https://portal.myinvestmentoffice.com/js/iframeResizer.min.js";
   document.getElementsByTagName('head')[0].appendChild(script);
   
	script.onload = function()
	{
		iFrameResize({ log: false,heightCalculationMethod: 'lowestElement' }, '.elements-widget');
	} 
}

var ElementsWidgets = {
	
	checker: null,
	
	checkIfDone: function()
	{
		if( $('.elements-widget').not('.loaded') == 0)
		{
			//we are done loading
			clearInterval(ElementsWidgets.checker);
		}
	},
	
	supportsSRCDoc: (!!("srcdoc" in document.createElement("iframe"))),
	LoadingDoc: '<scr' + 'ipt src="https://portal.myinvestmentoffice.com/js/iframeResizer.contentWindow.min.js"></s' + 'cript><div class="placeholder-item"></div><style>.placeholder-item {    box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.15);border-radius: 4px;    position: relative;    overflow: hidden; min-height: 5em; width: 100%; height: 100%;} .placeholder-item::before {    content: \'\';    display: block;    position: absolute;    left: -150px;    top: 0;    height: 100%;    width: 150px;    background: linear-gradient(to right, transparent 0%, #E8E8E8 50%, transparent 100%);    animation: load 1s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;} @keyframes load {    from {        left: -150px;    }    to   {        left: 100%;    }}</style><div data-iframe-height="true" style="margin-top: 0em;"></div>',
	FailedDoc: '<div style="position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);"><center><h2 style="font-family: sans-serif;">Uh Oh! There was an error while loading the widget.<a href="#" onclick="window.parent.jQuery(window.frameElement).removeClass(\'failed\'); return false;"><svg style="height: 1em; margin-top: .5em; margin-left: .5em;" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sync" class="svg-inline--fa fa-sync fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M440.65 12.57l4 82.77A247.16 247.16 0 0 0 255.83 8C134.73 8 33.91 94.92 12.29 209.82A12 12 0 0 0 24.09 224h49.05a12 12 0 0 0 11.67-9.26 175.91 175.91 0 0 1 317-56.94l-101.46-4.86a12 12 0 0 0-12.57 12v47.41a12 12 0 0 0 12 12H500a12 12 0 0 0 12-12V12a12 12 0 0 0-12-12h-47.37a12 12 0 0 0-11.98 12.57zM255.83 432a175.61 175.61 0 0 1-146-77.8l101.8 4.87a12 12 0 0 0 12.57-12v-47.4a12 12 0 0 0-12-12H12a12 12 0 0 0-12 12V500a12 12 0 0 0 12 12h47.35a12 12 0 0 0 12-12.6l-4.15-82.57A247.17 247.17 0 0 0 255.83 504c121.11 0 221.93-86.92 243.55-201.82a12 12 0 0 0-11.8-14.18h-49.05a12 12 0 0 0-11.67 9.26A175.86 175.86 0 0 1 255.83 432z"></path></svg> Click to Reload.</a> </h2></center></div><div data-iframe-height="true" style="margin-top: 0em;"></div>',

	
	attr2NVP: function(obj,filters)
	{
		var output = [];
		var a = {};
		
		$.each($(obj)[0].attributes, function() {
		    // this.attributes is not a plain object, but an array
		    // of attribute nodes, which contain both the name and value
		    if(this.name.indexOf('data-') == 0) {
		      //output.push(this.name.replace('data-','') + '=' + escape(this.value));
		      a[ this.name.replace('data-','').toLowerCase() ] = escape(this.value);
		    }
		  });

		if(filters)
		{
			for(i in filters)
			{
				a[i.toLowerCase()] = filters[i];
				
			}
		}
		
		for(i in a)
		{
			output.push(i + '=' + a[i] );
		}
		
		return output.join('&');
	},
	
	loadWidgets: function(ok,origin,filters)
	{
		if(origin)
		{
			//good
		}
		else
		{
			origin=location.host.split('.')[0];
		}
	
		$('.elements-widget').not('.loaded').not('.loading').not('.failed').each(function()
		{
			var url = 'https://api.myinvestmentoffice.com/rest/v1/reporting/widgets/' + $(this).attr('data-type') +  '?' + ElementsWidgets.attr2NVP( $(this) ,filters) + '&orign=' + origin + '&ok=' + ok; //+ '&Origin=' + origin;
			///console.log(url);
			if(ElementsWidgets.supportsSRCDoc==false)
			{
				$(this).attr('src',url).addClass('loaded');
			}
			else
			{
				$(this).attr('srcdoc', ElementsWidgets.LoadingDoc);
				$(this).addClass('loading');
				jQuery.ajax({
					url: url,
					dataType: 'html',
					method: 'GET',
					obj: $(this),
					timeout: 30000
				}).done(function(data)
				{
					//console.log('widget data loaded');
					$(this.obj).attr('srcdoc', data).addClass('loaded').removeClass('loading').removeClass('failed');
				}).fail(function(a,b,c)
				{
					//console.log('failed');
					if(window.top.ProcessError)
					{
						window.top.ProcessError(a,b,c)
					}
					$(this.obj).removeClass('loading').addClass('failed');
					$(this.obj).attr('srcdoc',ElementsWidgets.FailedDoc);
					return false;
					
					if(a.status != 401 && a.status != 400)
					{
						 $(this.obj).removeClass('loading').addClass('failed')
					}
					else
					{
						$(this.obj).replaceWith('Your login has expired, please re-login.');
					}
				});
					
			}
		
		});
		
		if(!ElementsWidgets.checker)
		{
			ElementsWidgets.checker  = setInterval(ElementsWidgets.loadWidgets,500,ok,origin)
		};
		return true;
		
	},
	
	widgetListener: function(event,data)
	{
		//alert('here');
		if(event == 'RowSelected' && data.Source.FilterListener != '')
		{	
			$('.elements-widget[data-filtergroup="' + data.Source.FilterListener + '"]').each(function()
			{
				///console.log('filtering ' + $(this).attr('id'));
				$(this).attr( 'data-filterfieldname',data.Source.FilterListener).attr('data-FilterFieldValue',data.Record[data.Source.FilterListener.toLowerCase()]).removeClass('loaded').prop('srcdoc',ElementsWidgets.LoadingDoc);
			});
			
			ElementsWidgets.loadWidgets(data.Source.ok,data.Source.EntityID);
		}
	}
}