justynroberts/fireduty.html

## fireduty.html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
    <div class="jumbotron">
     <h1 class="display-4">PagerDuty Events 🔥</h1>
     <p class="lead">Trigger a real-time Pagerduty Event using the events API. Will also respond to the big red button 🛑 </p>
     </p>
     <p class="lead">
        <button name="button"  id="mainbutton" class="btn btn-outline-danger btn.lg "type="button" >Create Event ☎️
        </button>
        <div class="input-group mb-3">
            <div class="input-group-prepend">
              <span class="input-group-text" id="inputGroup-sizing-default">Enter Crux Trigger URL </span>
            </div>
            <input type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default" name = "cruxurl1" id="cruxurl1">
          </div>
</html>
<script>
document.getElementById('cruxurl1').value=localStorage.getItem("cruxurl1");
document.addEventListener("keypress", function(event) {
  if (event.keyCode == 50) {
    eventfire()
  }
});
// retrieve data value
var name = localStorage.getItem("cruxurl1");
var button = document.querySelector('button');
button.onclick = function() {eventfire()}
function eventfire(){
    const doctext=document.getElementById('mainbutton')
    const cruxurl1=document.getElementsByName('cruxurl1')[0].value
    localStorage.setItem("cruxurl1", cruxurl1);
    doctext.innerHTML = "🔥🔥🔥🔥 Event Sent 🔥🔥🔥🔥"
    var url = cruxurl1;
    fetch(cruxurl1, {mode: 'no-cors'})
    .then((response) => {
    if (!response.ok) {
        doctext.innerHTML = "Create Event ☎️ "
    }
    doctext.innerHTML = "Create Event ☎️ "
  })
  .catch((error) => {
    doctext.innerHTML = "Error Sending Event ☠️ "
  });
};
</script>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	</head>
	<body>
	<div class="jumbotron">
	<h1 class="display-4">PagerDuty Events 🔥</h1>
	<p class="lead">Trigger a real-time Pagerduty Event using the events API. Will also respond to the big red button 🛑 </p>
	</p>
	<p class="lead">
	<button name="button" id="mainbutton" class="btn btn-outline-danger btn.lg "type="button" >Create Event ☎️
	</button>
	<div class="input-group mb-3">
	<div class="input-group-prepend">
	<span class="input-group-text" id="inputGroup-sizing-default">Enter Crux Trigger URL </span>
	</div>
	<input type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default" name = "cruxurl1" id="cruxurl1">
	</div>
	</html>
	<script>
	document.getElementById('cruxurl1').value=localStorage.getItem("cruxurl1");
	document.addEventListener("keypress", function(event) {
	if (event.keyCode == 50) {
	eventfire()
	}
	});
	// retrieve data value
	var name = localStorage.getItem("cruxurl1");
	var button = document.querySelector('button');
	button.onclick = function() {eventfire()}
	function eventfire(){
	const doctext=document.getElementById('mainbutton')
	const cruxurl1=document.getElementsByName('cruxurl1')[0].value
	localStorage.setItem("cruxurl1", cruxurl1);
	doctext.innerHTML = "🔥🔥🔥🔥 Event Sent 🔥🔥🔥🔥"
	var url = cruxurl1;
	fetch(cruxurl1, {mode: 'no-cors'})
	.then((response) => {
	if (!response.ok) {
	doctext.innerHTML = "Create Event ☎️ "
	}
	doctext.innerHTML = "Create Event ☎️ "
	})
	.catch((error) => {
	doctext.innerHTML = "Error Sending Event ☠️ "
	});
	};
	</script>