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.
78 lines
3.5 KiB
78 lines
3.5 KiB
<!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="sub-flex" id="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>Can join until</h3>
|
|
<div class="sub-flex" id="deadline">
|
|
<input type="text" name="deadline-amount" id="deadline-amount" pattern="^\d+(\.\d+)?$">
|
|
<select id="deadline-unit">
|
|
<option value="m">Minutes</option>
|
|
<option value="h" selected>Hours</option>
|
|
<option value="d">Days</option>
|
|
</select>
|
|
<span>before</span>
|
|
</div>
|
|
<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" id="eaters-list">
|
|
<h3>Add people</h3>
|
|
<div class="add-people-container" id="for-user-{{current_user.name}}">
|
|
<div class="flex-card" style="margin: 0">
|
|
<img src="{{url_for('static', filename=current_user.name + '.png')}}" class="flex-thumb">
|
|
<span class="username">{{ current_user.name }}</span>
|
|
</div>
|
|
<div class="small-round-button" style="display: none;" onclick="remove_user('{{current_user.name}}')"><i class="fa fa-minus" aria-hidden="true"></i></div>
|
|
</div>
|
|
<div class="add-people-container" id="add-user">
|
|
<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> |