KoolReport's Forum

Official Support Area, Q&As, Discussions, Suggestions and Bug reports.
Forum's Guidelines

Pivotmatrix doesn't work with react #2140

Open Epitello opened this topic on on Jun 10 - 7 comments

Epitello commented on Jun 10

Hello team, i have a problem, for a project i use koolreport with react. All element (chart, table) works fine but not the pivotMatrix. I think the problem is in the file "PivotMatrix.js" at line 119 you do an XMLHttpRequest, but at this moment the react are not loaded so your function can't find the unique pivot id and then render it. The function get the html code of page and return "<". The first render (when the element is created works) but when i try to modify a field position or a sorts it doesn't work. Do you have any solution for this ? Thanks by advance

Sebastian Morales commented on Jun 10

Epitello, can you open the browser developer tool, tab Network -> xhr and catch PivotMatrix's request when you change it. Then let us know the xhr response content. Tks,

Epitello commented on Jun 10

the response is the html code of the page

Sebastian Morales commented on Jun 11

Pls post the html content of the xhr response. Tks,

Epitello commented 4 days ago
<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>OSFolder - Stat</title>

        <!-- CSS -->
                    <link rel="stylesheet" href="/build/app.css">
            <script src="/build/app.js"></script>
        
        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
                
        <!-- JS -->
        <script src="/bundles/fosjsrouting/js/router.min.js"></script>
        <script src="/index.php/js/routing?callback=fos.Router.setData"></script>
        <script src="/bundles/bazingajstranslation/js/translator.min.js"></script>
        <script src="http://192.168.1.58/index.php/translations"></script>
        <script src="http://192.168.1.58/index.php/translations/core"></script>

                    </head>
    <body>
        <div id="popups">
            
<style type="text/css"></style>
<div id="popupWarning" class="center popup" data-center=""
style="min-width: 30%;">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
					Fermeture
			</h4>
					</div>
	    		<div class="panel-body">
								En quittant vous allez perdre toutes les données non sauvegardées.<br><br> <b>Êtes-vous sur de bien vouloir quitter ?</b><br><br> La prochaine fois utilisez CTRL en cliquant pour éviter ce message.
				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
															<button class="undo mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Non </button>
																<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Oui</button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#popupWarning"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
					params.close = false;
params.success= function(){
	epit.depopup(true)
	epit.depopup(true)
}
 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
            
<style type="text/css"></style>
<div id="connexion" class="center popup" data-center=""
style="min-width: 20%">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
				Connexion			</h4>
					</div>
	    		<div class="panel-body">
																				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
															<button class="undo mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Annuler </button>
																<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Connexion</button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#connexion"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
						params.reactElement = 'form-login'

	params.success = function(data){
		window.location.href = "/index.php/"
	}
	
 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
            
<style type="text/css"></style>
<div id="pwdForgotten" class="center popup" data-center=""
style="min-width: 30%;">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
				 Mot de passe oublié 			</h4>
					</div>
	    		<div class="panel-body">
																				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
															<button class="undo mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Annuler </button>
																<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Réinitialiser le mot de passe </button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#pwdForgotten"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
						params.reactElement = 'form-resetPwd'

	fen.on('endPop',function(e){
		fen.find('form input[type="text"]').css({
			'width': '250px',
			'margin-bottom':'10px'
		});
	});
	
	params.success = function(d){
		epit.popup('pwdForgottenConfirmation');
	}
 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
            
<style type="text/css"></style>
<div id="pwdForgottenConfirmation" class="center popup" data-center=""
style="min-width: 30%;">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
				 Mot de passe oublié 			</h4>
					</div>
	    		<div class="panel-body">
								<p class="text-warning" style="font-weight: bold;">Un message vous a été envoyé par courrier électronique pour vous expliquer comment réinitialiser votre mot de passe.</p>
				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
																				<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> ok </button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#pwdForgottenConfirmation"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
									/* permet de remplacer les functions par defaut de params voir classe */
				/* paramValidation dans tableauLoader */
			 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
                    
<style type="text/css"></style>
<div id="create_document" class="center popup" data-center=""
style="min-width: 30%;">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
							</h4>
					</div>
	    		<div class="panel-body">
																				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
															<button class="undo mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Annuler </button>
																<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Sauvegarder </button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#create_document"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
						fen.on('endPop',function(e){
	})

	fen[0].beforeSubmit = function() {
	}
    
	params.warning = true;
	params.reactElement = 'form-create-document'
 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
    
<style type="text/css"></style>
<div id="create_element" class="center popup" data-center=""
style="min-width: 30%;">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
				Créer un élément			</h4>
					</div>
	    		<div class="panel-body">
																				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
															<button class="undo mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Annuler </button>
																<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Sauvegarder </button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#create_element"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
						fen.on('endPop',function(e){
	})

	fen[0].beforeSubmit = function() {
	}
    
	params.warning = true;
	params.reactElement = 'form-create-element'
 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
	
<style type="text/css"></style>
<div id="delete_element" class="center popup" data-center=""
style="min-width: 30%;">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
							</h4>
					</div>
	    		<div class="panel-body">
																				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
															<button class="undo mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Annuler </button>
																<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Sauvegarder </button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#delete_element"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
						fen.on('endPop',function(e){
	})

	fen[0].beforeSubmit = function() {
	}
    
	params.warning = true;
	params.reactElement = 'form-delete-element'
 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
    
<style type="text/css"></style>
<div id="line" class="center popup" data-center=""
style="min-width: 30%;">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
				Gérer les lignes			</h4>
					</div>
	    		<div class="panel-body">
																				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
															<button class="undo mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Annuler </button>
																<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Sauvegarder </button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#line"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
						fen.on('endPop',function(e){
	})

	fen[0].beforeSubmit = function() {
	}
    
	params.warning = true;
	params.reactElement = 'form-line'
 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
    
<style type="text/css"></style>
<div id="column" class="center popup" data-center=""
style="min-width: 30%;">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
				Gérer les colonnes			</h4>
					</div>
	    		<div class="panel-body">
																				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
															<button class="undo mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Annuler </button>
																<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Sauvegarder </button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#column"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
						fen.on('endPop',function(e){
	})

	fen[0].beforeSubmit = function() {
	}
    
	params.warning = true;
	params.reactElement = 'form-column'
 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
    
<style type="text/css"></style>
<div id="sub_line" class="center popup" data-center=""
style="min-width: 30%;">
	<div style="padding:0" class="panel panel-default">
		<div class="dragCurs panel-heading popup-header">
			<h4 class="panel-title" style="display:inline-block">
				Gérer les sous-lignes			</h4>
					</div>
	    		<div class="panel-body">
																				<div class="theForm"></div>
									</div>
										    	 
						<div style="width: calc(100% + 2px);margin-bottom:0px;margin-left: -1px;"  class="panel-footer clearfix">
															<button class="undo mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Annuler </button>
																<button class="validate validOnEnter mdl-button mdl-js-button mdl-button--raised mdl-button--colored"> Sauvegarder </button>
												</div>
			</div>
</div>

<script defer>
	$(function(){
		var fen = $("#sub_line"),
		params = new epit.ParamsValidation();
		params.warning = true;
		params.close = true; //close popup
		params.undoBut = fen.find(".undo"),
		params.validateBut = fen.find(".validate");
						fen.on('endPop',function(e){
	})

	fen[0].beforeSubmit = function() {
	}
    
	params.warning = true;
	params.reactElement = 'form-sub-line'
 
			var funcValidate  = epit.valider.bind(epit,params);
			//interdit de redefinit undoDefault il faut redef params.undo
			var undoFunc = function(e){
				params.undoDefault(params.undo,e)
			};
			params.undoFunc = undoFunc;
			params.undoBut.click(undoFunc);
			params.validateBut.click(function(){
				funcValidate()
			});
	   		fen.prop("paramValidation",params);
	        })
</script>
            </div>
        
        <!-- Header -->
                        
        <header data-props='{"menu": {&quot;left&quot;:[{&quot;label&quot;:&quot;DataStore&quot;},{&quot;label&quot;:&quot;Analyse&quot;},{&quot;label&quot;:&quot;Paramètres&quot;}],&quot;right&quot;:[{&quot;label&quot;:&quot;Déconnexion&quot;,&quot;route&quot;:&quot;osf_core_security_logout&quot;}]}, "isAuthenticated": true, "entities": [{&quot;id&quot;: 1, &quot;name&quot;: &quot;Epitello&quot;, &quot;level&quot;: 0, &quot;subRows&quot;: []}]}'></header>

        <div class="flex-container">
            <div id="main" role="main" class="flex-item-fluid">
                <div class="filters">
                                    </div>
                
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
		<div id="app" data-props="{&quot;pageSelected&quot;:{&quot;dimension&quot;:&quot;a4&quot;,&quot;style_id&quot;:0,&quot;footerPage&quot;:true,&quot;headerPage&quot;:true,&quot;orientation&quot;:&quot;landscape&quot;,&quot;type&quot;:&quot;analyse&quot;,&quot;visibility&quot;:&quot;public&quot;,&quot;creator_id&quot;:0,&quot;modifier_id&quot;:[2],&quot;parent&quot;:true,&quot;parent_id&quot;:null,&quot;ds_id&quot;:&quot;7&quot;,&quot;title&quot;:&quot;report 1&quot;,&quot;multiMargin&quot;:false,&quot;margin&quot;:118,&quot;spaceBetweenColumns&quot;:7.5,&quot;spaceBetweenLines&quot;:7.5,&quot;scale&quot;:true,&quot;scaleRatio&quot;:2,&quot;nbOfPage&quot;:1,&quot;period&quot;:{&quot;periodType&quot;:&quot;period&quot;,&quot;periodStart&quot;:&quot;2021-03-01&quot;,&quot;periodEnd&quot;:&quot;2021-05-31&quot;,&quot;periodEditable&quot;:false,&quot;periodColumn&quot;:&quot;montant_indemnisation_total&quot;},&quot;pages&quot;:[{&quot;body&quot;:{&quot;margin&quot;:118,&quot;spaceBetweenColumns&quot;:7.5,&quot;spaceBetweenLines&quot;:7.5,&quot;headerElement&quot;:132,&quot;element&quot;:[{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:350,&quot;marginBottom&quot;:7.5,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:[{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;width&quot;:254,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:7.5},&quot;element&quot;:[{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:348,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:133}]},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;width&quot;:492.5,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:7.5},&quot;element&quot;:[{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:46.25,&quot;marginBottom&quot;:7.5,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:135},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:294.25,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:139}]},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;width&quot;:492.5,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:7.5},&quot;element&quot;:[{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:46.25,&quot;marginBottom&quot;:7.5,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:136},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:294.25,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:140}]},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;width&quot;:492.5,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:0},&quot;element&quot;:[{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:46.25,&quot;marginBottom&quot;:7.5,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:137},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:294.25,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:141}]}]},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:367.5,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:[{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;width&quot;:254,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:7.5},&quot;element&quot;:[{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:365.5,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:134}]},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:&quot;100%&quot;,&quot;width&quot;:1500,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:0},&quot;element&quot;:[{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:164.25,&quot;marginBottom&quot;:7.5,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:142},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:46.75,&quot;marginBottom&quot;:7.5,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:138},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:65,&quot;marginBottom&quot;:7.5,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;},&quot;element&quot;:143},{&quot;style&quot;:{&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderColor&quot;:&quot;black&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderWidth&quot;:1,&quot;display&quot;:&quot;flex&quot;,&quot;height&quot;:65,&quot;marginBottom&quot;:0,&quot;marginRight&quot;:0,&quot;width&quot;:&quot;100%&quot;}}]}]}]}}]},&quot;pageIndex&quot;:0,&quot;style&quot;:[{&quot;name&quot;:&quot;Entreprise&quot;,&quot;showPeriod&quot;:true,&quot;showHeader&quot;:true,&quot;showFooter&quot;:true,&quot;headerSeparator&quot;:true,&quot;footerSeparator&quot;:true,&quot;showPageNumber&quot;:true,&quot;showTotalPageNumber&quot;:true,&quot;spaceBetweenLines&quot;:&quot;15&quot;,&quot;spaceBetweenColumns&quot;:&quot;15&quot;,&quot;multiMargin&quot;:false,&quot;root&quot;:{&quot;fontFamily&quot;:&quot;cursive&quot;,&quot;padding&quot;:&quot;220&quot;,&quot;borderWidth&quot;:&quot;1&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderColor&quot;:&quot;black&quot;},&quot;pageTitle&quot;:{&quot;fontSize&quot;:&quot;50&quot;,&quot;color&quot;:&quot;black&quot;,&quot;textAlign&quot;:&quot;center&quot;,&quot;textDecoration&quot;:&quot;underline&quot;},&quot;header&quot;:{&quot;height&quot;:&quot;500&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;fontSize&quot;:&quot;10&quot;,&quot;textAlign&quot;:&quot;left&quot;,&quot;backgroundColor&quot;:&quot;white&quot;,&quot;color&quot;:&quot;red&quot;},&quot;footer&quot;:{&quot;height&quot;:&quot;500&quot;,&quot;fontSize&quot;:&quot;20&quot;,&quot;textAlign&quot;:&quot;right&quot;,&quot;backgroundColor&quot;:&quot;white&quot;},&quot;line&quot;:{&quot;height&quot;:&quot;500&quot;,&quot;backgroundColor&quot;:&quot;#1fe0&quot;,&quot;borderWidth&quot;:&quot;1&quot;,&quot;borderStyle&quot;:&quot;solid&quot;,&quot;borderColor&quot;:&quot;balck&quot;,&quot;display&quot;:&quot;flex&quot;},&quot;column&quot;:{&quot;width&quot;:&quot;500&quot;,&quot;backgroundColor&quot;:&quot;blue&quot;,&quot;display&quot;:&quot;flex&quot;},&quot;colorSchema&quot;:[&quot;#B90000&quot;,&quot;#FF7F7F&quot;,&quot;#A80000&quot;]}],&quot;forms&quot;:{&quot;row&quot;:{&quot;form&quot;:{&quot;csrfToken&quot;:&quot;qsYBq9BeCF_QsYCE-Uy9ByyncIweqH9v0pdGi53splo&quot;,&quot;errors&quot;:{&quot;form&quot;:[],&quot;children&quot;:{&quot;height&quot;:[],&quot;nbRows&quot;:[],&quot;rowPosition&quot;:[],&quot;nbColumns&quot;:[],&quot;columnWidth&quot;:[],&quot;gapColumn&quot;:[],&quot;type&quot;:[]}},&quot;data&quot;:{&quot;height&quot;:&quot;&quot;,&quot;nbRows&quot;:&quot;&quot;,&quot;rowPosition&quot;:&quot;&quot;,&quot;nbColumns&quot;:&quot;&quot;,&quot;columnWidth&quot;:&quot;&quot;,&quot;gapColumn&quot;:&quot;&quot;,&quot;type&quot;:&quot;row&quot;},&quot;schema&quot;:{&quot;label&quot;:{&quot;height&quot;:&quot;Hauteur de la ligne&quot;,&quot;nbRows&quot;:&quot;Nombre de lignes&quot;,&quot;rowPosition&quot;:&quot;position de la ligne&quot;,&quot;nbColumns&quot;:&quot;Nombre de colonnes&quot;,&quot;columnWidth&quot;:&quot;Largeur des colonnes&quot;,&quot;gapColumn&quot;:&quot;Espace entres les colonnes&quot;,&quot;type&quot;:&quot;type&quot;},&quot;hidden&quot;:{&quot;height&quot;:false,&quot;nbRows&quot;:false,&quot;rowPosition&quot;:false,&quot;nbColumns&quot;:false,&quot;columnWidth&quot;:false,&quot;gapColumn&quot;:false,&quot;type&quot;:false},&quot;disabled&quot;:{&quot;height&quot;:false,&quot;nbRows&quot;:false,&quot;rowPosition&quot;:false,&quot;nbColumns&quot;:false,&quot;columnWidth&quot;:false,&quot;gapColumn&quot;:false,&quot;type&quot;:false},&quot;required&quot;:{&quot;height&quot;:true,&quot;nbRows&quot;:true,&quot;rowPosition&quot;:true,&quot;nbColumns&quot;:true,&quot;columnWidth&quot;:false,&quot;gapColumn&quot;:false,&quot;type&quot;:false},&quot;attributes&quot;:{&quot;height&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;placeholder&quot;:&quot;&quot;,&quot;help&quot;:&quot;&quot;,&quot;classes&quot;:[]},&quot;nbRows&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;placeholder&quot;:&quot;&quot;,&quot;help&quot;:&quot;&quot;,&quot;classes&quot;:[]},&quot;rowPosition&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;placeholder&quot;:&quot;&quot;,&quot;help&quot;:&quot;&quot;,&quot;classes&quot;:[]},&quot;nbColumns&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;placeholder&quot;:&quot;&quot;,&quot;help&quot;:&quot;&quot;,&quot;classes&quot;:[]},&quot;columnWidth&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;placeholder&quot;:&quot;&quot;,&quot;help&quot;:&quot;&quot;,&quot;classes&quot;:[]},&quot;gapColumn&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;placeholder&quot;:&quot;&quot;,&quot;help&quot;:&quot;&quot;,&quot;classes&quot;:[]},&quot;type&quot;:{&quot;type&quot;:&quot;text&quot;,&quot;placeholder&quot;:&quot;&quot;,&quot;help&quot;:&quot;&quot;,&quot;classes&quot;:[]}},&quot;options&quot;:[]}},&quot;properties&quot;:{&quot;title&quot;:&quot;row&quot;,&quot;type&quot;:&quot;object&quot;,&quot;properties&quot;:{&quot;height&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;title&quot;:&quot;Hauteur de la ligne&quot;,&quot;propertyOrder&quot;:1},&quot;nbRows&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;title&quot;:&quot;Nombre de lignes&quot;,&quot;propertyOrder&quot;:2},&quot;rowPosition&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;title&quot;:&quot;position de la ligne&quot;,&quot;propertyOrder&quot;:3},&quot;nbColumns&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;title&quot;:&quot;Nombre de colonnes&quot;,&quot;propertyOrder&quot;:4},&quot;columnWidth&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;title&quot;:&quot;Largeur des colonnes&quot;,&quot;propertyOrder&quot;:5},&quot;gapColumn&quot;:{&quot;type&quot;:&quot;number&quot;,&quot;title&quot;:&quot;Espace entres les colonnes&quot;,&quot;propertyOrder&quot;:6},&quot;type&quot;:{&quot;type&quot;:&quot;string&quot;,&quot;title&quot;:&quot;type&quot;,&quot;propertyOrder&quot;:7}},&quot;required&quot;:[&quot;height&quot;,&quot;nbRows&quot;,&quot;rowPosition&quot;,&quot;nbColumns&quot;]}}},&quot;elements&quot;:{&quot;132&quot;:{&quot;code&quot;:&quot;&lt;p&gt;&lt;span style=\&quot;font-size: 30px;\&quot;&gt;&lt;strong&gt;Titre&lt;\/strong&gt;&lt;\/span&gt;&lt;\/p&gt;&lt;p&gt;lorem ipsum &lt;span id=\&quot;jodit-selection_marker_1621951577572_7045916702414172\&quot; data-jodit-selection_marker=\&quot;start\&quot; style=\&quot;line-height: 0; display: none;\&quot;&gt;\ufeff&lt;\/span&gt;dolor &lt;span id=\&quot;jodit-selection_marker_1621951577572_8762383414440094\&quot; data-jodit-selection_marker=\&quot;end\&quot; style=\&quot;line-height: 0; display: none;\&quot;&gt;\ufeff&lt;\/span&gt;sit amet&lt;\/p&gt;&quot;,&quot;type&quot;:&quot;text&quot;,&quot;name&quot;:&quot;t1&quot;,&quot;style&quot;:[]},&quot;133&quot;:{&quot;code&quot;:&quot;&lt;p style=\&quot;margin: 0;\&quot;&gt;Etiam at tristique est. Quisque pellentesque consectetur mi, a varius nulla tincidunt at. In at est eu justo pretium lacinia. Maecenas id mauris id turpis pellentesque tempor at quis leo. Vestibulum vulputate justo quis rutrum condimentum. Sed id tellus ac leo pretium ultricies sed eu leo. Sed non lorem quis tortor vehicula congue. Nam a neque in enim mollis viverra sit amet vel enim.&lt;\/p&gt;&quot;,&quot;type&quot;:&quot;text&quot;,&quot;name&quot;:&quot;t2&quot;,&quot;style&quot;:[]},&quot;134&quot;:{&quot;code&quot;:&quot;&lt;p style=\&quot;text-align: center;margin: 0;\&quot;&gt;Nulla imperdiet quam vel faucibus sollicitudin. Vestibulum vulputate tortor id lacus egestas ultrices.&lt;\/p&gt;&quot;,&quot;type&quot;:&quot;text&quot;,&quot;name&quot;:&quot;t3&quot;,&quot;style&quot;:[]},&quot;135&quot;:{&quot;code&quot;:&quot;&lt;p style=\&quot;text-align: center; margin: 0;width: 100%\&quot;&gt;Element 1&lt;\/p&gt;&quot;,&quot;type&quot;:&quot;text&quot;,&quot;name&quot;:&quot;t4&quot;,&quot;style&quot;:[]},&quot;136&quot;:{&quot;code&quot;:&quot;&lt;p style=\&quot;text-align: center; margin: 0;width: 100%\&quot;&gt;Element 2&lt;\/p&gt;&quot;,&quot;type&quot;:&quot;text&quot;,&quot;name&quot;:&quot;t5&quot;,&quot;style&quot;:[]},&quot;137&quot;:{&quot;code&quot;:&quot;&lt;p style=\&quot;text-align: center; margin: 0;width: 100%\&quot;&gt;Element 3&lt;\/p&gt;&quot;,&quot;type&quot;:&quot;text&quot;,&quot;name&quot;:&quot;t6&quot;,&quot;style&quot;:[]},&quot;138&quot;:{&quot;code&quot;:&quot;&lt;p style=\&quot;text-align: center; margin: 0;width: 100%\&quot;&gt;&lt;strong&gt;Element + Card&lt;\/strong&gt;&lt;\/p&gt;&quot;,&quot;type&quot;:&quot;text&quot;,&quot;name&quot;:&quot;t7&quot;,&quot;style&quot;:[]},&quot;139&quot;:{&quot;code&quot;:&quot;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/3409401219\/KoolReport.js&#039;&gt;&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039;&gt;KoolReport.load.resources({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[\&quot;\\\/koolreport_assets\\\/2089604304\\\/js\\\/bootstrap.bundle.min.js\&quot;]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/2089604304\\\/css\\\/bootstrap.min.css\&quot;]});&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/1877068485\/jquery.min.js&#039;&gt;&lt;\/script&gt;&lt;krwidget widget-name=&#039;colonne1&#039; widget-type=&#039;koolreport\/widgets\/google\/ColumnChart&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;colonne1\&quot; style=\&quot;width:100%;height:95%;\&quot;&gt;&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\n    KoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[\&quot;\\\/koolreport_assets\\\/2537417176\\\/googlechart.js\&quot;]],\&quot;css\&quot;:[]},function(){\n        colonne1 = new KoolReport.google.chart(\&quot;ColumnChart\&quot;,\&quot;colonne1\&quot;,[\&quot;date_effet\&quot;,\&quot;montant_indemnisation_total\&quot;],[[\&quot;Type de police\&quot;,\&quot;Montant total de l&#039;indemnisation\&quot;,{\&quot;role\&quot;:\&quot;annotation\&quot;}],[{\&quot;v\&quot;:\&quot;2021-05-13\&quot;,\&quot;f\&quot;:\&quot;13\\\/05\\\/2021\&quot;},{\&quot;v\&quot;:9207.2,\&quot;f\&quot;:\&quot;9 207,20\&quot;},\&quot;9 207,20K\&quot;],[{\&quot;v\&quot;:\&quot;2021-02-04\&quot;,\&quot;f\&quot;:\&quot;04\\\/02\\\/2021\&quot;},{\&quot;v\&quot;:11305.58,\&quot;f\&quot;:\&quot;11 305,58\&quot;},\&quot;11 305,58K\&quot;],[{\&quot;v\&quot;:\&quot;2021-02-04\&quot;,\&quot;f\&quot;:\&quot;04\\\/02\\\/2021\&quot;},{\&quot;v\&quot;:90815.62,\&quot;f\&quot;:\&quot;90 815,62\&quot;},\&quot;90 815,62K\&quot;],[{\&quot;v\&quot;:\&quot;2021-08-24\&quot;,\&quot;f\&quot;:\&quot;24\\\/08\\\/2021\&quot;},{\&quot;v\&quot;:12961.16,\&quot;f\&quot;:\&quot;12 961,16\&quot;},\&quot;12 961,16K\&quot;],[{\&quot;v\&quot;:\&quot;2021-09-03\&quot;,\&quot;f\&quot;:\&quot;03\\\/09\\\/2021\&quot;},{\&quot;v\&quot;:3978.81,\&quot;f\&quot;:\&quot;3 978,81\&quot;},\&quot;3 978,81K\&quot;]],{\&quot;vAxis\&quot;:{\&quot;gridlines\&quot;:{\&quot;color\&quot;:\&quot;transparent\&quot;},\&quot;textPosition\&quot;:\&quot;none\&quot;}},{\&quot;package\&quot;:\&quot;corechart\&quot;,\&quot;stability\&quot;:\&quot;current\&quot;,\&quot;mapsApiKey\&quot;:\&quot;\&quot;});\n                            });\n&lt;\/script&gt;&lt;\/krwidget&gt;&quot;,&quot;type&quot;:&quot;column_chart&quot;,&quot;name&quot;:&quot;t8&quot;,&quot;style&quot;:[]},&quot;140&quot;:{&quot;code&quot;:&quot;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/3409401219\/KoolReport.js&#039;&gt;&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039;&gt;KoolReport.load.resources({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[\&quot;\\\/koolreport_assets\\\/2089604304\\\/js\\\/bootstrap.bundle.min.js\&quot;]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/2089604304\\\/css\\\/bootstrap.min.css\&quot;]});&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/1877068485\/jquery.min.js&#039;&gt;&lt;\/script&gt;&lt;krwidget widget-name=&#039;colonne2&#039; widget-type=&#039;koolreport\/widgets\/google\/ColumnChart&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;colonne2\&quot; style=\&quot;width:100%;height:95%;\&quot;&gt;&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\n    KoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[\&quot;\\\/koolreport_assets\\\/2537417176\\\/googlechart.js\&quot;]],\&quot;css\&quot;:[]},function(){\n        colonne2 = new KoolReport.google.chart(\&quot;ColumnChart\&quot;,\&quot;colonne2\&quot;,[\&quot;date_effet\&quot;,\&quot;montant_dommage_total\&quot;],[[\&quot;Type de police\&quot;,\&quot;Montant total des dommage\&quot;,{\&quot;role\&quot;:\&quot;annotation\&quot;}],[{\&quot;v\&quot;:\&quot;2021-05-13\&quot;,\&quot;f\&quot;:\&quot;13\\\/05\\\/2021\&quot;},{\&quot;v\&quot;:59227,\&quot;f\&quot;:\&quot;59 227,00\&quot;},\&quot;59 227,00K\&quot;],[{\&quot;v\&quot;:\&quot;2021-02-04\&quot;,\&quot;f\&quot;:\&quot;04\\\/02\\\/2021\&quot;},{\&quot;v\&quot;:17070.46,\&quot;f\&quot;:\&quot;17 070,46\&quot;},\&quot;17 070,46K\&quot;],[{\&quot;v\&quot;:\&quot;2021-02-04\&quot;,\&quot;f\&quot;:\&quot;04\\\/02\\\/2021\&quot;},{\&quot;v\&quot;:966.34,\&quot;f\&quot;:\&quot;966,34\&quot;},\&quot;966,34K\&quot;],[{\&quot;v\&quot;:\&quot;2021-08-24\&quot;,\&quot;f\&quot;:\&quot;24\\\/08\\\/2021\&quot;},{\&quot;v\&quot;:20049.03,\&quot;f\&quot;:\&quot;20 049,03\&quot;},\&quot;20 049,03K\&quot;],[{\&quot;v\&quot;:\&quot;2021-09-03\&quot;,\&quot;f\&quot;:\&quot;03\\\/09\\\/2021\&quot;},{\&quot;v\&quot;:40670.49,\&quot;f\&quot;:\&quot;40 670,49\&quot;},\&quot;40 670,49K\&quot;]],{\&quot;vAxis\&quot;:{\&quot;gridlines\&quot;:{\&quot;color\&quot;:\&quot;transparent\&quot;},\&quot;textPosition\&quot;:\&quot;none\&quot;},\&quot;legend\&quot;:{\&quot;position\&quot;:\&quot;none\&quot;}},{\&quot;package\&quot;:\&quot;corechart\&quot;,\&quot;stability\&quot;:\&quot;current\&quot;,\&quot;mapsApiKey\&quot;:\&quot;\&quot;});\n                            });\n&lt;\/script&gt;&lt;\/krwidget&gt;&quot;,&quot;type&quot;:&quot;column_chart&quot;,&quot;name&quot;:&quot;t9&quot;,&quot;style&quot;:[]},&quot;141&quot;:{&quot;code&quot;:&quot;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/3409401219\/KoolReport.js&#039;&gt;&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039;&gt;KoolReport.load.resources({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[\&quot;\\\/koolreport_assets\\\/2089604304\\\/js\\\/bootstrap.bundle.min.js\&quot;]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/2089604304\\\/css\\\/bootstrap.min.css\&quot;]});&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/1877068485\/jquery.min.js&#039;&gt;&lt;\/script&gt;&lt;krwidget widget-name=&#039;colonne3&#039; widget-type=&#039;koolreport\/widgets\/google\/ColumnChart&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;colonne3\&quot; style=\&quot;width:100%;height:95%;\&quot;&gt;&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\n    KoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[\&quot;\\\/koolreport_assets\\\/2537417176\\\/googlechart.js\&quot;]],\&quot;css\&quot;:[]},function(){\n        colonne3 = new KoolReport.google.chart(\&quot;ColumnChart\&quot;,\&quot;colonne3\&quot;,[\&quot;type_d_intermediaire\&quot;,\&quot;montant_indemnisation_total\&quot;],[[\&quot;Type d&#039;interm\\u00e9diaire\&quot;,\&quot;Montant total de l&#039;indemnisation\&quot;,{\&quot;role\&quot;:\&quot;annotation\&quot;}],[\&quot;Agent\&quot;,{\&quot;v\&quot;:9207.2,\&quot;f\&quot;:\&quot;9 207,20\&quot;},\&quot;9 207,20K\&quot;],[\&quot;En Direct\&quot;,{\&quot;v\&quot;:11305.58,\&quot;f\&quot;:\&quot;11 305,58\&quot;},\&quot;11 305,58K\&quot;],[\&quot;En Direct\&quot;,{\&quot;v\&quot;:90815.62,\&quot;f\&quot;:\&quot;90 815,62\&quot;},\&quot;90 815,62K\&quot;],[\&quot;Agent\&quot;,{\&quot;v\&quot;:12961.16,\&quot;f\&quot;:\&quot;12 961,16\&quot;},\&quot;12 961,16K\&quot;],[\&quot;Agent\&quot;,{\&quot;v\&quot;:3978.81,\&quot;f\&quot;:\&quot;3 978,81\&quot;},\&quot;3 978,81K\&quot;]],{\&quot;vAxis\&quot;:{\&quot;gridlines\&quot;:{\&quot;color\&quot;:\&quot;transparent\&quot;},\&quot;textPosition\&quot;:\&quot;none\&quot;},\&quot;legend\&quot;:{\&quot;position\&quot;:\&quot;top\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;}},{\&quot;package\&quot;:\&quot;corechart\&quot;,\&quot;stability\&quot;:\&quot;current\&quot;,\&quot;mapsApiKey\&quot;:\&quot;\&quot;});\n                            });\n&lt;\/script&gt;&lt;\/krwidget&gt;&quot;,&quot;type&quot;:&quot;column_chart&quot;,&quot;name&quot;:&quot;t10&quot;,&quot;style&quot;:[]},&quot;142&quot;:{&quot;code&quot;:&quot;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/3409401219\/KoolReport.js&#039;&gt;&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039;&gt;KoolReport.load.resources({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[\&quot;\\\/koolreport_assets\\\/2089604304\\\/js\\\/bootstrap.bundle.min.js\&quot;]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/2089604304\\\/css\\\/bootstrap.min.css\&quot;]});&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/1877068485\/jquery.min.js&#039;&gt;&lt;\/script&gt;&lt;krwidget widget-name=&#039;colonne4&#039; widget-type=&#039;koolreport\/widgets\/google\/ColumnChart&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;colonne4\&quot; style=\&quot;width:100%;height:98%;\&quot;&gt;&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\n    KoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[\&quot;\\\/koolreport_assets\\\/2537417176\\\/googlechart.js\&quot;]],\&quot;css\&quot;:[]},function(){\n        colonne4 = new KoolReport.google.chart(\&quot;ColumnChart\&quot;,\&quot;colonne4\&quot;,[\&quot;usage_bien\&quot;,\&quot;montant_indemnisation_total\&quot;,\&quot;montant_dommage_total\&quot;],[[\&quot;Usage du bien\&quot;,\&quot;Montant total de l&#039;indemnisation\&quot;,{\&quot;role\&quot;:\&quot;annotation\&quot;},\&quot;Montant total des dommage\&quot;,{\&quot;role\&quot;:\&quot;annotation\&quot;}],[\&quot;Habitation\&quot;,{\&quot;v\&quot;:9207.2,\&quot;f\&quot;:\&quot;9 207,20\&quot;},\&quot;9 207,20K\&quot;,{\&quot;v\&quot;:59227,\&quot;f\&quot;:\&quot;59 227,00\&quot;},\&quot;59 227,00K\&quot;],[\&quot;Mixte\&quot;,{\&quot;v\&quot;:11305.58,\&quot;f\&quot;:\&quot;11 305,58\&quot;},\&quot;11 305,58K\&quot;,{\&quot;v\&quot;:17070.46,\&quot;f\&quot;:\&quot;17 070,46\&quot;},\&quot;17 070,46K\&quot;],[\&quot;Autre\&quot;,{\&quot;v\&quot;:90815.62,\&quot;f\&quot;:\&quot;90 815,62\&quot;},\&quot;90 815,62K\&quot;,{\&quot;v\&quot;:966.34,\&quot;f\&quot;:\&quot;966,34\&quot;},\&quot;966,34K\&quot;],[\&quot;Commercial\&quot;,{\&quot;v\&quot;:12961.16,\&quot;f\&quot;:\&quot;12 961,16\&quot;},\&quot;12 961,16K\&quot;,{\&quot;v\&quot;:20049.03,\&quot;f\&quot;:\&quot;20 049,03\&quot;},\&quot;20 049,03K\&quot;],[\&quot;Autre\&quot;,{\&quot;v\&quot;:3978.81,\&quot;f\&quot;:\&quot;3 978,81\&quot;},\&quot;3 978,81K\&quot;,{\&quot;v\&quot;:40670.49,\&quot;f\&quot;:\&quot;40 670,49\&quot;},\&quot;40 670,49K\&quot;]],{\&quot;vAxis\&quot;:{\&quot;gridlines\&quot;:{\&quot;color\&quot;:\&quot;transparent\&quot;},\&quot;textPosition\&quot;:\&quot;none\&quot;},\&quot;legend\&quot;:{\&quot;position\&quot;:\&quot;top\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;},\&quot;titlePosition\&quot;:\&quot;none\&quot;,\&quot;title\&quot;:\&quot;Colonne chart 4\&quot;},{\&quot;package\&quot;:\&quot;corechart\&quot;,\&quot;stability\&quot;:\&quot;current\&quot;,\&quot;mapsApiKey\&quot;:\&quot;\&quot;});\n                            });\n&lt;\/script&gt;&lt;\/krwidget&gt;&quot;,&quot;type&quot;:&quot;column_chart&quot;,&quot;name&quot;:&quot;t11&quot;,&quot;style&quot;:[]},&quot;143&quot;:{&quot;code&quot;:&quot;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/3409401219\/KoolReport.js&#039;&gt;&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039;&gt;KoolReport.load.resources({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[\&quot;\\\/koolreport_assets\\\/2089604304\\\/js\\\/bootstrap.bundle.min.js\&quot;]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/2089604304\\\/css\\\/bootstrap.min.css\&quot;]});&lt;\/script&gt;&lt;script type=&#039;text\/javascript&#039; src=&#039;\/koolreport_assets\/1877068485\/jquery.min.js&#039;&gt;&lt;\/script&gt;&lt;style&gt;\n    \/* Permet de changer le padding des cards *\/\n    .panel-body{\n        padding: 1%;\n    }\n&lt;\/style&gt;\n&lt;krwidget widget-name=&#039;kcard60c707090528e1&#039; widget-type=&#039;koolreport\/widgets\/koolphp\/Card&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;kcard60c707090528e1\&quot; class=\&quot;koolphp-card card panel\&quot;&gt;\n    &lt;div class=\&quot;panel-body card-body\&quot;&gt;\n                &lt;div class=\&quot;card-value\&quot;&gt;\n            0,00        &lt;\/div&gt;\n        &lt;div class=\&quot;card-title\&quot;&gt;\n            Ligne 1        &lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\nKoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/1777792648\\\/css\\\/font-awesome.min.css\&quot;,[\&quot;\\\/koolreport_assets\\\/2815946756\\\/card.css\&quot;]]});\n&lt;\/script&gt;&lt;\/krwidget&gt;&lt;krwidget widget-name=&#039;kcard60c70709052bd2&#039; widget-type=&#039;koolreport\/widgets\/koolphp\/Card&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;kcard60c70709052bd2\&quot; class=\&quot;koolphp-card card panel\&quot;&gt;\n    &lt;div class=\&quot;panel-body card-body\&quot;&gt;\n                    &lt;div class=\&quot;card-indicator value-negative\&quot;&gt;\n                &lt;span title=\&quot;Compared to previous 59 227,00\&quot;&gt;\n                    -84,45%                    &lt;i class=&#039;fa fa-caret-down&#039;&gt;&lt;\/i&gt;\n                &lt;\/span&gt;\n            &lt;\/div&gt;\n                &lt;div class=\&quot;card-value\&quot;&gt;\n            9 207,20        &lt;\/div&gt;\n        &lt;div class=\&quot;card-title\&quot;&gt;\n            card1        &lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\nKoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/1777792648\\\/css\\\/font-awesome.min.css\&quot;,[\&quot;\\\/koolreport_assets\\\/2815946756\\\/card.css\&quot;]]});\n&lt;\/script&gt;&lt;\/krwidget&gt;&lt;krwidget widget-name=&#039;kcard60c70709052de3&#039; widget-type=&#039;koolreport\/widgets\/koolphp\/Card&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;kcard60c70709052de3\&quot; class=\&quot;koolphp-card card panel\&quot;&gt;\n    &lt;div class=\&quot;panel-body card-body\&quot;&gt;\n                    &lt;div class=\&quot;card-indicator value-negative\&quot;&gt;\n                &lt;span title=\&quot;Compared to previous 17 070,46\&quot;&gt;\n                    -33,77%                    &lt;i class=&#039;fa fa-caret-down&#039;&gt;&lt;\/i&gt;\n                &lt;\/span&gt;\n            &lt;\/div&gt;\n                &lt;div class=\&quot;card-value\&quot;&gt;\n            11 305,58        &lt;\/div&gt;\n        &lt;div class=\&quot;card-title\&quot;&gt;\n            card1        &lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\nKoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/1777792648\\\/css\\\/font-awesome.min.css\&quot;,[\&quot;\\\/koolreport_assets\\\/2815946756\\\/card.css\&quot;]]});\n&lt;\/script&gt;&lt;\/krwidget&gt;&lt;krwidget widget-name=&#039;kcard60c70709052fb4&#039; widget-type=&#039;koolreport\/widgets\/koolphp\/Card&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;kcard60c70709052fb4\&quot; class=\&quot;koolphp-card card panel\&quot;&gt;\n    &lt;div class=\&quot;panel-body card-body\&quot;&gt;\n                    &lt;div class=\&quot;card-indicator value-positive\&quot;&gt;\n                &lt;span title=\&quot;Compared to previous 966,34\&quot;&gt;\n                    9 297,90%                    &lt;i class=&#039;fa fa-caret-up&#039;&gt;&lt;\/i&gt;\n                &lt;\/span&gt;\n            &lt;\/div&gt;\n                &lt;div class=\&quot;card-value\&quot;&gt;\n            90 815,62        &lt;\/div&gt;\n        &lt;div class=\&quot;card-title\&quot;&gt;\n            card1        &lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\nKoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/1777792648\\\/css\\\/font-awesome.min.css\&quot;,[\&quot;\\\/koolreport_assets\\\/2815946756\\\/card.css\&quot;]]});\n&lt;\/script&gt;&lt;\/krwidget&gt;&lt;krwidget widget-name=&#039;kcard60c70709053185&#039; widget-type=&#039;koolreport\/widgets\/koolphp\/Card&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;kcard60c70709053185\&quot; class=\&quot;koolphp-card card panel\&quot;&gt;\n    &lt;div class=\&quot;panel-body card-body\&quot;&gt;\n                    &lt;div class=\&quot;card-indicator value-negative\&quot;&gt;\n                &lt;span title=\&quot;Compared to previous 20 049,03\&quot;&gt;\n                    -35,35%                    &lt;i class=&#039;fa fa-caret-down&#039;&gt;&lt;\/i&gt;\n                &lt;\/span&gt;\n            &lt;\/div&gt;\n                &lt;div class=\&quot;card-value\&quot;&gt;\n            12 961,16        &lt;\/div&gt;\n        &lt;div class=\&quot;card-title\&quot;&gt;\n            card1        &lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\nKoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/1777792648\\\/css\\\/font-awesome.min.css\&quot;,[\&quot;\\\/koolreport_assets\\\/2815946756\\\/card.css\&quot;]]});\n&lt;\/script&gt;&lt;\/krwidget&gt;&lt;krwidget widget-name=&#039;kcard60c70709053336&#039; widget-type=&#039;koolreport\/widgets\/koolphp\/Card&#039; class=&#039;bs4&#039;&gt;&lt;div id=\&quot;kcard60c70709053336\&quot; class=\&quot;koolphp-card card panel\&quot;&gt;\n    &lt;div class=\&quot;panel-body card-body\&quot;&gt;\n                    &lt;div class=\&quot;card-indicator value-negative\&quot;&gt;\n                &lt;span title=\&quot;Compared to previous 40 670,49\&quot;&gt;\n                    -90,22%                    &lt;i class=&#039;fa fa-caret-down&#039;&gt;&lt;\/i&gt;\n                &lt;\/span&gt;\n            &lt;\/div&gt;\n                &lt;div class=\&quot;card-value\&quot;&gt;\n            3 978,81        &lt;\/div&gt;\n        &lt;div class=\&quot;card-title\&quot;&gt;\n            card1        &lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;script type=\&quot;text\/javascript\&quot;&gt;\nKoolReport.widget.init({\&quot;js\&quot;:[\&quot;\\\/koolreport_assets\\\/1877068485\\\/jquery.min.js\&quot;,[]],\&quot;css\&quot;:[\&quot;\\\/koolreport_assets\\\/1777792648\\\/css\\\/font-awesome.min.css\&quot;,[\&quot;\\\/koolreport_assets\\\/2815946756\\\/card.css\&quot;]]});\n&lt;\/script&gt;&lt;\/krwidget&gt;&quot;,&quot;type&quot;:&quot;card&quot;,&quot;name&quot;:&quot;t13&quot;,&quot;style&quot;:[]}}}"></div>
	<script src="/build/homeStat.js" defer></script>

		<script src="/build/createElement.js" defer></script>
	<script src="/build/line.js" defer></script>
	<script src="/build/subLine.js" defer></script>
	<script src="/build/deleteElement.js" defer></script>
	<script src="/build/createDocument.js" defer></script>
 
            </div>
            
            <!-- Footer --> 
            <div class="footer"></div>
        </div>
    
<div id="sfwdt8c3109" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"></div><script nonce="d319d5fb31b44eb2645b3c275d1ff446">/*<![CDATA[*/    if (typeof Sfjs === 'undefined') {    Sfjs = (function() {        "use strict";        if ('classList' in document.documentElement) {            var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); };            var removeClass = function(el, cssClass) { el.classList.remove(cssClass); };            var addClass = function(el, cssClass) { el.classList.add(cssClass); };            var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); };        } else {            var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); };            var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); };            var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } };            var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); };        }        var noop = function() {};        var profilerStorageKey = 'symfony/profiler/';        var addEventListener;        var el = document.createElement('div');        if (!('addEventListener' in el)) {            addEventListener = function (element, eventName, callback) {                element.attachEvent('on' + eventName, callback);            };        } else {            addEventListener = function (element, eventName, callback) {                element.addEventListener(eventName, callback, false);            };        }        var request = function(url, onSuccess, onError, payload, options) {            var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');            options = options || {};            options.maxTries = options.maxTries || 0;            xhr.open(options.method || 'GET', url, true);            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');            xhr.onreadystatechange = function(state) {                if (4 !== xhr.readyState) {                    return null;                }                if (xhr.status == 404 && options.maxTries > 1) {                    setTimeout(function(){                        options.maxTries--;                        request(url, onSuccess, onError, payload, options);                    }, 1000);                    return null;                }                if (200 === xhr.status) {                    (onSuccess || noop)(xhr);                } else {                    (onError || noop)(xhr);                }            };            xhr.send(payload || '');        };        var getPreference = function(name) {            if (!window.localStorage) {                return null;            }            return localStorage.getItem(profilerStorageKey + name);        };        var setPreference = function(name, value) {            if (!window.localStorage) {                return null;            }            localStorage.setItem(profilerStorageKey + name, value);        };        var requestStack = [];        var extractHeaders = function(xhr, stackElement) {            /* Here we avoid to call xhr.getResponseHeader in order to */            /* prevent polluting the console with CORS security errors */            var allHeaders = xhr.getAllResponseHeaders();            var ret;            if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) {                stackElement.profile = ret[1];            }            if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) {                stackElement.profilerUrl = ret[1];            }            if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) {                stackElement.toolbarReplaceFinished = false;                stackElement.toolbarReplace = '1' === ret[1];            }        };        var successStreak = 4;        var pendingRequests = 0;        var renderAjaxRequests = function() {            var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter');            if (!requestCounter) {                return;            }            requestCounter.textContent = requestStack.length;            var infoSpan = document.querySelector(".sf-toolbar-ajax-info");            if (infoSpan) {                infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : '');            }            var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax');            if (requestStack.length) {                ajaxToolbarPanel.style.display = 'block';            } else {                ajaxToolbarPanel.style.display = 'none';            }            if (pendingRequests > 0) {                addClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else if (successStreak < 4) {                addClass(ajaxToolbarPanel, 'sf-toolbar-status-red');                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else {                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red');            }        };        var startAjaxRequest = function(index) {            var tbody = document.querySelector('.sf-toolbar-ajax-request-list');            if (!tbody) {                return;            }            var nbOfAjaxRequest = tbody.rows.length;            if (nbOfAjaxRequest >= 100) {                tbody.deleteRow(0);            }            var request = requestStack[index];            pendingRequests++;            var row = document.createElement('tr');            request.DOMNode = row;            var requestNumberCell = document.createElement('td');            requestNumberCell.textContent = index + 1;            row.appendChild(requestNumberCell);            var profilerCell = document.createElement('td');            profilerCell.textContent = 'n/a';            row.appendChild(profilerCell);            var methodCell = document.createElement('td');            methodCell.textContent = request.method;            row.appendChild(methodCell);            var typeCell = document.createElement('td');            typeCell.textContent = request.type;            row.appendChild(typeCell);            var statusCodeCell = document.createElement('td');            var statusCode = document.createElement('span');            statusCode.textContent = 'n/a';            statusCodeCell.appendChild(statusCode);            row.appendChild(statusCodeCell);            var pathCell = document.createElement('td');            pathCell.className = 'sf-ajax-request-url';            if ('GET' === request.method) {                var pathLink = document.createElement('a');                pathLink.setAttribute('href', request.url);                pathLink.textContent = request.url;                pathCell.appendChild(pathLink);            } else {                pathCell.textContent = request.url;            }            pathCell.setAttribute('title', request.url);            row.appendChild(pathCell);            var durationCell = document.createElement('td');            durationCell.className = 'sf-ajax-request-duration';            durationCell.textContent = 'n/a';            row.appendChild(durationCell);            request.liveDurationHandle = setInterval(function() {                durationCell.textContent = (new Date() - request.start) + 'ms';            }, 100);            row.className = 'sf-ajax-request sf-ajax-request-loading';            tbody.insertBefore(row, null);            var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');            toolbarInfo.scrollTop = toolbarInfo.scrollHeight;            renderAjaxRequests();        };        var finishAjaxRequest = function(index) {            var request = requestStack[index];            clearInterval(request.liveDurationHandle);            if (!request.DOMNode) {                return;            }            if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) {                /* Flag as complete because finishAjaxRequest can be called multiple times. */                request.toolbarReplaceFinished = true;                /* Search up through the DOM to find the toolbar's container ID. */                for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) {                    if (elem.id.match(/^sfwdt/)) {                        Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile);                        break;                    }                }            }            pendingRequests--;            var row = request.DOMNode;            /* Unpack the children from the row */            var profilerCell = row.children[1];            var methodCell = row.children[2];            var statusCodeCell = row.children[4];            var statusCodeElem = statusCodeCell.children[0];            var durationCell = row.children[6];            if (request.error) {                row.className = 'sf-ajax-request sf-ajax-request-error';                methodCell.className = 'sf-ajax-request-error';                successStreak = 0;            } else {                row.className = 'sf-ajax-request sf-ajax-request-ok';                successStreak++;            }            if (request.statusCode) {                if (request.statusCode < 300) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status');                } else if (request.statusCode < 400) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow');                } else {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');                }                statusCodeElem.textContent = request.statusCode;            } else {                statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');            }            if (request.duration) {                durationCell.textContent = request.duration + 'ms';            }            if (request.profilerUrl) {                profilerCell.textContent = '';                var profilerLink = document.createElement('a');                profilerLink.setAttribute('href', request.profilerUrl);                profilerLink.textContent = request.profile;                profilerCell.appendChild(profilerLink);            }            renderAjaxRequests();        };                    if (window.fetch && window.fetch.polyfill === undefined) {       
Sebastian Morales commented 4 days ago

How do you set up routing for your web application? For PivotMatrix to work, it needs a route for which it's rendered on server and returns. If yours is a single page application you could add some parameters so that PivotMatrix is rendered when some certain parameters are sent. Then add those parameters to PivotMatrix's "scope" property. Rgds,

Epitello commented 3 days ago

Do you have an example pls

Sebastian Morales commented 3 days ago

For example:

    PivotMatrix::create(array(
        ...
        "scope" => array(
            "pivotRender" => true,
        )

Then on your server, you check if $_POST["pivotRender"] exists you return $report->run()->render() directly in html instead of in a react component.

Build Your Excellent Data Report

Let KoolReport help you to make great reports. It's free & open-source released under MIT license.

Download KoolReport View demo
help needed

Pivot