kost · January 3, 2022 07:33
diff --git a/notes.php b/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/[email protected]/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/[email protected]/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>