Implement the GUI for the repeating events.

referencing #4

src/Hackspace/Bundle/CalciferBundle/Resources/views/RepeatingEvent/edit.html.twig

@@ -0,0 +1,37 @@
+{% extends 'CalciferBundle::layout.html.twig' %}
+
+{% block css %}
+    {% stylesheets filter="compass"
+    "@CalciferBundle/Resources/assets/css/jquery.datetimepicker.scss"
+    "@CalciferBundle/Resources/assets/css/events.scss"
+    "@CalciferBundle/Resources/assets/css/leaflet.scss"
+    %}
+    <link rel="stylesheet" href="{{ asset_url }}"/>
+    {% endstylesheets %}
+{% endblock %}
+
+{% block javascripts %}
+    {% javascripts
+    "@CalciferBundle/Resources/assets/js/jquery.datetimepicker.js"
+    "@CalciferBundle/Resources/assets/js/repeating_events.js"
+    "@CalciferBundle/Resources/assets/js/events.js"
+    "@CalciferBundle/Resources/assets/js/leaflet.js"
+    %}
+    <script src="{{ asset_url }}"></script>
+    {% endjavascripts %}
+{% endblock %}
+
+{% block body -%}
+    <div class="ui one column page grid">
+        <div class="ui column">
+            <h1>Wiederholenden Termin bearbeiten</h1>
+        </div>
+    </div>
+
+    <div class="ui one column page grid">
+        <div class="ui column">
+            {{ include('CalciferBundle:RepeatingEvent:repeating_event_form.html.twig',{'entity':entity}) }}
+        </div>
+    </div>
+
+{% endblock %}

src/Hackspace/Bundle/CalciferBundle/Resources/views/RepeatingEvent/index.html.twig

@@ -0,0 +1,65 @@
+{% extends 'CalciferBundle::layout.html.twig' %}
+
+{% block css %}
+    {% stylesheets filter="compass"
+    "@CalciferBundle/Resources/assets/css/events.scss" %}
+    <link rel="stylesheet" href="{{ asset_url }}"/>
+    {% endstylesheets %}
+{% endblock %}
+
+{% block javascripts %}
+    {% javascripts
+    "@CalciferBundle/Resources/assets/js/events.js" %}
+    <script src="{{ asset_url }}"></script>
+    {% endjavascripts %}
+{% endblock %}
+
+{% block body -%}
+    <div class="ui one column page grid title">
+        <div class="ui column">
+            <h1 class="ui header">
+                Wiederholende Termine
+            </h1>
+        </div>
+    </div>
+
+    <div class="ui one column page grid stackable">
+        <div class="column">
+            <table class="ui table">
+                <thead>
+                <tr>
+                    <th>Zusammenfassung</th>
+                    <th>Nächstes Datum</th>
+                    <th>Wiederholungsmuster</th>
+                    <th>Aktionen</th>
+                </tr>
+                </thead>
+                <tbody>
+                {% for entity in entities %}
+                    <tr>
+                        <td>
+                            {{ entity.summary }}
+                        </td>
+                        <td>
+                            {{ entity.nextdate.format('Y-m-d H:i') }}
+                        </td>
+                        <td>
+                            {{ entity.getFormatedRepeatPattern() }}
+                        </td>
+                        <td>
+                            <a href="{{ path('repeating_event_edit', {'slug':entity.slug}) }}">Bearbeiten</a>
+                        </td>
+                    </tr>
+                {% endfor %}
+                </tbody>
+                <tfoot>
+                    <tr>
+                        <td colspan="4"><a href="{{ path('repeating_event_new') }}">Neuen wiederholenden Termin anlegen</a></td>
+                    </tr>
+                </tfoot>
+            </table>
+        </div>
+
+    </div>
+
+{% endblock %}

src/Hackspace/Bundle/CalciferBundle/Resources/views/RepeatingEvent/new.html.twig

@@ -0,0 +1,35 @@
+{% extends 'CalciferBundle::layout.html.twig' %}
+
+{% block css %}
+    {% stylesheets filter="compass"
+    "@CalciferBundle/Resources/assets/css/jquery.datetimepicker.scss"
+    "@CalciferBundle/Resources/assets/css/events.scss"
+    "@CalciferBundle/Resources/assets/css/leaflet.scss" %}
+    <link rel="stylesheet" href="{{ asset_url }}"/>
+    {% endstylesheets %}
+{% endblock %}
+
+{% block javascripts %}
+    {% javascripts
+    "@CalciferBundle/Resources/assets/js/jquery.datetimepicker.js"
+    "@CalciferBundle/Resources/assets/js/repeating_events.js"
+    "@CalciferBundle/Resources/assets/js/events.js"
+    "@CalciferBundle/Resources/assets/js/leaflet.js" %}
+    <script src="{{ asset_url }}"></script>
+    {% endjavascripts %}
+{% endblock %}
+
+{% block body -%}
+    <div class="ui one column page grid">
+        <div class="ui column">
+            <h1>Wiederholenden Termin erstellen</h1>
+        </div>
+    </div>
+
+    <div class="ui one column page grid">
+        <div class="ui column">
+            {{ include('CalciferBundle:RepeatingEvent:repeating_event_form.html.twig') }}
+        </div>
+    </div>
+
+{% endblock %}

src/Hackspace/Bundle/CalciferBundle/Resources/views/RepeatingEvent/repeating_event_form.html.twig

@@ -0,0 +1,166 @@
+<form method="post"
+      action="{% if entity.id|default(0) > 0 %}{{ path('repeating_event_update',{'slug':entity.slug}) }}{% else %}{{ path('repeating_event_create') }}{% endif %}">
+    <div class="ui form segment">
+        <div class="field">
+            <label class="control-label required" for="event_startdate">Nächster Termin</label>
+
+            <div class="ui left labeled icon input">
+                <input type="datetime"
+                       id="event_nextdate"
+                       name="nextdate"
+                       required="required"
+                       value="{{ entity.nextdate.format('Y-m-d H:i')|default('') }}"
+                       placeholder="{{ "now"|date('d.m.Y H:00') }}"
+                       class="form-control">
+
+                <i class="icon calendar"></i>
+
+                <div class="ui corner label">
+                    <i class="icon asterisk"></i>
+                </div>
+            </div>
+        </div>
+        <div class="field">
+            <label class="control-label required" for="event_duration">Dauer</label>
+
+            <div class="ui left labeled input attached-label">
+                <input type="text"
+                       id="event_duration"
+                       name="duration"
+                       pattern="\d*"
+                       value="{{ entity.duration }}"
+                       class="form-control">
+
+                <div class="ui bottom attached label">
+                    Hier gibst du bitte die Dauer der Veranstaltung in Minuten an.
+                </div>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="control-label required" for="event_duration">Wiederholungsmuster</label>
+
+            <div class="ui left labeled input">
+                <div class="ui dropdown selection fluid">
+                    <input name="repeating_pattern" type="hidden" value="{{ entity.repeating_pattern|default('') }}">
+
+                    <div class="default text">Bitte wähle einen Wert aus</div>
+                    <i class="dropdown icon"></i>
+
+                    <div class="menu">
+                        <div class="item" data-value="PD7">Wöchentlich</div>
+                        <div class="item" data-value="PD14">Jede 2. Woche</div>
+                        <div class="item" data-value="PM1">Monatlich</div>
+                    </div>
+                    <div class="ui corner label">
+                        <i class="icon asterisk"></i>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+
+        <div class="field">
+            <label class="" for="event_summary">Zusammenfassung</label>
+
+            <div class="ui left labeled input">
+                <input type="text"
+                       id="event_summary"
+                       name="summary"
+                       value="{{ entity.summary|default('') }}"
+                       required="required"
+                       maxlength="255"
+                       class="form-control">
+
+                <div class="ui corner label">
+                    <i class="icon asterisk"></i>
+                </div>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="control-label required" for="event_summary">Beschreibung</label>
+
+            <div class="ui left labeled icon input attached-label">
+                <textarea name="description">{{ entity.description|default('') }}</textarea>
+
+                <div class="ui bottom attached label">Du kannst hier <a href="https://en.wikipedia.org/wiki/Markdown">Markdown</a>
+                    benutzen.
+                </div>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="control-label required" for="event_url">URL</label>
+
+            <div class="ui left labeled icon input">
+                <input type="text"
+                       id="event_url"
+                       name="url"
+                       maxlength="255"
+                       value="{{ entity.url|default('') }}"
+                       class="form-control">
+                <i class="icon globe"></i>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="control-label required" for="event_location">Ort</label>
+
+            <div class="ui left labeled icon input attached-{% if entity.location.lat|default(0) > 0 %}geo-{% endif %}label">
+                <input type="text"
+                       id="event_location"
+                       name="location"
+                       maxlength="255"
+                       value="{{ entity.location.name|default('') }}"
+                       class="form-control">
+                <input type="hidden" name="location_lat" value="{{ entity.location.lat|default('') }}">
+                <input type="hidden" name="location_lon" value="{{ entity.location.lon|default('') }}">
+                <i class="icon map marker"></i>
+
+                <div class="ui bottom attached label">
+                    Du kannst zu diesem Ort auch Geokoordinaten <a href="#" class="add_geo">hinterlegen</a>.<br/>
+                    <span class="coords">{% if entity.location.lat|default(0) > 0 %}Folgende Koordinaten sind angegeben: lat:{{ entity.location.lat }}, lon:{{ entity.location.lon }}{% endif %}</span>
+                </div>
+                <div class="ui modal geo chooser">
+                    <i class="close icon"></i>
+
+                    <div class="header">
+                        Wähle einen Punkt auf der Karte
+                    </div>
+                    <div class="content">
+                        <div id="map"></div>
+                    </div>
+                    <div class="actions">
+                        <div class="ui button cancel">
+                            Cancel
+                        </div>
+                        <div class="ui button ok">
+                            Okay
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="" for="event_tags">Tags</label>
+
+            <div class="ui left icon input attached-label">
+                <input type="text"
+                       id="event_tags"
+                       name="tags"
+                       value="{{ entity.getTagsAsText() }}"
+                       class="form-control">
+                <i class="icon tag"></i>
+
+                <div class="ui bottom attached label">Du kannst hier kommasepariert <a
+                            href="https://en.wikipedia.org/wiki/Tag_%28metadata%29">Tags</a> angeben.
+                </div>
+            </div>
+        </div>
+
+        <input type="submit" class="ui button blue" value="Speichern"/>
+    </div>
+
+</form>