kost/notes.php

## notes.php
<?php
# quick and dirty notes script. kst
$DESTINATION="/out/of/web/root";

error_reporting(0);
if(isset($_POST['notecontent']))
{
	$ddir = date("Y-m-d-H-i-s");
	# $mdir = date("Y/m");
	$cdir = $DESTINATION."/".$ddir."-".rand().".txt";
	$ret=file_put_contents($cdir, $_POST['notecontent'], FILE_APPEND | LOCK_EX);
	if (!$ret) {
		header('X-PHP-Response-Code: 500', true, 500);
		die("Error in upload! Check dest dir!");
	}
	die('success');
}
?>
<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Bootstrap CSS -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

        <title>Notes</title>
    </head>
    <body>

        <div class="container">
            <h1 class="mt-3 mb-3 text-center">Notes</h1>

            <div class="card">
                <div class="card-body">
				<form id="formsubmit" method="POST" onsubmit="submitnote()" >
				<div id="notesdiv"><textarea class="form-control" name="notecontent" id="notecontent" cols="79" rows="18"></textarea></div>
				<div class="d-flex flex-row">
				<input class="form-control" type="submit" id="submitsend" value="Send" onsubmit="submitnote()" />
				<input class="form-control" type="reset" id="submitclear" value="Clear" onsubmit="clearcontent()" />
				</div>
				</form>
                </div>
            </div>
        </div>

	<div class="container">
	<div class="row">
	<div class="col-sm">

	<div class="progress" id="progress_bar" style="display:none; ">

	    <div class="progress-bar" id="progress_bar_process" role="progressbar" style="width:0%">0%</div>

	</div>
	</div>

	<div class="col-sm">
	<div id="uploaded_image"></div>
	</div>

	</div>
	</div>

	<div class="container">
	<div class="card">
	<form>
	<input class="form-control" type="submit" id="submitclear" value="Clear" onsubmit="clearlog()" />
	</form>
	<div id="logdiv"><textarea class="form-control" id="log" cols="70" rows="10"></textarea></div>
	</div>
	</div>
    </body>
</html>

<script>
console.log('script');

function _(element)
{
    return document.getElementById(element);
}

function addlog(text) {
    _('log').value +=  text + '\r\n';
}

function clearcontent()
{
	_('notecontent').value='';
}

function clearlog()
{
	_('log').value='';
}

function submitnote()
{
	var form_data = new FormData();
	var error = '';

	form_data.append("notecontent", _('notecontent').value);
	if(error != '')
	{
	    _('uploaded_image').innerHTML = error;

	    // _('notecontent').value = '';
	}
	else
	{

	_('progress_bar').style.display = 'block';

	var ajax_request = new XMLHttpRequest();

	ajax_request.open("POST", "<?= $_SERVER['PHP_SELF'] ?>");

	ajax_request.upload.addEventListener('progress', function(event){

	    var percent_completed = Math.round((event.loaded / event.total) * 100);

	    _('progress_bar_process').style.width = percent_completed + '%';

	    _('progress_bar_process').innerHTML = percent_completed + '% completed';

	});

	ajax_request.addEventListener('load', function(event){
	    if(ajax_request.readyState == 4 && ajax_request.status == 200) {
	    _('uploaded_image').innerHTML = '<div class="alert alert-success">Files Sent Successfully</div>';
			} else {

		 _('uploaded_image').innerHTML = '<div class="alert alert-danger">Files Not Sent Successfully</div>';
		 addlog(ajax_request.responseText);
		}
	    // _('select_file').value = '';
	});

	ajax_request.send(form_data);
	}
}

_('submitclear').onchange = function(event){
	clearlog();
}

_('formsubmit').onsubmit = function(event){
	submitnote();
	return false;
}


</script>
	<?php
	# quick and dirty notes script. kst
	$DESTINATION="/out/of/web/root";

	error_reporting(0);
	if(isset($_POST['notecontent']))
	{
	$ddir = date("Y-m-d-H-i-s");
	# $mdir = date("Y/m");
	$cdir = $DESTINATION."/".$ddir."-".rand().".txt";
	$ret=file_put_contents($cdir, $_POST['notecontent'], FILE_APPEND \| LOCK_EX);
	if (!$ret) {
	header('X-PHP-Response-Code: 500', true, 500);
	die("Error in upload! Check dest dir!");
	}
	die('success');
	}
	?>
	<!doctype html>
	<html lang="en">
	<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Bootstrap CSS -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

	<title>Notes</title>
	</head>
	<body>

	<div class="container">
	<h1 class="mt-3 mb-3 text-center">Notes</h1>

	<div class="card">
	<div class="card-body">
	<form id="formsubmit" method="POST" onsubmit="submitnote()" >
	<div id="notesdiv"><textarea class="form-control" name="notecontent" id="notecontent" cols="79" rows="18"></textarea></div>
	<div class="d-flex flex-row">
	<input class="form-control" type="submit" id="submitsend" value="Send" onsubmit="submitnote()" />
	<input class="form-control" type="reset" id="submitclear" value="Clear" onsubmit="clearcontent()" />
	</div>
	</form>
	</div>
	</div>
	</div>

	<div class="container">
	<div class="row">
	<div class="col-sm">

	<div class="progress" id="progress_bar" style="display:none; ">

	<div class="progress-bar" id="progress_bar_process" role="progressbar" style="width:0%">0%</div>

	</div>
	</div>

	<div class="col-sm">
	<div id="uploaded_image"></div>
	</div>

	</div>
	</div>

	<div class="container">
	<div class="card">
	<form>
	<input class="form-control" type="submit" id="submitclear" value="Clear" onsubmit="clearlog()" />
	</form>
	<div id="logdiv"><textarea class="form-control" id="log" cols="70" rows="10"></textarea></div>
	</div>
	</div>
	</body>
	</html>

	<script>
	console.log('script');

	function _(element)
	{
	return document.getElementById(element);
	}

	function addlog(text) {
	_('log').value += text + '\r\n';
	}

	function clearcontent()
	{
	_('notecontent').value='';
	}

	function clearlog()
	{
	_('log').value='';
	}

	function submitnote()
	{
	var form_data = new FormData();
	var error = '';

	form_data.append("notecontent", _('notecontent').value);
	if(error != '')
	{
	_('uploaded_image').innerHTML = error;

	// _('notecontent').value = '';
	}
	else
	{

	_('progress_bar').style.display = 'block';

	var ajax_request = new XMLHttpRequest();

	ajax_request.open("POST", "<?= $_SERVER['PHP_SELF'] ?>");

	ajax_request.upload.addEventListener('progress', function(event){

	var percent_completed = Math.round((event.loaded / event.total) * 100);

	_('progress_bar_process').style.width = percent_completed + '%';

	_('progress_bar_process').innerHTML = percent_completed + '% completed';

	});

	ajax_request.addEventListener('load', function(event){
	if(ajax_request.readyState == 4 && ajax_request.status == 200) {
	_('uploaded_image').innerHTML = '<div class="alert alert-success">Files Sent Successfully</div>';
	} else {

	_('uploaded_image').innerHTML = '<div class="alert alert-danger">Files Not Sent Successfully</div>';
	addlog(ajax_request.responseText);
	}
	// _('select_file').value = '';
	});

	ajax_request.send(form_data);
	}
	}

	_('submitclear').onchange = function(event){
	clearlog();
	}

	_('formsubmit').onsubmit = function(event){
	submitnote();
	return false;
	}


	</script>