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.
88 lines
4.1 KiB
88 lines
4.1 KiB
{% extends "layout.html" %}
|
|
|
|
{% block title %}Edit Event - DotaNoobs {% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="uk-grid" data-uk-grid-margin>
|
|
<div class="uk-width-1-1">
|
|
{% if event.name == None %}
|
|
<h2 class="uk-float-left"><i class="uk-icon-calendar uk-icon-large"></i> New Event</h2>
|
|
{% else %}
|
|
<h2 class="uk-float-left"><i class="uk-icon-calendar uk-icon-large"></i> {{ event.name }}</h2>
|
|
{% endif %}
|
|
</div>
|
|
<!--Main content area -->
|
|
<div class="uk-width-large-2-3 uk-width-medium-1-1 uk-panel">
|
|
<form class="uk-form uk-form-width-large" action="" method="post" name="settings">
|
|
{{ form.hidden_tag() }}
|
|
<fieldset data-uk-margin>
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label">Event Name: </label><br/>
|
|
{{ form.name(placeholder="e.g. Tuesday Tango", class="uk-form-width-medium") }}
|
|
</div>
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label">Type: </label>
|
|
{{ form.type }}
|
|
</div>
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label">Points: </labeb>
|
|
{{ form.points(placeholder="e.g. 20") }}
|
|
</div>
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label">Time To Earn: </label>
|
|
{{ form.reward_threshold(placeholder="e.g. 30 (minutes)") }}
|
|
</div>
|
|
<br/>
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label">Starts</label><br/>
|
|
<input id="start_d" placeholder="01.01.2015" data-uk-datepicker />
|
|
<input id="start_t" placeholder="14:30" data-uk-timepicker />
|
|
{{ form.start_time(class="datepicker uk-hidden") }}
|
|
</div>
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label">Ends</label><br/>
|
|
<input id="end_d" placeholder="01.01.2015" data-uk-datepicker />
|
|
<input id="end_t" placeholder="09:30" data-uk-timepicker />
|
|
{{ form.end_time(class="datepicker uk-hidden") }}
|
|
</div>
|
|
<div class="uk-form-row">
|
|
<label class="uk-form-label">Description</label><br/>
|
|
{{ form.desc(rows="10", class="uk-width-1-1", placeholder="A brief description of the event your planning; convince people to come!") }}
|
|
</div>
|
|
<div class="uk-form-controls uk-margin-top">
|
|
<button class="uk-button uk-button-success" type="submit">Save</button>
|
|
<a class="uk-button" href="{{ url_for('user_profile', userid=g.user.id) }}">Cancel</a>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block pagescripts %}
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/uikit/2.4.0/addons/datepicker/datepicker.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/uikit/2.4.0/addons/timepicker/timepicker.min.js"></script>
|
|
<link rel=stylesheet href="//cdnjs.cloudflare.com/ajax/libs/uikit/2.4.0/addons/datepicker/datepicker.gradient.css"></link>
|
|
<script>
|
|
$(document).ready(function(){
|
|
var tz = new Date().getTimezoneOffset();
|
|
var s = moment.utc($("#start_time").val(), "DD.MM.YYYY HH:mm").zone(tz);
|
|
var e = moment.utc($("#end_time").val(), "DD.MM.YYYY HH:mm").zone(tz);
|
|
|
|
$("#start_d").val(s.format("DD.MM.YYYY"));
|
|
$("#start_t").val(s.format("HH:mm"));
|
|
$("#end_d").val(e.format("DD.MM.YYYY"));
|
|
$("#end_t").val(e.format("HH:mm"));
|
|
});
|
|
|
|
$(".uk-form").submit(function(event) {
|
|
var s = moment($("#start_d").val() + ' ' + $("#start_t").val(), "DD.MM.YYYY HH:mm");
|
|
var e = moment($("#end_d").val() + ' ' + $("#end_t").val(), "DD.MM.YYYY HH:mm");
|
|
|
|
$("#start_time").val(s.utc().format("DD.MM.YYYY HH:mm"));
|
|
$("#end_time").val(e.utc().format("DD.MM.YYYY HH:mm"));
|
|
|
|
return true;
|
|
});
|
|
</script>
|
|
{% endblock %}
|