Как создать простой модуль DLE ?

вопрос

Доброго времени суток, DLE 10.1
Постала задача вывести на статической странице таблицу задач, (по строкам дни, в колонках промежутки времени).
в папке /engine/inc/ создал файл graph.php , его содержимое:

Показать / Скрыть текст

<?php
if( !defined( 'DATALIFEENGINE' ) OR !defined( 'LOGGED_IN' ) ) {
	die( "Hacking attempt!" );
}

if( ! $user_group[$member_id['user_group']]['admin_rssinform'] ) {
	msg( "error", $lang['index_denied'], $lang['index_denied'] );
}

if( isset( $_REQUEST['id'] ) ) $id = intval( $_REQUEST['id'] ); else $id = "";

if( $_REQUEST['action'] == "doadd" ) {
	
	if( $_REQUEST['user_hash'] == "" or $_REQUEST['user_hash'] != $dle_login_hash ) {
		
		die( "Hacking attempt! User not found" );
	
	}
	
	
	header( "Location: http://" . $_SERVER["HTTP_HOST"] . $_SERVER["PHP_SELF"] . "?mod=graph" );
}

	echoheader( "", "" );
	
	echo <<<HTML
<style>
#result {
  position:fixed;
  background:#333;
  bottom:0;left:50%;
  transform: translateX(-50%) translateY(50%);
  padding:10px;
  color:#fff;
  font-size:0;
  padding:1px;
  transition:.5s;
}
#result:hover {transform: translateX(-50%) translateY(0);}
#result input {width:calc(50% - 2px);height:30px;border:0;outline:0;text-align:center;margin:1px;background:#fff}
#result span {display:inline-block;font-size:12px;line-height:28px;width:calc(50% - 2px);height:30px;color:#fff;text-align:center;margin:1px;background:rgba(255,255,255,.5)}
#result input[type=button] {height:32px;background:rgba(0,0,0,.5);color:#fff}
#result #from {width:calc(50% - 3px);height:32px;}
#result #from::-webkit-clear-button,
#result #from::-webkit-inner-spin-button {
    display: none;
}
/*Table Styles*/
.table-fill {
  background: white;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
.table-fill th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-right: 1px solid #343a45;
  font-size:23px;
  font-weight: 100;
  padding:24px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
.table-fill th:last-child {
  border-right:none;
}
.table-fill tr {
  border-bottom: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
}
.table-fill tr:hover td {
  background:#4E5066;
  border-bottom: 1px solid #22262e;
  color:#fff;
}
.table-fill tr:hover td a {
  color:#FFFFFF;
}
.table-fill tr:last-child {
  border-bottom:none;
}
.table-fill tr:nth-child(odd) td {
  background:#EBEBEB;
}
.table-fill tr:nth-child(odd):hover td {
  background:#4E5066;
}
.table-fill td {
  background:#FFFFFF;
  position: relative;
  padding:20px;
  text-align:left;
  vertical-align:middle;
  font-size:18px;
  border-right: 1px solid #C1C3D1;
}
.table-fill td select {
  background:none;
  width: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  text-align-last: center;
}
.table-fill tr td:nth-child(3), .table-fill tr td:nth-child(4), .table-fill tr td:nth-child(5) {
  text-align: center;
}
.table-fill tr td a, .table-fill tr td select {
  position: absolute;
  top:0;left:0;right:0;bottom:0;
  padding:20px;
  color:#101010;
  font-weight:bold;
  text-decoration: none;
}
</style>
<table class="table-fill">
  <thead>
    <tr>
      <th colspan="2">График занятий</th><th>14-15:00</th><th>18-19:00</th><th>19-20:00</th>
    </tr>
  </thead>
  <tbody class="table-hover">
    
  </tbody>
</table>
<div id="result">
  <span>Сколько дней выводим?</span>
  <span>Дата начала</span>
  <input id="rows" type="text" onkeypress="validate(event)" value="14" placeholder="Сколько дней выводим?">
  <input id="from" type="date" value="2017-03-13" placeholder="Дата начала">
  <input id="gen" type="button" value="Сгенерировать">
  <input id="save" type="button" value="Сохранить">
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
var weekday = new Array('Вс','Пн','Вт','Ср','Чт','Пт','Сб');
var table = $(".table-hover");
var result = [];

function validate(evt) {
  var theEvent = evt || window.event;
  var key = theEvent.keyCode || theEvent.which;
  key = String.fromCharCode(key);
  var regex = /[0-9]|\./;
  if (!regex.test(key)) {
    theEvent.returnValue = false;
    if (theEvent.preventDefault) theEvent.preventDefault()
  }
}
$("#gen").click(function() {
  table.empty();
  var rows = $("#rows").val() - 1;
  var date = new Date($("#from").val());
  for (var i = 0; i <= rows; i++) {
    var day, month, year;
    month = date.getMonth() + 1;
    month = ('0'+ month).slice(-2);
    year = date.getFullYear();
    day = date.getDate();
    day = ('0'+ day).slice(-2);
    table.append("<tr><td>" + weekday[date.getDay()] + "</td><td>" + [day, month, year].join(",") + "</td><td><select></select></td><td><select></select></td><td><select></select></td></tr>");
    date.setDate(date.getDate() + 1)
  }
  $("select").append('<option value="1">X</option><option value="2">Start up</option><option value="3">Base</option><option value="4">Advanced</option><option value="5">VIP</option>');
  return date, rows
});
$("#save").click(function() {
  $("select").each(function(indx) {
    result[indx] = $(this).val()
  });
  
	$.ajax({        
		type: "POST",
		url: "/engine/ajax/graph.php",
		data: { vals : result, from : date, rcount : rows },
		success: function() {
			$('#save').css('color','lime');
		}
	}); 
});
</script>
HTML;

	echofooter();

?>

На статической странице, такая же таблица. И мне нужно ее так же заполнить. Вот только данные нужно ей как то передать. result - массив со значениями select'ov, date - дата начала, rows - количество tr в tbody.
Первая переменная генерируется исходя из заданных (date и rows).
Поэтому, что бы на сайте отобразить такую же таблицу, необходимо передать эти переменные.
Как мне это лучше сделать?