112 lines
4.2 KiB
HTML
112 lines
4.2 KiB
HTML
{% extends 'sspromotions/base.html' %}
|
|
|
|
{#
|
|
Society Self-Service
|
|
Copyright © 2018-2019 Yingtong Li (RunasSudo)
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
#}
|
|
|
|
{% block title %}{% if request.resolver_match.url_name == 'calendar_new' %}New{% else %}Edit{% endif %} calendar event{% endblock %}
|
|
|
|
{% block maincontent %}
|
|
<h1>{% if request.resolver_match.url_name == 'calendar_new' %}New{% else %}Edit{% endif %} calendar event</h1>
|
|
|
|
<form class="ui form" method="POST" enctype="multipart/form-data">
|
|
<div class="ui disabled inline grid field">
|
|
<label class="three wide column">ID</label>
|
|
<input class="eleven wide column" type="text" name="id" value="{{ item.id if item.id != None else '' }}">
|
|
</div>
|
|
<div class="ui required inline grid field">
|
|
<label class="three wide column">Title</label>
|
|
<input class="eleven wide column" type="text" name="title" value="{{ item.title }}">
|
|
</div>
|
|
<div class="ui required inline grid field">
|
|
<label class="three wide column">Date</label>
|
|
<div class="ten wide column">
|
|
<div class="ui calendar" id="cal_date">
|
|
<div class="ui input left icon grid">
|
|
<i class="calendar icon" style="z-index: 999;"></i>
|
|
<input class="twelve wide column" type="text" name="date" value="{{ item.date or '' }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui required inline grid field">
|
|
<label class="three wide column">Group</label>
|
|
<select class="ui dropdown eleven wide column" name="group">
|
|
<option value="">Group</option>
|
|
{% for group in groups %}
|
|
<option value="{{ group.id }}">{{ group.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="ui inline grid field">
|
|
<label class="three wide column">Link</label>
|
|
<input class="eleven wide column" type="text" name="link" value="{{ item.link or '' }}">
|
|
</div>
|
|
<div class="ui divider"></div>
|
|
<div class="ui inline grid field">
|
|
<label class="three wide column">Also limit to</label>
|
|
<div class="eleven wide column">
|
|
{% for group in all_groups %}
|
|
<div class="field" style="display: inline; margin-right: 1em;">
|
|
<div class="ui checkbox">
|
|
<input type="checkbox" name="also_limit_{{ group.id }}"{% if group.id in item.also_limit %} checked{% endif %}>
|
|
<label>{{ group.name }}</label>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="ui divider"></div>
|
|
<div class="ui error message"></div>
|
|
<input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
|
|
<input class="ui primary button" type="submit" name='submit' value="Save">
|
|
<input class="ui button" type="submit" name='submit' value="Save and continue editing">
|
|
</form>
|
|
{% endblock %}
|
|
|
|
{% block head %}
|
|
{{ super() }}
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui-calendar@0.0.8/dist/calendar.min.css" integrity="sha256-KCHiPtYk/vfF5/6lDXpz5r5FuIYchVdai0fepwGft80=" crossorigin="anonymous">
|
|
{% endblock %}
|
|
|
|
{% block script %}
|
|
{{ super() }}
|
|
<script src="https://cdn.jsdelivr.net/npm/semantic-ui-calendar@0.0.8/dist/calendar.min.js" integrity="sha256-Pnz4CK94A8tUiYWCfg/Ko25YZrHqOKeMS4JDXVTcVA0=" crossorigin="anonymous"></script>
|
|
|
|
<script>
|
|
function leftpad(n) {
|
|
if (n < 10)
|
|
return '0' + n;
|
|
return '' + n;
|
|
}
|
|
|
|
$('#cal_date').calendar({
|
|
type: 'date',
|
|
formatter: {
|
|
date: function(date, settings) {
|
|
return date.getFullYear() + '-' + leftpad(date.getMonth() + 1) + '-' + leftpad(date.getDate());
|
|
}
|
|
}
|
|
});
|
|
|
|
$('.ui.dropdown').dropdown();
|
|
{% if item.group %}
|
|
$('.ui.dropdown').dropdown('set selected', {{ item.group.id }});
|
|
{% endif %}
|
|
</script>
|
|
{% endblock script %}
|