Almost done, just the answer system and query is missing

Took 4 hours 10 minutes
This commit is contained in:
2020-10-02 16:23:04 +02:00
parent c37ad92dbc
commit 8559e3388d
18 changed files with 1569 additions and 87 deletions

View File

@ -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">&times;</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">&times;</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">&times;</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>

View File

@ -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">&times;</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>