Skip to content

Commit

Permalink
Add Quest DB browser, track first seen/last updated builds
Browse files Browse the repository at this point in the history
  • Loading branch information
@Marlamin
Marlamin committed May 7, 2020
1 parent c25077f commit 24a9f5c
Show file tree
Hide file tree
Showing 5 changed files with 254 additions and 3 deletions.
10 changes: 8 additions & 2 deletions db/creature_api.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,12 @@
case 1:
$orderby .= "creatures.name";
break;
case 2:
$orderby .= "creatures.firstseenbuild";
break;
case 3:
$orderby .= "creatures.lastupdatedbuild";
break;
}

switch($_GET['order'][0]['dir']){
Expand All @@ -61,7 +67,7 @@
$length = (int)filter_input( INPUT_GET, 'length', FILTER_SANITIZE_NUMBER_INT );

$numrowsq = $pdo->prepare("SELECT COUNT(1) " . $query);
$dataq = $pdo->prepare("SELECT id, name " . $query . $orderby . " LIMIT " . $start .", " . $length);
$dataq = $pdo->prepare("SELECT * " . $query . $orderby . " LIMIT " . $start .", " . $length);

if(!empty($search)){
$numrowsq->bindParam(":search1", $search);
Expand All @@ -79,7 +85,7 @@
$returndata['data'] = array();

foreach($dataq->fetchAll() as $row){
$returndata['data'][] = array($row['id'], $row['name']);
$returndata['data'][] = array($row['id'], $row['name'], $row['firstseenbuild'], $row['lastupdatedbuild']);
}

echo json_encode($returndata);
Expand Down
2 changes: 1 addition & 1 deletion db/creatures.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<div class='container-fluid'>
<h3>Creatures</h3>
<table class='table table-striped' id='creatures'>
<thead><tr><th style='width: 100px'>ID</th><th>Name</th></tr>
<thead><tr><th style='width: 100px'>ID</th><th>Name</th><th style='width: 120px'>First seen build</th><th style='width: 120px'>Last update build</th></tr>
</table>
<div id="creatures_preview" style="display: block;"></div>
</div>
Expand Down
11 changes: 11 additions & 0 deletions db/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,17 @@
padding-left: 15px;
}

#quests_wrapper{
width: 45%;
float: left;
}

#quests_preview{
width: 55%;
float: left;
padding-left: 15px;
}

tr.selected{
background-color: #8bc34aa1 !important;
}
Expand Down
83 changes: 83 additions & 0 deletions db/quest_api.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<?php
require_once("../inc/config.php");

if(!empty($_GET['id'])){
$q = $pdo->prepare("SELECT json FROM wowdata.quests WHERE id = ?");
$q->execute([$_GET['id']]);

header("Content-Type: application/json");

$row = $q->fetch(PDO::FETCH_ASSOC);
if(empty($row)){
die(json_encode(["error" => "Quest not found!"]));
}

$quest = json_decode($row['json'], true);

echo json_encode($quest);

die();
}

$query = "FROM wowdata.quests ";

if(!empty($_GET['search']['value'])){
$query .= " WHERE id LIKE :search1 OR name LIKE :search2";
$search = "%". $_GET['search']['value'] . "%";
}

$orderby = '';
if(!empty($_GET['order'])){
$orderby .= " ORDER BY ";
switch($_GET['order'][0]['column']){
case 0:
$orderby .= "quests.id";
break;
case 1:
$orderby .= "quests.name";
break;
case 2:
$orderby .= "quests.firstseenbuild";
break;
case 3:
$orderby .= "quests.lastupdatedbuild";
break;
}

switch($_GET['order'][0]['dir']){
case "asc":
$orderby .= " ASC";
break;
case "desc":
$orderby .= " DESC";
break;
}
}

$start = (int)filter_input( INPUT_GET, 'start', FILTER_SANITIZE_NUMBER_INT );
$length = (int)filter_input( INPUT_GET, 'length', FILTER_SANITIZE_NUMBER_INT );

$numrowsq = $pdo->prepare("SELECT COUNT(1) " . $query);
$dataq = $pdo->prepare("SELECT * " . $query . $orderby . " LIMIT " . $start .", " . $length);

if(!empty($search)){
$numrowsq->bindParam(":search1", $search);
$numrowsq->bindParam(":search2", $search);
$dataq->bindParam(":search1", $search);
$dataq->bindParam(":search2", $search);
}

$numrowsq->execute();
$dataq->execute();

$returndata['draw'] = (int)$_GET['draw'];
$returndata['recordsFiltered'] = (int)$numrowsq->fetchColumn();
$returndata['recordsTotal'] = $pdo->query("SELECT count(id) FROM wowdata.quests")->fetchColumn();
$returndata['data'] = array();

foreach($dataq->fetchAll() as $row){
$returndata['data'][] = array($row['id'], $row['name'], $row['firstseenbuild'], $row['lastupdatedbuild']);
}

echo json_encode($returndata);
?>
151 changes: 151 additions & 0 deletions db/quests.php
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
<?php require_once("../inc/header.php");
?><link href="/db/css/style.css?v=<?=filemtime("/var/www/wow.tools/db/css/style.css")?>" rel="stylesheet"><?php
if(!empty($_GET['id'])){
$q = $pdo->prepare("SELECT json FROM wowdata.quests WHERE id = ?");
$q->execute([$_GET['id']]);

$quest = json_decode($q->fetch(PDO::FETCH_ASSOC)['json'], true);
if(empty($quest)){
die("Creature not found!");
}

echo json_encode($quest);
die();
}
?>
<div class='container-fluid'>
<h3>Quests</h3>
<table class='table table-striped' id='quests'>
<thead><tr><th style='width: 100px'>ID</th><th>Name</th><th style='width: 120px'>First seen build</th><th style='width: 120px'>Last update build</th></tr>
</table>
<div id="quests_preview" style="display: block;"></div>
</div>
<script type='text/javascript'>
var Elements = {};

(function() {
var searchHash = location.hash.substr(1),
searchString = searchHash.substr(searchHash.indexOf('search=')).split('&')[0].split('=')[1];

if(searchString != undefined && searchString.length > 0){
searchString = decodeURIComponent(searchString);
}

var page = (parseInt(searchHash.substr(searchHash.indexOf('page=')).split('&')[0].split('=')[1], 10) || 1) - 1;
var sortCol = searchHash.substr(searchHash.indexOf('sort=')).split('&')[0].split('=')[1];
if(!sortCol){
sortCol = 0;
}

var sortDesc = searchHash.substr(searchHash.indexOf('desc=')).split('&')[0].split('=')[1];
if(!sortDesc){
sortDesc = "asc";
}

Elements.table = $('#quests').DataTable({
"processing": true,
"serverSide": true,
"search": { "search": searchString },
"ajax": "/db/quest_api.php",
"pageLength": 25,
"displayStart": page * 25,
"autoWidth": false,
"pagingType": "input",
"orderMulti": false,
"order": [[sortCol, sortDesc]]
});

$('#quests').on( 'draw.dt', function () {
var currentSearch = encodeURIComponent($("#quests_filter label input").val());
var currentPage = $('#quests').DataTable().page() + 1;

var sort = $('#quests').DataTable().order();
var sortCol = sort[0][0];
var sortDir = sort[0][1];

var url = "search=" + currentSearch + "&page=" + currentPage + "&sort=" + sortCol +"&desc=" + sortDir;

window.location.hash = url;

$("[data-toggle=popover]").popover();
});

$('#quests').on('click', 'tbody tr td', function() {
$("#quests_preview").html("Loading..");
var data = Elements.table.row($(this).parent()).data();
loadQuestInfo(data[0])
.then(data => {
renderQuestInfo(data); // JSON data parsed by `response.json()` call
});

$(".selected").removeClass("selected");
$(this).parent().addClass('selected');
});

}());

async function loadQuestInfo(id){
const response = await fetch("/db/quest_api.php?id=" + id, {
method: 'GET',
headers: {
'Content-Type': 'application/json'
}
});
return response.json();
}

function renderQuestInfo(info){
let result = "";
result += "<h2>" + info["LogTitle"] + "</h2>";
if("QuestDescription" in info){
result += "<p>" + info["QuestDescription"] + "</p>";
}
result += "<div id='tableContainer' style='max-height: 1080px'><table class='table table-sm table-striped table-hover' id='questInfoTable'></table></div>";

$("#quests_preview").html(result);

Object.keys(info).forEach(function (key) {
const val = info[key];
if(val != ""){
$("#questInfoTable").append("<tr><td>" + key + "</td><td>" + val + "</td></tr>");
}

});
}

function locationHashChanged(event) {
var searchHash = location.hash.substr(1),
searchString = searchHash.substr(searchHash.indexOf('search=')).split('&')[0].split('=')[1];

if(searchString != undefined && searchString.length > 0){
searchString = decodeURIComponent(searchString);
}

if($("#quests_filter label input").val() != searchString){
$('#quests').DataTable().search(searchString).draw(false);
}
var page = (parseInt(searchHash.substr(searchHash.indexOf('page=')).split('&')[0].split('=')[1], 10) || 1) - 1;
if($('#quests').DataTable().page() != page){
$('#quests').DataTable().page(page).draw(false);
}

var sortCol = searchHash.substr(searchHash.indexOf('sort=')).split('&')[0].split('=')[1];
if(!sortCol){
sortCol = 0;
}

var sortDesc = searchHash.substr(searchHash.indexOf('desc=')).split('&')[0].split('=')[1];
if(!sortDesc){
sortDesc = "asc";
}

var curSort = $('#quests').DataTable().order();
if(sortCol != curSort[0][0] || sortDesc != curSort[0][1]){
$('#quests').DataTable().order([sortCol, sortDesc]).draw(false);
}
}



window.onhashchange = locationHashChanged;
</script>

0 comments on commit 24a9f5c

Please sign in to comment.