<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="css/spinner.css"/>
<script>
   var xmlhttp;
   var ntp_note = "";
   
   /*function redirectToConf(xmlhttp)
   {
     if(xmlhttp.status==500 &&  xmlhttp.responseText =="Error"  )
    {
    window.location.href="/configure_openstack"
    return;
    }
   }*/
   
	function viewPopVar() {
	var pop_var = document.getElementById("populate_variables_output");
	if (pop_var.style.display === "none") {
		pop_var.style.display = "block";
		document.getElementById("pop_var_msg").innerHTML = "Hide Ansible Output";
	} else {
		pop_var.style.display = "none";
		document.getElementById("pop_var_msg").innerHTML = "Show Ansible Output";
	}
	}
	function viewConfigHost() {
	var config_host = document.getElementById("configure_host_output");
	if (config_host.style.display === "none") {
		config_host.style.display = "block";
		document.getElementById("config_host_msg").innerHTML = "Hide Ansible Output";
	} else {
		config_host.style.display = "none";
		document.getElementById("config_host_msg").innerHTML = "Show Ansible Output";
	}
	}
	function viewConfigWorkloadmgr() {
	var config_workloadmgr = document.getElementById("configure_workloadmgr_output");
	if (config_workloadmgr.style.display === "none") {
		config_workloadmgr.style.display = "block";
		document.getElementById("config_workloadmgr_msg").innerHTML = "Hide Ansible Output";
	} else {
		config_workloadmgr.style.display = "none";
		document.getElementById("config_workloadmgr_msg").innerHTML = "Show Ansible Output";
	}
	}

   function loadXMLDoc(url, callback)
   {
           flag = $('#'+url).css('display')
           if (flag == 'block')
           {
     	  if (window.XMLHttpRequest)
     	  {// code for IE7+, Firefox, Chrome, Opera, Safari
        	     xmlhttp=new XMLHttpRequest();
             }
     	  else
     	  {// code for IE6, IE5
        	    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
             }
     	  xmlhttp.onreadystatechange=callback;
     	  xmlhttp.open("GET",url,true);
     	  xmlhttp.send();
           }
           else
           {
             callback()
           }
   }

   function taskfunction()
   {
   	var r = confirm("Continuing will configure the appliance.\nWould you like to proceed?");
   	if (r == false) {
   		window.history.back()
   		return
   	}

   	$("#alert").hide();

   	// Populate Variables
   	loadXMLDoc("populate_variables", function() {
   	   document.getElementById("populate_variables").children[0].classList.add("glyphicon-refresh");
   	   if (xmlhttp.readyState != 4) return;
   	   document.getElementById("populate_variables").children[0].classList.remove("glyphicon-refresh");
   	   if (xmlhttp.readyState==4 && xmlhttp.status==200)
   	   {
   		  document.getElementById("populate_variables").classList.add("list-group-item-success");
   		  document.getElementById("populate_variables").children[0].classList.add("glyphicon-ok");
   		  document.getElementById("populate_variables").insertAdjacentHTML('beforeend', '<span style="float:right; font-size:12px;"><a id="pop_var_msg" href="#" onclick="viewPopVar()">Show Ansible Output</a></span>');
   		  document.getElementById("populate_variables_output").innerHTML=xmlhttp.responseText;

   		// Configure Host
   		   loadXMLDoc("configure_host", function() {
   			   document.getElementById("configure_host").children[0].classList.add("glyphicon-refresh");
   			   if (xmlhttp.readyState != 4) return;
   			   document.getElementById("configure_host").children[0].classList.remove("glyphicon-refresh");
   			   if (xmlhttp.readyState==4 && xmlhttp.status==200)
   			   {
   				  document.getElementById("configure_host").classList.add("list-group-item-success");
   				  document.getElementById("configure_host").children[0].classList.add("glyphicon-ok");
   				  document.getElementById("configure_host").insertAdjacentHTML('beforeend', '<span style="float:right; font-size:12px;"><a id="config_host_msg" href="#" onclick="viewConfigHost()">Show Ansible Output</a></span>');
				  document.getElementById("configure_host_output").innerHTML=xmlhttp.responseText;

				// Configure Workloadmgr
   			   loadXMLDoc("configure_workloadmgr", function() {
   				   document.getElementById("configure_workloadmgr").children[0].classList.add("glyphicon-refresh");
   				   if (xmlhttp.readyState != 4) return;
   				   document.getElementById("configure_workloadmgr").children[0].classList.remove("glyphicon-refresh");
   				   if (xmlhttp.readyState==4 && xmlhttp.status==200)
   				   {
   					  document.getElementById("configure_workloadmgr").classList.add("list-group-item-success");
   					  document.getElementById("configure_workloadmgr").children[0].classList.add("glyphicon-ok");
   					  document.getElementById("configure_workloadmgr").insertAdjacentHTML('beforeend', '<span style="float:right; font-size:12px;"><a id="config_workloadmgr_msg" href="#" onclick="viewConfigWorkloadmgr()">Show Ansible Output</a></span>');
				      document.getElementById("configure_workloadmgr_output").innerHTML=xmlhttp.responseText;

   				   // Register Workloadtypes
   				   loadXMLDoc("syncup_database",function() {
   					  document.getElementById("syncup_database").children[0].classList.add("glyphicon-refresh");
   					  if (xmlhttp.readyState != 4) return;
   					  document.getElementById("syncup_database").children[0].classList.remove("glyphicon-refresh");
   					  if (xmlhttp.readyState==4 && xmlhttp.status==200)
   					  {
   						 document.getElementById("syncup_database").classList.add("list-group-item-success");
   						 document.getElementById("syncup_database").children[0].classList.add("glyphicon-ok");

   						 // Insure cloud_admin Trust Creation
                         loadXMLDoc("ensure_trust_creation",function() {
           					  document.getElementById("ensure_trust_creation").children[0].classList.add("glyphicon-refresh");
           					  if (xmlhttp.readyState != 4) return;
           					  document.getElementById("ensure_trust_creation").children[0].classList.remove("glyphicon-refresh");
           					  if (xmlhttp.readyState==4 && xmlhttp.status==200)
           					  {
           						 document.getElementById("ensure_trust_creation").classList.add("list-group-item-success");
           						 document.getElementById("ensure_trust_creation").children[0].classList.add("glyphicon-ok");

                                // Import Workloads
           						if (document.getElementById("workloads_import") != null) {
           						 loadXMLDoc("workloads_import",function() {
           							document.getElementById("workloads_import").children[0].classList.add("glyphicon-refresh");
           							if (xmlhttp.readyState != 4) return;
           							document.getElementById("workloads_import").children[0].classList.remove("glyphicon-refresh");
           							if (xmlhttp.readyState==4 && xmlhttp.status==200)
           							{
           							   document.getElementById("workloads_import").classList.add("list-group-item-success");
           							   document.getElementById("workloads_import").children[0].classList.add("glyphicon-ok");
							           document.getElementById("final_status").innerHTML = ntp_note+'<b>Congratulations! Configuration successfully completed. <a href="/loading_page"> Click here </a> to proceed.</b>';
           							}
           							else
           							{
           							   document.getElementById("workloads_import").classList.add("list-group-item-danger");
           							   document.getElementById("workloads_import").children[0].classList.add("glyphicon-remove");
							           document.getElementById("final_status").innerHTML = ntp_note+'<b>Congratulations! Configuration successfully completed. <a href="/loading_page"> Click here </a> to proceed. Please import workloads from CLI.</b>';
           						    }

           						 });
                                 } else {
                                    document.getElementById("final_status").innerHTML = ntp_note+'<b>Congratulations! Configuration successfully completed. <a href="/loading_page"> Click here </a> to proceed.</b>';

                                 }
                              }
                              else {
           						document.getElementById("ensure_trust_creation").classList.add("list-group-item-danger");
           					    document.getElementById("ensure_trust_creation").children[0].classList.add("glyphicon-remove");
						        document.getElementById("final_status").innerHTML = ntp_note+'<b>Configuration failed. Click here to<a href="/configure_openstack"> reconfigure</a>.</b>';
           					  }
                        });

   					  }
   					  else
   					  {
   						document.getElementById("syncup_database").classList.add("list-group-item-danger");
   					    //document.getElementById("syncup_database").innerHTML = ' <span class="glyphicon glyphicon-remove"></span> Registering workload types failed.';
   					    document.getElementById("syncup_database").children[0].classList.add("glyphicon-remove");
						document.getElementById("final_status").innerHTML = ntp_note+'<b>Configuration failed. Click here to<a href="/configure_openstack"> reconfigure</a>.</b>';
   					  }

   				   });

   				   }
   				   else
   				   {
   				      document.getElementById("configure_workloadmgr").classList.add("list-group-item-danger");
   					  document.getElementById("configure_workloadmgr").children[0].classList.add("glyphicon-remove");
   					  document.getElementById("configure_workloadmgr").insertAdjacentHTML('beforeend', '<span style="float:right; font-size:12px;"><a id="config_workloadmgr_msg" href="#" onclick="viewConfigWorkloadmgr()">Show Ansible Output</a></span>');
					  document.getElementById("configure_workloadmgr_output").innerHTML=xmlhttp.responseText;
					  document.getElementById("final_status").innerHTML = ntp_note+'<b>Configuration failed. Please check your ansible output for errors. Click here to<a href="/configure_openstack"> reconfigure</a>.</b>';
   					  //document.getElementById("configure_workloadmgr").innerHTML = ' <span class="glyphicon glyphicon-remove"></span> Configuring workloadmanager failed.';
   				   }

   				});

   			   }
   			   else
   			   {
   				  document.getElementById("configure_host").classList.add("list-group-item-danger");
   				  document.getElementById("configure_host").children[0].classList.add("glyphicon-remove");
   				  document.getElementById("configure_host").insertAdjacentHTML('beforeend', '<span style="float:right; font-size:12px;"><a id="config_host_msg" href="#" onclick="viewConfigHost()">Show Ansible Output</a></span>');
   				  document.getElementById("configure_host_output").innerHTML=xmlhttp.responseText;
				  document.getElementById("final_status").innerHTML = ntp_note+'<b>Configuration failed. Please check your ansible output for errors. Click here to<a href="/configure_openstack"> reconfigure</a>.</b>';
   				  //document.getElementById("configure_host").innerHTML = ' <span class="glyphicon glyphicon-remove"></span> Configuring TrilioVault Clusters failed.';
   			   }

   			});

   	   }
   	   else
   	   {
   		  document.getElementById("populate_variables").classList.add("list-group-item-danger");
   		  document.getElementById("populate_variables").children[0].classList.add("glyphicon-remove");
   		  document.getElementById("populate_variables").insertAdjacentHTML('beforeend', '<span style="float:right; font-size:12px;"><a id="pop_var_msg" href="#" onclick="viewPopVar()">Show Ansible Output</a></span>');
   		  document.getElementById("populate_variables_output").innerHTML=xmlhttp.responseText;
   	      document.getElementById("final_status").innerHTML = ntp_note+'<b>Configuration failed. Please check your ansible output for errors. Click here to<a href="/configure_openstack"> reconfigure</a>.</b>';
   		  //document.getElementById("populate_variables").innerHTML = ' <span class="glyphicon glyphicon-remove"></span> Populate variables failed.';
   	   }

       });
   }

   $( document ).ready(function() {
       taskfunction();
   });

</script>
<!--page start->
   <div class="panel panel-primary" style="width:70%;text-align:left;margin-left:auto; margin-right:auto;margin-top:100px">
     <!-- Default panel contents -->
<div class="panel-heading">Configuring TrilioVault Appliance </div>
<!-- List group -->
<ul class="list-group">
   <li id="populate_variables" class="list-group-item"><span class="glyphicon"></span>
      Populate Variables
   </li>
   <div id="populate_variables_output" style="padding: 0px 15px; display: none; zoom: 90%;"></div>
   <li id="configure_host" class="list-group-item"><span class="glyphicon"></span>
      Configuring TrilioVault Cluster
   </li>
   <div id="configure_host_output" style="padding: 0px 15px; display: none; zoom: 90%;"></div>
   <li id="configure_workloadmgr" class="list-group-item"><span class="glyphicon"></span>
      Configuring Workload Manager
   </li>
   <div id="configure_workloadmgr_output" style="padding: 0px 15px; display: none; zoom: 90%;"></div>
   <li id="syncup_database" class="list-group-item"><span class="glyphicon"></span>
      Setting Workload Manager Database
   </li>
   <li id="ensure_trust_creation" class="list-group-item"><span class="glyphicon"></span>
      Ensuring Trust Creation
   </li>
   %if 'workloads_import' in locals() and workloads_import == 'True':
   <li id="workloads_import" class="list-group-item"><span class="glyphicon"></span>
      Import Workloads from Backup Media
   </li>
   %end
   <li id="final_status" class="list-group-item"><span class="glyphicon"></span>
      Final Status
   </li>
</ul>
<div id="alert" class="alert alert-danger" role="alert" style="display:none">
   <p id="error_message"> Error Message </p>
</div>
</div>
<div id="next_step"></div>
<!-- page end-->
<!-- container section end -->
%rebase layout title="Configuring TrilioVault Clusters ..."