You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
3.6 KiB
136 lines
3.6 KiB
{% extends "bootstrap/base.html" %}
|
|
{% block title %}Technical Incompetence - Home{% endblock %}
|
|
|
|
{% block styles %}
|
|
{{super()}}
|
|
<link rel="icon" type="image/png" href="{{url_for('.static', filename='favicon.png')}}" />
|
|
<link rel="stylesheet" href="{{url_for('.static', filename='style.css')}}">
|
|
{% if countdown is defined %}
|
|
<link rel="stylesheet" href="{{url_for('.static', filename='clock.css')}}">
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block navbar %}
|
|
{% include "fragments/navbar.j2" %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<iframe id="apps" src="http://localhost:5000/frame" width="305" height="400" class="shadow-lg overlay-frame" style="display: none;"></iframe>
|
|
<div id="overlay" style="display: none;" onclick="showApps();"></div>
|
|
<div class="container" style="margin-top: 15px">
|
|
{% if search['active'] == True %}
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
|
|
<input type="text" class="form-control" id="search-box" placeholder="Search">
|
|
</div>
|
|
<br><br>
|
|
{% endif %}
|
|
{% if countdown is defined %}
|
|
{% include "fragments/countdown.j2" %}
|
|
{% endif %}
|
|
<p>{{ description }}</p>
|
|
<div class="row">
|
|
{% for app in games %}
|
|
{% include "fragments/card.j2" %}
|
|
{% endfor %}
|
|
</div>
|
|
<div class="row">
|
|
{% include "fragments/card_list.j2" %}
|
|
</div>
|
|
<br>
|
|
</div>
|
|
{% include "fragments/new_game_modal.j2" %}
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
{{ super () }}
|
|
{% if countdown is defined %}
|
|
<script>
|
|
const deadline = "{{ countdown['timestamp'] }}";
|
|
const tripName = "{{ countdown['name'] }}";
|
|
</script>
|
|
<script src="{{url_for('.static', filename='clock.js')}}"></script>
|
|
{% endif %}
|
|
<script>
|
|
$("#search-box").keyup(function(event) {
|
|
if (event.keyCode === 13) {
|
|
window.location = '{{ search['search_url'] }}' + $('#search-box').val();
|
|
}
|
|
});
|
|
|
|
$( ".card" ).hover(
|
|
function() {
|
|
if (!$(this).attr('id')) {
|
|
$(this).addClass('shadow-lg').css('cursor', 'pointer');
|
|
$(this).addClass('card-hover');
|
|
}
|
|
}, function() {
|
|
$(this).removeClass('shadow-lg');
|
|
$(this).removeClass('card-hover');
|
|
});
|
|
|
|
function goToLink(link) {
|
|
window.location = link;
|
|
}
|
|
|
|
function showApps () {
|
|
$("#apps").toggle();
|
|
$("#overlay").toggle();
|
|
}
|
|
|
|
function addGame() {
|
|
game_title = $('#game-title').val();
|
|
game_link = $('#game-link').val();
|
|
|
|
if (game_title.trim().length === 0) {
|
|
showError('Title is required');
|
|
return false;
|
|
}
|
|
|
|
if (game_link.trim().length === 0) {
|
|
showError('Link is required');
|
|
return false;
|
|
}
|
|
|
|
$.ajax({
|
|
url: '/add',
|
|
method: 'POST',
|
|
data: { "game_title": game_title,
|
|
"game_link": game_link },
|
|
success: function(data) {
|
|
if (data !== 'Error') {
|
|
$('#game-title').val('');
|
|
$('#game-link').val('');
|
|
window.location.reload();
|
|
} else {
|
|
showError('Something went wrong!');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function deleteGame(game_id) {
|
|
$.ajax({
|
|
url: '/delete',
|
|
method: 'POST',
|
|
data: { "game_id": game_id },
|
|
success: function(data) {
|
|
if (data !== 'Error') {
|
|
window.location.reload();
|
|
} else {
|
|
showError('Something went wrong!');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function showError(error) {
|
|
hideSuccess();
|
|
$('#error-alert').text(error);
|
|
$('#error-alert').show();
|
|
}
|
|
|
|
function hideError(error) {
|
|
$('#error-alert').hide();
|
|
}
|
|
</script>
|
|
{% endblock %}
|