redact-client 1.5.9

Receives request for private data and decrypts it to display securely in browser
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97

<html>
  <head>
    <style>
      {{ Secure.css }}
    </style>
  </head>
  <body>
    {{ #if Secure.edit }}
<form id="form" action="/secure/data/{{ Secure.path }}/{{ Secure.token }}?css={{ Secure.css }}&edit={{ Secure.edit }}{{ #if Secure.js_height_msg_prefix }}&js_height_msg_prefix={{ Secure.js_height_msg_prefix }}{{ /if }}{{ #if Secure.js_message }}&js_message={{ Secure.js_message }}{{ /if }}{{ #if Secure.relay_url }}&relay_url={{ Secure.relay_url }}{{ /if }}" method="POST" {{ #if Secure.is_binary_data }}enctype="multipart/form-data"{{/if}}>
      {{ #if Secure.relay_url }}
      <input type="hidden" value="{{ Secure.relay_url }}" id="relay_url" name="relay_url">
      {{ /if }}
	  {{ #if Secure.js_message }}
	  <input type="hidden" value="{{ Secure.js_message }}" id="js_message" name="js_message">
	  {{ /if }}
      <input type="hidden" value="{{ Secure.path }}" id="path" name="path">
      {{ data_input Secure.data }}
      <input type="submit" value="Submit" name="submit" id="submit">
    </form>
    {{ else }}
        {{ data_display Secure.data }}
    {{ /if }}

	<script>


	{{ #if Secure.js_height_msg_prefix }}
		var elem = document.getElementById('data');
		var video_elem = document.getElementById('data-video');

		if (elem != null) {
		  elem.addEventListener("load", function() {
			var message = atob("{{ Secure.js_height_msg_prefix }}") + elem.clientHeight;
			window.parent.postMessage(btoa(message), "*");
		  });
		} else if (video_elem != null) {
		  var message_video = atob("{{ Secure.js_height_msg_prefix }}") + video_elem.clientHeight;
		  window.parent.postMessage(btoa(message_video), "*");
		  console.log(message_video);
		}
	{{/if}}

	{{ #if Secure.js_message }}
	  {{ #if Secure.edit }}
		document.getElementById("form").addEventListener('submit', functSubmit);

		{{#if Secure.is_binary_data}}
			document.getElementById("form").enctype = 'multipart/form-data';
			function functSubmit(event) {
				const formTarget = event.target;
				var form = new FormData(formTarget);
				fetch(formTarget.action, {
					method: formTarget.method,
					body: form
				})
				.then((res) => {
				  window.parent.postMessage("{{ Secure.js_message }}", "*");
				  return res.text();
				});
				// Prevent the default form submit
				event.preventDefault();
			  }
		{{ else }}
		  function functSubmit(event) {
			const formTarget = event.target;
			var form = new FormData(formTarget);

			var formBody = [];
			for (let [name, value] of form) {
			  var encodedKey = encodeURIComponent(name);
			  var encodedValue = encodeURIComponent(value);
			  formBody.push(encodedKey + "=" + encodedValue);
			}
			formBody = formBody.join("&");

			fetch(formTarget.action, {
			  method: formTarget.method,
			  headers: {
				'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
			  },
			  body: formBody
			})
			.then((res) => {
				window.parent.postMessage("{{ Secure.js_message }}", "*");
			  return res.text();
			});

			// Prevent the default form submit
			event.preventDefault();
		  }
		{{/if}}
	  {{/if}}
	{{/if}}

    </script>
  </body>
</html>