Compare commits
6 Commits
7441ee742b
...
d174707e21
Author | SHA1 | Date |
---|---|---|
Davide Bongiovanni | d174707e21 | 6 years ago |
Davide Bongiovanni | 36e16c511b | 6 years ago |
Davide Bongiovanni | 95dc07d1e7 | 6 years ago |
Davide Bongiovanni | 78a62e20b9 | 6 years ago |
Davide Bongiovanni | 181214c5c6 | 6 years ago |
Davide Bongiovanni | 5f7b38b839 | 6 years ago |
@ -0,0 +1,102 @@
|
||||
var active_timer = 100;
|
||||
var eaters = []
|
||||
|
||||
$( function() {
|
||||
$(".user-result-container").position({
|
||||
my: "left top",
|
||||
at: "left bottom",
|
||||
of: $('#search-user'), // or $("#otherdiv")
|
||||
collision: "fit"
|
||||
});
|
||||
$('.user-result-container').hide();
|
||||
$( "#datepicker" ).datepicker({
|
||||
dateFormat: 'D, yy-mm-dd'
|
||||
});
|
||||
$('#spinner-hour').spinner({
|
||||
min: 0,
|
||||
max: 23,
|
||||
numberFormat: 'n'
|
||||
});
|
||||
$('#spinner-minute').spinner({
|
||||
min: 0,
|
||||
max: 59,
|
||||
numberFormat: 'n'
|
||||
});
|
||||
$('#search-user').on('keyup', function(){
|
||||
clearTimeout(active_timer);
|
||||
active_timer = setTimeout(user_search, 500);
|
||||
});
|
||||
eaters.push($($('.username')[0]).text()); // Kinda weird but ok
|
||||
});
|
||||
|
||||
function plan_meal() {
|
||||
|
||||
}
|
||||
|
||||
function add_user() {
|
||||
$.ajax({
|
||||
url: "/searchusers?q=" + $('#search-user').val()
|
||||
}).done(function(results) {
|
||||
if (results == '[]') {
|
||||
alert('Invalid username');
|
||||
return;
|
||||
}
|
||||
names = results.substring(1, results.length-1).split(', ');
|
||||
if (names.length > 1) {
|
||||
alert('Please choose one.');
|
||||
return;
|
||||
}
|
||||
eaters.push(names[0].substring(1, names[0].length));
|
||||
var meal_date = $('#datepicker').datepicker('getDate');
|
||||
var month = (meal_date.getMonth() + 1).toString();
|
||||
if (month.length == 1)
|
||||
month = '0' + month;
|
||||
var date = (meal_date.getDate()).toString();
|
||||
if (date.length == 1)
|
||||
date = '0' + date;
|
||||
if ($('#spinner-hour').val().length == 1)
|
||||
$('#spinner-hour').val('0' + $('#spinner-hour').val());
|
||||
if ($('#spinner-minute').val().length == 1)
|
||||
$('#spinner-minute').val('0' + $('#spinner-minute').val());
|
||||
var meal_timestamp = meal_date.getFullYear() + '-' +
|
||||
month + '-' +
|
||||
date + ' ' +
|
||||
$('#spinner-hour').val() + ':' +
|
||||
$('#spinner-minute').val();
|
||||
$.ajax({
|
||||
url: "/getkukcandidate?date=" + meal_timestamp + "&eaters=" + eaters.toString()
|
||||
}).done(function(estkuk) {
|
||||
$('#est-cook').attr('src', 'static/' + estkuk + '.png')
|
||||
$('#est-cook').attr('title', estkuk)
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function fill_box(name) {
|
||||
$('#search-user').val(name);
|
||||
$('.user-result-container').hide();
|
||||
}
|
||||
|
||||
function user_search() {
|
||||
$('.user-result-container').hide();
|
||||
if ($('#search-user').val() == '')
|
||||
return;
|
||||
$.ajax({
|
||||
url: "/searchusers?q=" + $('#search-user').val()
|
||||
}).done(function(results) {
|
||||
// Load results
|
||||
if (results == '[]')
|
||||
return;
|
||||
$('.user-result-container').empty();
|
||||
names = results.substring(1, results.length-1).split(', ');
|
||||
$.each(names, function(i, r){
|
||||
var name = r.substring(1, r.length-1);
|
||||
e = '<div class="user-result" onclick="fill_box(\'' + name + '\')">\
|
||||
<img src="static/' + name + '.png" class="user-result-thumb">\
|
||||
<span class="username">' + name + '</span>\
|
||||
</div>'
|
||||
$('.user-result-container').append($(e));
|
||||
});
|
||||
$('.user-result-container').show();
|
||||
});
|
||||
}
|
@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Plan a meal</title>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.2.1.min.js"
|
||||
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">
|
||||
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
|
||||
<script src="{{ url_for('static', filename='mealplanner_script.js') }}"></script>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
||||
<script src="https://use.fontawesome.com/2fef7be393.js"></script>
|
||||
<style type="text/css">
|
||||
html {
|
||||
background-image: url({{url_for('static', filename='burger.jpg')}});
|
||||
background-position: left top;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
background-color: #aeaeac;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="margin: 40px;">Plan a meal</h1>
|
||||
<div class="flex-card-vert">
|
||||
<h3>When</h3>
|
||||
<div class="when">
|
||||
<input type="text" id="datepicker" name="date" style="flex: 7;">
|
||||
<span style="flex: 0.5;">@</span>
|
||||
<input type="text" id="spinner-hour" name="hour" style="flex: 4;">
|
||||
<span style="flex: 0.5;">:</span>
|
||||
<input type="text" id="spinner-minute" name="minute" style="flex: 4;">
|
||||
</div>
|
||||
<h3>Choose a description</h3>
|
||||
<input type="text" name="flavor_text" id="flavor-text">
|
||||
<h3>Estimated cook: <img src="{{url_for('static', filename=current_user.name + '.png')}}" id="est-cook" class="flex-small-thumb" title="{{current_user.name}}"></h3>
|
||||
</div>
|
||||
<div class="flex-card-vert">
|
||||
<h3>Add people</h3>
|
||||
<div class="add-people-container">
|
||||
<div class="flex-card" style="margin: 0">
|
||||
<img src="{{url_for('static', filename=current_user.name + '.png')}}">
|
||||
<span class="username">{{ current_user.name }}</span>
|
||||
</div>
|
||||
<div class="small-round-button"><i class="fa fa-minus" aria-hidden="true"></i></div>
|
||||
</div>
|
||||
<div class="add-people-container">
|
||||
<div class="flex-card" style="margin: 0">
|
||||
<img src="{{url_for('static', filename=current_user.name + '.png')}}">
|
||||
<span class="username">{{ current_user.name }}</span>
|
||||
</div>
|
||||
<div class="small-round-button"><i class="fa fa-minus" aria-hidden="true"></i></div>
|
||||
</div>
|
||||
<div class="add-people-container">
|
||||
<input type="text" id="search-user">
|
||||
<div class="user-result-container"></div>
|
||||
<div class="round-button" onclick="add_user()"><i class="fa fa-plus" aria-hidden="true"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="user-card">
|
||||
<img src="{{url_for('static', filename=current_user.name + '.png')}}">
|
||||
<div class="user-info">
|
||||
<span>{{current_user.name}}</span>
|
||||
<div class="rect-button" onclick="location.href='/logout';" style="background-color: #EE7500;">LOGOUT</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="floating-round-button" onclick="plan_meal()" style="bottom: 20px; right: 20px;"><i class="fa fa-check" aria-hidden="true"></i></div>
|
||||
<!-- Pick a date <input type="text" id="datepicker"><br>
|
||||
Pick a time <input type="text" id="spinner-hour" style="width: 3em;"> : <input type="text" id="spinner-minute" style="width: 3em;"> -->
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in new issue