Skip to content
GitLab
Commit 23b8b74d authored by bbaer's avatar bbaer
Browse files

mockup & css for #7783

parent db4f2b69
Pipeline #1664 passed with stage
in 2 minutes and 16 seconds
Hide whitespace changes
Inline Side-by-side
less/qfq-bs.css.less
View file @ 23b8b74d
......@@ -491,6 +491,7 @@ select.qfq-locked:invalid {
.codeCorrectionWrap {
border: 1px solid #ccc;
border-top: unset;
margin-bottom: 10px;
}
.qfqCodeCorrectionTitle {
......@@ -520,6 +521,7 @@ select.qfq-locked:invalid {
text-align: left;
font-size: 1.2em;
font-family: monospace;
word-break: break-word;
}
.qfqCodeLine {
......
mockup/codeCorrectionReadOnly.html 0 → 100644
View file @ 23b8b74d
<!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="../extension/Resources/Public/Css/bootstrap.min.css">
<link rel="stylesheet" href="../extension/Resources/Public/Css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../extension/Resources/Public/Css/qfq-bs.css">
<title>Input Mode Switcher</title>
</head>
<body style="background-color: #f5f5f5;">
<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-2"></div>
<div class="col-md-8">
<div class="annotate-text"
data-uid='{ "uid": 5,
"name": "Definitely not an AI",
"avatar": "mockData/avatar1.png"}'
data-file="../javascript/src/CodeCorrection.js"
data-annotations= '{ "annotations": [
{ "lineNumber": 15,
"comments": [
{ "uid": 1,
"comment": "If we knew what it was we were doing, it would not be called research, would it?",
"dateTime": "2018-05-12 09:45:00"
}]
}, { "lineNumber": 47,
"comments": [
{ "uid": 1,
"comment": "The most beautiful thing we can experience is the mysterious. It is the source of all true art and all science.",
"dateTime": "2018-05-12 09:45:00"
},
{ "uid": 1,
"comment": "The only reason for time is so that everything does not happen at once.",
"dateTime": "0000-00-00 00:00:00"
}]
}
],
"users": [
{ "uid": 1,
"name": "Albert Einstein",
"avatar": "http://institutoiltonesteves.com.br/img/avatar-4.jpg"
}
]}'
data-highlight="mockData/javascript.json"
data-view-only="true"
>
</div>
<div class="annotate-text"
data-uid='{ "uid": 5,
"name": "Definitely not an AI",
"avatar": "mockData/avatar1.png"}'
data-file="../javascript/src/CodeCorrection.js"
data-target= 'codeCorrection-output1'
data-highlight="mockData/javascript.json"
data-view-only="true"
>
</div>
<input id="codeCorrection-output1" name="correction-data" type="hidden"
value='{ "annotations": [
{ "lineNumber": 15,
"comments": [
{ "uid": 1,
"comment": "If we knew what it was we were doing, it would not be called research, would it?",
"dateTime": "2018-05-12 09:45:00"
}]
}, { "lineNumber": 47,
"comments": [
{ "uid": 1,
"comment": "The most beautiful thing we can experience is the mysterious. It is the source of all true art and all science.",
"dateTime": "2018-05-12 09:45:00"
},
{ "uid": 1,
"comment": "The only reason for time is so that everything does not happen at once.",
"dateTime": "0000-00-00 00:00:00"
}]
}
],
"users": [
{ "uid": 1,
"name": "Albert Einstein",
"avatar": "http://institutoiltonesteves.com.br/img/avatar-4.jpg"
}
]}'>
</div>
</div>
</div>
<p><br></p>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/validator.min.js"></script>
<script src="../js/EventEmitter.min.js"></script>
<script src="../js/qfq.debug.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;
//var codeCorrection = new QfqNS.CodeCorrection(qfqPage, {
// url: '../javascript/src/CodeCorrection.js'
//}, $('.annotate-text'), $('#codeCorrection-output1'), {
// uid: 5,
// name: "Definitely not an AI",
// avatar: "mockData/avatar1.png"
//}, 'http://localhost:63342/qfq/mockup/mockData/javascript.json');
//codeCorrection.initialize();
});
</script>
</body>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment