function PageContent()
{
global $objSound;
?>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// fix to preserve width of cells
var fixHelper = function(e, ui) {
ui.children().each(function() {
$(this).width($(this).width());
});
return ui;
};
var saveIndex = function(e, ui) {
//alert("New position: " + ui.item.index());
//alert("Image Id: " + ui.item.attr("id"));
id = ui.item.attr("id").replace("img_", "");
$.ajax({
url: 'soundtest_list.php',
data: {
dragsort: 1,
idx: ui.item.index(),
id: id
},
type: 'POST',
dataType: 'html',
success: function (data) {
//alert("done");
},
error: function (xhr, status) {
alert('Sorry, there was a problem!');
}
});
}; // end saveIndex
$("#list_table tbody").sortable({
helper: fixHelper,
stop: saveIndex
}).disableSelection();
}); // end document.ready
</script>
<style>
.icon-resize-vertical:hover {
cursor:grab;
}
</style>
<div class="layout center-flex">
<?php
$aLabels = array();
$aLinks = array();
$aLabels[0] = 'Home';
$aLinks[0] = 'mainpage.php';
$aLabels[1] = 'Category List';
$aLinks[1] = 'category_list.php';
$aLabels[2] = 'Sound';
$aLinks[2] = 'sound_list.php&cat=' . $_REQUEST['cat'];
$aLabels[3] = 'Sound Test List';
$aList[3] = '';
echo Helpers::CreateBreadCrumbs($aLabels, $aLinks);
?>
<div class="bigbotspace flex-container space-between">
<p class="larger auto heading">Sound Tests</p>
<a href="soundtest_admin.php?cat=<?php
echo $_REQUEST['cat'];
?>
&sound=<?php
echo $objSound->Id;
?>
" class="button_link"><button class="">Add New Sound Test</button></a>
</div>
</div>
<div class="layout">
<table class="tablestyle" id="list_table">
<thead>
<tr>
<th>ID</th>
<th>Image 1</th>
<th>Image 2</th>
<th>Image 3</th>
<th class="mid">Order</th>
<th class="mid">Actions</th>
</tr>
</thead>
<tbody>
<?php
$objSoundTest = new SoundTest();
$oSoundTest = $objSoundTest->getAllSoundTestBySoundId($objSound->Id);
foreach ($oSoundTest as $soundtest) {
echo '<tr id="img_' . $soundtest->Id . '">' . PHP_EOL;
echo '<td>' . $soundtest->Id . '</td>' . PHP_EOL;
echo '<td><img src="/' . $objSoundTest->GetPath() . $soundtest->ImageUrl1 . '" style="max-width: 200px;" /></td>' . PHP_EOL;
echo '<td><img src="/' . $objSoundTest->GetPath() . $soundtest->ImageUrl2 . '" style="max-width: 200px;" /></td>' . PHP_EOL;
echo '<td><img src="/' . $objSoundTest->GetPath() . $soundtest->ImageUrl3 . '" style="max-width: 200px;" /></td>' . PHP_EOL;
echo '<td class="mid"><img src="img/arrow-up-down.png" /></td>' . PHP_EOL;
echo '<td class="mid"><a href="soundtest_admin.php?cat=' . $_REQUEST['cat'] . '&sound=' . $_REQUEST['sound'] . '&id=' . $soundtest->Id . '"><img src="img/edit-icon.png" /></a> <a href="soundtest_delete.php?cat=' . $_REQUEST['cat'] . '&sound=' . $_REQUEST['sound'] . '&id=' . $soundtest->Id . '"><img src="img/delete-icon.png" /></a></td>' . PHP_EOL;
echo '</tr>' . PHP_EOL;
}
?>
</tbody>
</table>
</div> <!-- layout -->
<?php
}
</div>
<p class="tech-description"><?php
echo $oSound[0]->OverviewText;
?>
</p>
</div>
<?php
$iCnt = 0;
foreach ($oSoundTest as $soundtest) {
$iCnt++;
echo '<div class="test-' . $iCnt . '">' . PHP_EOL;
echo ' <p class="tech-description">' . $soundtest->SoundTestDescription . '</p>' . PHP_EOL;
echo ' <div class="pods">' . PHP_EOL;
echo ' <div class="pod" id="audio_test1">' . PHP_EOL;
echo ' <img class="pod-x" src="assets/img/modalx.png" alt="x">' . PHP_EOL;
echo ' <img src="/' . $objSoundTest->GetPath() . $soundtest->ImageUrl1 . '" alt="65db">' . PHP_EOL;
echo ' <audio id="audio_testfile1"><source src="/' . $objSoundTest->GetPath() . $soundtest->SoundUrl1 . '" type="audio/wav"></audio>' . PHP_EOL;
echo ' <h4>' . $soundtest->Text1 . '</h4>' . PHP_EOL;
echo ' </div>' . PHP_EOL;
echo ' <div class="pod" id="audio_test2">' . PHP_EOL;
echo ' <img class="pod-x" src="assets/img/modalx.png" alt="x">' . PHP_EOL;
echo ' <img src="/' . $objSoundTest->GetPath() . $soundtest->ImageUrl2 . '" alt="55db">' . PHP_EOL;
echo ' <h4>' . $soundtest->Text2 . '</h4>' . PHP_EOL;
echo ' <audio id="audio_testfile2"><source src="/' . $objSoundTest->GetPath() . $soundtest->SoundUrl2 . '" type="audio/wav"></audio>' . PHP_EOL;
echo ' </div>' . PHP_EOL;
echo ' <div class="pod" id="audio_test3">' . PHP_EOL;
echo ' <img class="pod-x" src="assets/img/modalx.png" alt="x">' . PHP_EOL;
echo ' <img src="/' . $objSoundTest->GetPath() . $soundtest->ImageUrl3 . '" alt="35db">' . PHP_EOL;
echo ' <h4>' . $soundtest->Text3 . '</h4>' . PHP_EOL;
echo ' <audio id="audio_testfile3"><source src="/' . $objSoundTest->GetPath() . $soundtest->SoundUrl3 . '" type="audio/wav"></audio>' . PHP_EOL;
echo ' </div>' . PHP_EOL;
} else {
if ($_REQUEST['mode'] == 'e') {
//listing
$objSoundTest = new SoundTest($id);
$sound_id = $objSoundTest->SoundId;
$sound_test_description = $objSoundTest->SoundTestDescription;
$sound_url1 = $objSoundTest->SoundUrl1;
$sound_url2 = $objSoundTest->SoundUrl2;
$sound_url3 = $objSoundTest->SoundUrl3;
$image_url1 = $objSoundTest->ImageUrl1;
$image_url2 = $objSoundTest->ImageUrl2;
$image_url3 = $objSoundTest->ImageUrl3;
$text1 = $objSoundTest->Text1;
$text2 = $objSoundTest->Text2;
$text3 = $objSoundTest->Text3;
$path = $objSoundTest->GetPath();
} else {
if ($_REQUEST['mode'] == 'a') {
$sound_id = $_REQUEST["sound"];
}
}
}
include "includes/pagetemplate.php";
function PageContent()
{
global $id;
global $sound_id;
global $sound_test_description;
global $sound_url1;
global $sound_url2;
global $sound_url3;