<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../css/jqx.base.css">
<link rel="stylesheet" href="../css/jqx.bootstrap.css">
<link rel="stylesheet" href="../extension/Resources/Public/Css/qfq-bs.css">
<title>Input Mode Switcher</title>
<link rel="stylesheet" href="../less/qfq-bs.css.less">
</head>
<body>
<div>
<div class="blockscreenQfq"
style="position: fixed; left: 0px; right: 0px; top: 0px; z-index: 998; background: rgba(0, 0, 0, 0.5); width: 100%; height: 953px;"></div>
<div class="border-error alert-interactive removeMe" role="alert" style="z-index: 1000;"><p class="body">
<p><em>2018.12.10 16:44:59 +0100, Reference: 5c0e89fbb48d2</em></p>
<p>Missing parameter 'expectRecords'</p>
<div class="well well-sm" style="max-height: 380px; width: 920px; color: black; overflow-y: scroll; overflow-x: hidden;">
<div class="row" style="margin-bottom: 10px;">
<div class="col-md-2">
<span style="color: grey;">Form</span><br>
Form Title
</div>
<div class="col-md-2">
<span style="color: grey;">Form Element</span><br>
<span style="color: silver;">100</span> Full Name
</div>
<div class="col-md-1">
<span style="color: grey;">pid</span><br>
1
</div>
<div class="col-md-2">
<span style="color: grey;">Content Id</span><br>
1600
</div>
<div class="col-md-2">
<span style="color: grey;">FE User</span><br>
Cool User
</div>
<div class="col-md-3" style="text-align: right;">
<a href="index.php?id=form&s=5c0e89f66783c" class="btn btn-default">Form</a>
<a href="index.php?id=form&s=5c0e89fbb5a7c" class="btn btn-default">Form Element</a>
</div>
</div>
<div class="row">
<div class="col-md-4">
<span style="color: grey;">Type</span><br>
User Form Exception
</div>
<div class="col-md-8">
<span style="color: grey;">To User</span><br>
Missing parameter 'expectRecords'
</div>
</div>
<div style="margin-top: 25px; margin-bottom: 10px; text-align: center;">
<button class="btn btn-default" onclick="$('#detail-1').toggle(600);">Show more details</button>
</div>
<table id="detail-1" class="table qfq-table-80" style="display: none;">
<thead>
<tr>
<th colspan="2">Details</th>
</tr>
</thead>
<tbody>
<tr>
<td>File</td>
<td>/var/www/html/crose/qfq/typo3conf/ext/qfq/qfq/qfq/form/FormAction.php</td>
</tr>
<tr>
<td>Line</td>
<td>299</td>
</tr>
<tr>
<td>IP Address</td>
<td>192.168.133.205</td>
</tr>
<tr>
<td>HTTP User Agent</td>
<td>Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67
Safari/537.36
</td>
</tr>
<tr>
<td>QFQ Cookie</td>
<td>6grhl8dd78ujq24r7d4uk604kl</td>
</tr>
</tbody>
</table>
</div>
<p class="buttons">
<button type="button" class="btn btn-default">Ok</button>
</p>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-10 ">
<div class="btn-toolbar pull-right" role="toolbar">
<div class="btn-group" role="group">
<button id="save-button" type="button" class="btn btn-default navbar-btn"><span
class="glyphicon glyphicon-ok"></span></button>
<button id="close-button" type="button" class="btn btn-default navbar-btn"><span
class="glyphicon glyphicon-remove"></span></button>
</div>
<div class="btn-group" role="group">
<button id="delete-button" type="button" class="btn btn-default navbar-btn"><span
class="glyphicon glyphicon-trash"></span></button>
</div>
<div class="btn-group" role="group">
<a id="form-new-button" href="personmock.html?s=badcaffe1" class="btn btn-default navbar-btn"><span
class="glyphicon glyphicon-plus"></span></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="fabric"
data-buttons="mockData/fabric.buttons.json"
data-emojis="mockData/qfq.emoji.json"
data-control-name='fabric-output'
data-background-image="mockData/Scan2a.jpeg"
data-fabric-color='{"red": 255, "blue": 128, "green": 0}'>
</div>
<input id="fabric-output" name="fabric-data" type="hidden">
</div>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/fabric.min.js"></script>
<script src="../js/validator.min.js"></script>
<script src="../js/jqx-all.js"></script>
<script src="../js/EventEmitter.min.js"></script>
<script src="../js/qfq.debug.js"></script>
<script src="../javascript/src/Plugins/qfq.fabric.js"></script>
<script type="text/javascript">
$(function () {
var qfqPage = new QfqNS.QfqPage({
tabsId: 'myTabs',
formId: 'myForm',
submitTo: 'api/' + $("#submitTo").val(),
deleteUrl: 'api/' + $("#deleteUrl").val(),
fileUploadTo: 'api/' + $("#uploadTo").val(),
fileDeleteUrl: 'api/' + $("#fileDeleteUrl").val()
});
QfqNS.Log.level = 0;
// Just for mockup, init() function called from new QfqNS.Plugin class maybe.
});
</script>
</body>
</html>