Click here to open AWS web console for Ophan account()

in src/uiHtml.ts [80:129]
44 lines of code
4 McCabe index (conditional complexity)

			<a href="https://janus.gutools.co.uk/console?permissionId=ophan-dev&tzOffset=1" target="_blank">Click here to open AWS web console for Ophan account (via Janus)</a>
			</p>
			<form id="form" onsubmit="onFormSubmit(event)">

				<label for="url">Image URL:</label><br>
				<input type="text" id="url" name="url" value=""><br><br>

				<label for="width">Width:</label><br>
				<input type="number" id="width" name="width" value="400"><br><br>

				<label for="height">Height:</label><br>
				<input type="number" id="height" name="height"><br><br>

				<label for="height">Quality (value between 0 and 100):</label><br>
				<input type="number" id="quality" name="quality" value="75"><br><br>

				<input type="submit" value="Submit">
			  </form>
			  <input id="result-text" type="text" readonly></input>
			  <img src="" id="result-img">
			  <script>
				  function onFormSubmit(event) {
					event.preventDefault();
					const formElement = document.getElementById('form');
					const formData = new FormData(formElement);
					const formMap = {
						url: formData.get('url'),
						profile: {}
					};
					for (const key of ['width', 'height', 'quality']) {
						if (formData.get(key)) {
							formMap.profile[key] = formData.get(key);
						}
					}
					fetch("/signed-image-url", {
						method: 'POST',
						body: JSON.stringify(formMap),
						credentials: 'include',
						headers: {
							'Content-Type': 'application/json',
						  }
					})
						.then((res) => res.json())
						.then((resBody) => {
							const url = resBody.signedUrl;
							document.getElementById('result-img').src = url;
							document.getElementById('result-text').value = url;
						});

				  }