{% extends "layout.html" %}
{% block container %}
          <div class="card" id="data-el-4">
            <div id="tgr-list" class="card-body ov-auto">
	      {% if not 'bucket_name' in sg_status.keys() %}
	        <p>Bucket Configuration Missing: Please set up the <a href='/gcloud/configure'>Transfer Service</a> first.</p>
	      {% else %}
	      <h5 class="card-title">Available TGR's</h5>
	      {% for tgr_name, tgr_ip in sg_status['tgr'].items() %}
	      {% set tgrs = 'true' %}
              <div class="row" style="margin-top: 2px; margin-left: 15px">
		      <input name="tgr_name" class="chkbox" type="checkbox" value="{{tgr_name}}">
		      <span class="tgr-col" style="margin-left: 5px; width: 200px;"> {{tgr_name}}</span>
		      <span class="tgr-col">{{tgr_ip}} (<span id="{{tgr_name}}_status">Checking...</span>)</span>
              </div>
	      {% endfor %}
	      {% if sg_status['tgr'].items() %}
              <div class="row" style="margin-top: 25px">
                <div class="col"><input id="tgr-did" class="form-control" type="text" placeholder="Data Admin-ID"></div>
		<div class="col"><input id="tgr-dmk" class="form-control" type="password" placeholder="DMK"></div>
              </div>
              <div class="input-group" style="margin-top: 10px">
	        <div id="tgr_list_status" class="form-control scroll-x"></div>
                <div class="input-group-append">
	          <button id="pull" class="btn btn-dark text-white">Push Data</button>
                </div>
              </div>
              <div class="card scroll" id="data-el-4" style="height: 25vh;">
                <h5 class="card-title" style="margin: 5px;">Transfer Results</h5>
                <pre id='xfr-results' style="margin: 5px; line-height: 100%"></pre>
              </div>
	      {% else %}
	      	No TGR's Are Available.<br>
		<a href="/tgr/add">Add TGR</a>
              {% endif %}
	      {% endif %}
	    </div>
	  </div>
<script>
$(function(){
	var auth = {};
	$('input:checkbox[name="tgr_name"]').each(function() {
		check_status($(this).val());
	});

	function check_dmk() {
		auth = { did: $('#tgr-did').val(), dmk: $('#tgr-dmk').val() };
		$('#tgr-did').val('');
		$('#tgr-dmk').val('');
		var res = {};
		$.ajax({
			url: "/tgr/check_dmk",
			type: "POST",
			data: JSON.stringify(auth),
			contentType: "application/json",
			success: function(result) {
				res = result;
			},
			async: false
		});
		return res;
	}

	function manage_vault(tgr_name, command) {
		data = {
			did: auth['did'],
			dmk: auth['dmk'],
	       		tgr_name: tgr_name,
			command: command
		};
		if (command == 'pull') {
			url = '/tgr/remote-download-from-bucket';
		} else {
			url = '/tgr/manage_vault';
		}
		$.ajax({
			url: url,
			type: "POST",
			data: JSON.stringify(data),
			contentType: "application/json",
			success: function(data) {
				if (command == 'pull') {
					$('#xfr-results').append(tgr_name + ': ' + data['message'] + '\n');
					openvault(tgr_name);
				}
			}
		});
	}

	function check_status(tgr_name) {
		$('#' + tgr_name + '_status').text('Checking...');
		$('#xfr-results').append(tgr_name + ': Checking...\n');
		//var id_check_status = setTimeout(function(){check_status(tgr_name)}, 5000);
		$.getJSON('/tgr/status?type=pull&name=' + tgr_name, function(data) {
			$('#' + tgr_name + '_status').html(data['status_html']);
			if (data['status'] == 'in-progress') {
				$('#xfr-results').append(tgr_name + ': ' + data['message'] +'\n');
			} else if (data['status'] == 'close') {
				$('#xfr-results').append(tgr_name + ': Vault [closed]\n');
				$('#xfr-results').append(tgr_name + ': ' + data['message'] +'\n');
			} else {
				$('#xfr-results').append(tgr_name + ': Vault [' + data['status'] +']\n');
				$('#xfr-results').append(tgr_name + ': ' + data['message'] +'\n');
				//clearTimeout(id_check_status);
			}
		});
	}
	$('#status').click(function(){
		$('input:checkbox[name="tgr_name"]:checked').each(function() {
			check_status($(this).val());
		});
	});
	$('#pull').click(function(){
		$('#tgr_list_status').text('Authentication...');
		$('#xfr-results').append('Authentication...');
		res = check_dmk();
		$('#tgr_list_status').text(res['message']);
		if (res['result'] == 'OK') {
			$('#tgr_list_status').text('Authentication...Done.');
			$('#xfr-results').append('Done.\n');
			data = { did: auth['did'], dmk: auth['dmk'] };
			count = 0;
			$('input:checkbox[name="tgr_name"]:checked').each(function() {
				tgr_name = $(this).val();
				$('#' + tgr_name + '_status').text('Requested-pull data.');
				$('#xfr-results').append('Requested-pull data.\n');
				data['tgr_name'] = tgr_name;
				manage_vault(tgr_name, 'pull');
				count = count + 1;
			});
			if (count == 0) {
				$('#tgr_list_status').text('No TGR selected!');
			} else {
				$('#tgr_list_status').text('Requested push data for ' + count + ' TGR(s)');
			}
		} else {
			$('#tgr_list_status').text('Authentication...Failed.');
		}
	});

	function openvault(tgr_name) {
		var id = setTimeout(function(){openvault(tgr_name)}, 5000);
		$('#' + tgr_name + '_status').text('Checking...');
		$('#xfr-results').append(tgr_name + ': Checking...\n');
		$.getJSON('/tgr/status?type=pull&name=' + tgr_name, function(data) {
			$('#' + tgr_name + '_status').html(data['status_html']);
			if (data['status'] == 'close') {
				$('#' + tgr_name + '_status').text('Opening vault...');
				$('#xfr-results').append(tgr_name + ': Vault [closed]\n');
				$('#xfr-results').append(tgr_name + ': Opening vault...\n');
				manage_vault(tgr_name, 'open');
			} else if (data['status'] == 'open') {
				$('#xfr-results').append(tgr_name + ': Transfer finished.\n');
				$('#xfr-results').append(tgr_name + ': ' + data['message'] + '\n');
				clearTimeout(id);
			} else {
				$('#xfr-results').append(tgr_name + ': ' + data['message'] +'\n');
			}
		});
	}
});
</script>
{% endblock %}