mirror of
https://github.com/mosbth/cimage.git
synced 2025-07-21 08:41:22 +02:00
103 lines
2.5 KiB
Plaintext
103 lines
2.5 KiB
Plaintext
<!doctype html>
|
|
<head>
|
|
<meta charset='utf-8'/>
|
|
<title><?=$title?></title>
|
|
<style>
|
|
body {background-color: #ccc;}
|
|
</style>
|
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
window.getDetails = function (url, id) {
|
|
$.getJSON(url, function(data) {
|
|
element = document.getElementById(id);
|
|
element.innerHTML = "filename: " + data.filename + "\ncolors: " + data.colors + "\nsize: " + data.size + "\nwidth: " + data.width + "\nheigh: " + data.height + "\naspect-ratio: " + data.aspectRatio;
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<h1><?=$title?></h1>
|
|
|
|
<?php if (isset($description)) : ?>
|
|
<p><?=$description?></p>
|
|
<?php endif; ?>
|
|
|
|
<h2>Images used in test</h2>
|
|
|
|
<p>The following images are used for this test.</p>
|
|
|
|
<?php foreach($images as $image) : ?>
|
|
<p>
|
|
<code>
|
|
<a href="img/<?=$image?>"><?=$image?></a>
|
|
<a href="<?=$imgphp . $image . '&json'?>">(json)</a>
|
|
<a href="<?=$imgphp . $image . '&verbose'?>">(verbose)</a>
|
|
</code>
|
|
<br>
|
|
<img src="<?=$imgphp . $image?>"></p>
|
|
<p></p>
|
|
|
|
<pre id="<?=$image?>"></pre>
|
|
<script type="text/javascript">window.getDetails("<?=$imgphp . $image . '&json'?>", "<?=$image?>")</script>
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
|
|
|
<h2>Testcases used for each image</h2>
|
|
|
|
<p>The following testcases are used for each image.</p>
|
|
|
|
<?php foreach($testcase as $tc) : ?>
|
|
<code><?=$tc?></code><br>
|
|
<?php endforeach; ?>
|
|
|
|
|
|
|
|
<h2>For each image, apply all testcases</h2>
|
|
|
|
<?php
|
|
$ch1 = 1;
|
|
foreach($images as $image) :
|
|
?>
|
|
<h3><?=$ch1?>. Using source image <?=$image?></h3>
|
|
|
|
<p>
|
|
<code>
|
|
<a href="img/<?=$image?>"><?=$image?></a>
|
|
<a href="<?=$imgphp . $image . '&json'?>">(json)</a>
|
|
<a href="<?=$imgphp . $image . '&verbose'?>">(verbose)</a>
|
|
</code>
|
|
<br>
|
|
<img src="<?=$imgphp . $image?>">
|
|
</p>
|
|
|
|
<pre id="<?=$ch1?>"></pre>
|
|
<script type="text/javascript">window.getDetails("<?=$imgphp . $image . '&json'?>", "<?=$ch1?>")</script>
|
|
|
|
<?php
|
|
$ch2 = 1;
|
|
foreach($testcase as $tc) :
|
|
$tcId = "$ch1.$ch2";
|
|
?>
|
|
<h4>Testcase <?=$tcId?>: <?=$tc?></h4>
|
|
|
|
<p>
|
|
<code>
|
|
<a href="<?=$imgphp . $image . $tc?>"><?=$image . $tc?></a>
|
|
<a href="<?=$imgphp . $image . $tc . '&json'?>">(json)</a>
|
|
<a href="<?=$imgphp . $image . $tc . '&verbose'?>">(verbose)</a>
|
|
</code>
|
|
<br>
|
|
<img src="<?=$imgphp . $image . $tc?>">
|
|
</p>
|
|
|
|
<pre id="<?=$tcId?>"></pre>
|
|
<script type="text/javascript">window.getDetails("<?=$imgphp . $image . $tc . '&json'?>", "<?=$tcId?>")</script>
|
|
|
|
<?php $ch2++; endforeach; ?>
|
|
<?php $ch1++; endforeach; ?>
|
|
|