Almost done, just the answer system and query is missing
Took 4 hours 10 minutes
This commit is contained in:
@ -56,21 +56,100 @@
|
||||
</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="question" class="col-form-label">Question</label>
|
||||
<textarea name="question" class="form-control" id="question" 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" 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="answerBtn" class="btn btn-primary" onclick="answer();">Answer</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" 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-primary" data-dismiss="modal">Close</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>
|
||||
<p class="lead">Room [[ROOM_NAME]]</p>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-lg>">
|
||||
<p class="lead">Room <span class="text-info">[[ROOM_NAME]]</span> -
|
||||
Code <span class="text-info">[[ROOM_CODE]]</span></p>
|
||||
</div>
|
||||
<br>
|
||||
<div class="col-lg">
|
||||
<button type="button" class="btn btn-primary float-right" data-toggle="modal" data-target="#askQuestionModal">Ask a question</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="questions">
|
||||
|
||||
<div class="container">
|
||||
<div class="row" id="questions">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer mt-auto py-3">
|
||||
<div class="container">
|
||||
<span class="text-muted">Online-FAQ<br>Programmed by Tobias Hopp</span>
|
||||
<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>
|
||||
|
@ -48,8 +48,8 @@
|
||||
<a class="nav-link" href="#" data-toggle="modal" data-target="#createFAQModal">Create new FAQ</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="form-inline mt-2 mt-md-0" action="?c=default&a=JoinFAQ" method="get">
|
||||
<input class="form-control mr-sm-2" type="text" name="code" placeholder="FAQ-Code" aria-label="Join">
|
||||
<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>
|
||||
@ -63,21 +63,19 @@
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="createFAQModalLabel">Create a FAQ</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form>
|
||||
<form action="?c=default&a=createFAQ" method="post" id="createFAQ">
|
||||
<div class="form-group">
|
||||
<label for="room-name" class="col-form-label">Custom Room-Name:</label>
|
||||
<input type="text" class="form-control" id="room-name">
|
||||
<input type="text" name="room-name" class="form-control" id="room-name">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary">Create</button>
|
||||
<button type="button" class="btn btn-primary" onclick="$('#createFAQ').submit();">Create</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -94,13 +92,14 @@
|
||||
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createFAQModal">Create an FAQ</button>
|
||||
</div>
|
||||
<div class="col-lg">
|
||||
<form class="form-inline mt-2 mt-md-0" action="?c=default&a=JoinFAQ" method="get">
|
||||
<input class="form-control mr-sm-2" type="text" name="code" placeholder="FAQ-Code" aria-label="Join">
|
||||
<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>
|
||||
|
||||
</div>
|
||||
<br>
|
||||
<h4 style="color:red">[[ERROR]]</h4>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
@ -111,7 +110,7 @@
|
||||
|
||||
<footer class="footer mt-auto py-3">
|
||||
<div class="container">
|
||||
<span class="text-muted">Online-FAQ<br>Programmed by Tobias Hopp</span>
|
||||
<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>
|
||||
|
Reference in New Issue
Block a user