238 lines
11 KiB
HTML
Executable File
238 lines
11 KiB
HTML
Executable File
<!doctype html>
|
|
<html lang="en" class="h-100">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
|
<meta name="generator" content="Jekyll v3.8.5">
|
|
<title>Online-FAQ | Room [[ROOM_NAME]]</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="vendor/css/bootstrap.min.css" rel="stylesheet"">
|
|
|
|
|
|
<style>
|
|
.bd-placeholder-img {
|
|
font-size: 1.125rem;
|
|
text-anchor: middle;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.bd-placeholder-img-lg {
|
|
font-size: 3.5rem;
|
|
}
|
|
}
|
|
</style>
|
|
<!-- Custom styles for this template -->
|
|
<link href="vendor/css/sticky-footer-navbar.css" rel="stylesheet">
|
|
</head>
|
|
<body class="d-flex flex-column h-100">
|
|
<header>
|
|
<!-- Fixed navbar -->
|
|
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
|
|
<a class="navbar-brand" href="?">Online-FAQ</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<ul class="navbar-nav mr-auto">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="?c=default">Start</a>
|
|
</li>
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="[[SHARE_URL]]">This FAQ</a>
|
|
</li>
|
|
</ul>
|
|
<button class="btn btn-info mt-2 mt-md-0" data-target="#optionsModal" data-toggle="modal" style="margin-right: 1.5em;">Room-Options</button>
|
|
<form class="form-inline mt-2 mt-md-0" action="?c=default&a=JoinFAQ" method="post">
|
|
<input class="form-control mr-sm-2" type="text" maxlength="[[MAX_LEN]]" name="code" placeholder="FAQ-Code" aria-label="Join">
|
|
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Join FAQ</button>
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="modal fade" id="askQuestionModal" tabindex="-1" role="dialog" aria-labelledby="askQuestionModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="askQuestionModalLabel">Ask a question</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<span class="text-danger" id="askErrorMsg"></span>
|
|
<div class="form-group">
|
|
<label for="nickname" class="col-form-label">Name</label><br>
|
|
<input type="text" class="form-control" maxlength="20" minlength="3" id="nickname">
|
|
<br>
|
|
<label for="question" class="col-form-label">Question</label>
|
|
<textarea name="question" class="form-control" id="question" minlength="10" maxlength="500" rows="4"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
|
|
<button type="button" id="askBtn" class="btn btn-primary" onclick="askQuestion();">Ask</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="modal fade" id="answerModal" tabindex="-1" role="dialog" aria-labelledby="answerModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="answerModalLabel">Answer a question</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<span class="text-danger" id="answerErrorMsg"></span>
|
|
<div class="form-group">
|
|
<label for="answer" class="col-form-label">Answer</label>
|
|
<textarea name="answer" class="form-control" id="answer" minlength="5" maxlength="5000" rows="6"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
|
|
<button type="button" id="answerBtn" class="btn btn-primary" onclick="answer();">Answer</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="optionsModal" tabindex="-1" role="dialog" aria-labelledby="optionsModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="optionsModalLabel">Room-Options</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<span class="text-danger" id="optionsErrorMsg"></span>
|
|
<div class="form-group">
|
|
<label for="lock_room">Lock Room?</label>
|
|
<input type="checkbox" class="form-control" checked="false" id="lock_room">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">Discard</button>
|
|
<button type="button" id="optionsBtn" class="btn btn-success" onclick="saveOptions();">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="readMoreModal" tabindex="-1" role="dialog" aria-labelledby="answerModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="readMoreModalLabel">Answer a question</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<span id="readMoreModalText" class="text-justify" style="white-space: pre-line;" >Loading...</span>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="welcomeModal" tabindex="-1" role="dialog" data-backdrop="static" data-focus="true" data-keyboard="true" aria-labelledby="welcomeModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title text-info" id="welcomeModalLabel">Welcome - ReadMe first</h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<span>In the following page you can ask as many questions you want.<br>Your question should contain 10 up to 500 characters.<br>Only the owner or permitted users of this room can answer your question.</span>
|
|
<hr>
|
|
<span id="welcomeModalText" class="text-justify">You are an XXX of this room.<br>This means you can XXX</span>
|
|
<br><br>
|
|
<label for="refresh_rate"><strong>Refresh Rate</strong>(<span id="refresh_rate_counter">2</span> seconds)</label>
|
|
<input type="range" class="form-control form-control-range" value="2" id="refresh_rate" min="2" step="8" max="122" onchange="$('#refresh_rate_counter').html( $(this).val() );">
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" id="welcomeModalClose" class="btn btn-info" data-dismiss="modal" onclick="getQuestions(); closeWelcome();">Okay</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="errorModal" tabindex="-1" role="dialog" aria-labelledby="errorModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title text-danger" id="errorModalLabel">Error</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<span id="errorMsg"></span>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary" onclick="location.reload();" data-dismiss="modal">Reload</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Begin page content -->
|
|
<main role="main" class="flex-shrink-0">
|
|
<div class="container">
|
|
<h1 class="mt-5">Online-FAQ</h1>
|
|
<div class="row">
|
|
<div class="col-lg-6 col-sm-12 col-md-6 float-left">
|
|
<p class="lead">Room <span class="text-info">[[ROOM_NAME]]</span> -
|
|
Code <span class="text-info">[[ROOM_CODE]]</span></p>
|
|
|
|
</div>
|
|
<div class="col-lg-6 col-sm-12 col-md-6">
|
|
<label class="float-right col-form-label">
|
|
<input type="text" id="share_url" class="disabled form-control" readonly value="[[SHARE_URL]]" size="28%">
|
|
</label>
|
|
</div>
|
|
<br>
|
|
<div class="col-lg-12">
|
|
<button type="button" class="btn btn-primary float-left" data-toggle="modal" data-target="#askQuestionModal">Ask a question</button>
|
|
<button type="button" class="btn btn-secondary float-right" onclick="copyShareUrl( this );">Copy-URL</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row" id="questions">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<br>
|
|
</main>
|
|
|
|
<footer class="footer mt-auto py-3">
|
|
<div class="container">
|
|
<span class="text-muted">Online-FAQ<br>Programmed by Tobias Hopp<br><br>Already wasted [[WASTED_TIME]] on this project!</span>
|
|
</div>
|
|
</footer>
|
|
<script src="vendor/js/jquery-3.5.1.min.js"></script>
|
|
<script src="vendor/js/bootstrap.bundle.min.js"></script>
|
|
<script src="vendor/js/faq.js"></script>
|
|
</body>
|
|
</html>
|