Merge branch 'errorDisplayConcept' into 'develop'

Mockup for error handling See merge request !226

Merge branch 'errorDisplayConcept' into 'develop'
Mockup for error handling See merge request !226
bef2cc14 · Carsten Rose · fd37a43f · 04a9a6af · bef2cc14
Commit bef2cc14 authored Dec 20, 2019 by Carsten Rose
--- a/mockup/error.html
+++ b/mockup/error.html
+<!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&amp;s=5c0e89f66783c" class="btn btn-default">Form</a>&nbsp;
+                <a href="index.php?id=form&amp;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>
\ No newline at end of file