igs-slm 0.1.0b0__py3-none-any.whl

slm/templates/slm/station/edit.html

@@ -0,0 +1,283 @@
+<!--
+
+Template for station page (once station is selected).
+
+NOTE:
+Add new section capability is not functional.
+
+-->
+
+{% extends "slm/station/base.html" %}
+{% load widget_tweaks slm i18n compress %}
+
+{% block action_content %}
+<!-- Station Metadata Forms -->
+<div class="row">
+
+    <!-- Site Log Sections Sidebar Menu -->
+    <div class="col-3">
+      <div id='slm-form-menu' class="nav flex-shrink-0 nav-pills" role="tablist" aria-orientation="vertical">
+        <!-- Section 0 -->
+          {% for name, section in sections.items %}
+                {% if section.active %}
+                    {% set_global 'active_section' forloop.counter0 %}
+                {% endif %}
+                <button
+                    class="nav-link {{ section.status.css }} {% if section.active and not section.subsections %}active{% endif %} {{ section.id }}"
+                    id="{{ section.id }}-tab"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#{{ section.id }}-menu"
+                    type="button"
+                    role="tab"
+                    aria-controls="{{ section.id }}-menu"
+                    aria-selected="{% if section.active %}true{% else %}false{% endif %}"
+                    data-slm-status={{ section.status.value }}
+                    data-slm-flags={{ section.flags }}
+                    data-slm-section="{{ section.id }}"
+                    data-slm-parent="select-{{ station }}"
+                    {% if not section.subsections %}onclick="window.location='{% url "slm:edit" station=station section=section.id %}'"{% endif %}
+                >
+                      <span class="section-number">{{ forloop.counter0 }}</span>{{ name }}{% if section.subsections %}<i class="bi bi-chevron-down"></i>{% endif %}
+                      <span class="badge rounded-pill bg-danger slm-error-badge" {% if not section.flags %}style="display: none"{% endif %}>
+                        {{ section.flags }}
+                      </span>
+                </button>
+                {% if section.subsections %}
+                <div class="{% if not section.active %}collapse{% endif %} w-100" id="{{ section.id }}-menu">
+                {% for subname, subsection in section.subsections.items %}
+                    {% if subsection.active %}
+                    {% set_global 'active_subsection' forloop.counter %}
+                    {% endif %}
+                  <button
+                      class="nav-link ms-4 {{ subsection.status.css }} {% if subsection.active %}active{% endif %} {{ subsection.id }}"
+                      id="{{ section.id }}-{{ subsection.id }}-tab"
+                      data-bs-toggle="pill"
+                      data-bs-target="#{{ section.id }}-{{ subsection.id }}-tab"
+                      type="button"
+                      role="tab"
+                      aria-controls="{{ section.id }}-{{ subsection.id }}-tab"
+                      aria-selected="{% if subsection.active %}true{% else %}false{% endif %}"
+                      data-slm-status={{ subsection.status.value }}
+                      data-slm-flags={{ subsection.flags }}
+                      data-slm-section="{{ subsection.id }}"
+                      {% if subsection.group %}data-slm-group="{{ subsection.group }}"{% endif %}
+                      data-slm-parent="{{ section.id }}-tab"
+                      onclick="window.location='{% url "slm:edit" station=station section=subsection.id %}'"
+                  >
+                      <span class="section-number">{{ forloop.parentloop.counter0 }}.{{ forloop.counter }}</span>{{ subname }}
+                      <span class="badge rounded-pill bg-danger slm-error-badge" {% if not subsection.flags %}style="display: none"{% endif %}>
+                        {{ subsection.flags }}
+                      </span>
+                  </button>
+                {% endfor %}
+                </div>
+                {% endif %}
+            {% endfor %}
+      </div>
+    </div>
+
+    <!-- End of Site Log Sections Sidebar Menu -->
+
+    <!-- Site Log Section Content -->
+    {% get_global 'active_section' as active_section %}
+    {% get_global 'active_subsection' as active_subsection %}
+    <div class="tab-content col-9 p-5" id="section-content">
+        <!-- Form Title-->
+        {% if section_name %}
+            <div class="section_header mb-4 pb-3 border-bottom">
+              <span class="slm-section-header">{{ section_name }}</span>
+            </div>
+        <!-- Section 0 Content -->
+        {% if multi %}
+        <div id="add-{{ section_id }}" class="d-grid gap-2 mb-2 d-flex justify-content-between">
+          <button type='submit' name='add' class="btn btn-success">
+            {% translate "Add Section" %}
+          </button>
+        </div>
+        <div class="accordion slm-form-stack" id="accordion-{{ section_id }}">
+        {% for form in forms %}
+            {% if not forloop.first %}
+                {% with form_inst_id=section_id|to_id:forloop.counter %}
+                    <div class="accordion-item">
+                        <h2 id="heading-{{ form_inst_id }}" class="accordion-header">
+                            <button id="{{ form.instance.subsection }}" class="slm-subsection {{ form.instance.mod_status.css }} {% if form.instance.is_deleted %}slm-section-deleted{% endif %} accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-{{ form_inst_id }}" data-slm-flags={{ form.flags|length }} data-slm-parent="{% if parent %}{{ parent }}-{% endif %}{{ section_id }}-tab" data-slm-status={{ form.instance.mod_status.value }} aria-expanded="true" aria-controls="accordion-{{ form_inst_id }}">
+                                <span class="section-number" {% if form.instance.is_deleted %}style="display: none"{% endif %}>{% if active_section %}{{ active_section }}.{% endif %}{% if active_subsection %}{{ active_subsection}}.{% endif %}{{ form.form_number }}</span><span><span class="slm-heading">{{ form.instance.heading }}</span> <span class="badge rounded-pill bg-danger slm-error-badge" {% if not form.flags %}style="display: none"{% endif %}>{{ form.flags|length }}</span></span><span class="slm-effective">{% if form.instance.effective %}{{ form.instance.effective }}</span>{% endif %}
+                            </button>
+                        </h2>
+                        <div id="accordion-{{ form_inst_id }}" class="accordion-collapse collapse" aria-labelledby="heading-{{ form_inst_id }}" data-bs-parent="#accordion-{{ section_id }}">
+                          <div class="accordion-body">
+                            {% with flag_id=section_id|to_id:form.instance.id|to_id:"flags" %}
+                            {{ form.instance.flags }}
+                            {% compress css inline %}
+                                {{ form.media.css }}
+                            {% endcompress %}
+                            {% compress js inline %}
+                                {{ form.media.js }}
+                                {{ form.flags|json_script:flag_id }}
+                            {% endcompress %}
+                            {% include 'slm/station/form.html' with form=form form_id=form_inst_id flag_id=flag_id %}
+                            {% endwith %}
+                          </div>
+                        </div>
+                    </div>
+                {% endwith %}
+            {% endif %}
+        {% endfor %}
+        </div>
+
+        <div id="new-form" style="display: none">
+            <div class="accordion-item">
+                <h2 id="heading-new_form_id" class="accordion-header">
+                    <button class="slm-subsection accordion-button" type="button" data-bs-toggle="collapse" data-slm-parent="{% if parent %}{{ parent }}-{% endif %}{{ section_id }}-tab" data-slm-status={{ SiteLogStatus.EMPTY.value }} aria-expanded="true">
+                        <span><span class="section-number">{% if active_section %}{{ active_section }}.{% endif %}{% if active_subsection %}{{ active_subsection}}.{% endif %}0</span><span><span class="slm-heading">{% translate "New" %}</span> <span class="badge rounded-pill bg-danger slm-error-badge" style="display: none">0</span></span></span><span class="slm-effective"></span>
+                    </button>
+                </h2>
+                <div id="accordion-new_form_id" class="accordion-collapse collapse show" data-bs-parent="#accordion-{{ section_id }}">
+                    <div class="accordion-body">
+                        {% include 'slm/station/form.html' with form=forms|first form_id='new_form_id' %}
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        {{ copy_last_on_add|json_script:"copy-last-on-add" }}
+
+        <script>
+            const hash = $(location).attr('hash');
+            if (hash) {
+                const btn = $(`button${hash}`);
+                btn.removeClass('collapsed');
+                $(btn.attr('data-bs-target')).addClass('show');
+            }
+
+            // initialize photo gallery
+            $('#photo-container [data-fancybox="gallery"]').fancybox({
+                buttons: [
+                    'download',
+                    'thumbs',
+                    'zoom',
+                    'fullScreen',
+                    'close'
+                ],
+                loop: false,
+                protect: true
+            });
+
+            const copyLast = JSON.parse(
+                document.getElementById('copy-last-on-add').textContent
+            );
+            if (typeof newIdx === 'undefined') {
+                var newIdx = {{ forms|length }};
+            }
+
+            $("#add-{{ section_id }} > button").click(function() {
+                let formId = `{{ section_id }}-new-${newIdx}`;
+                let stack = $("#accordion-{{ section_id }}");
+                let lastForm = $('form.slm-form').first();
+                let newNumber = slm.incrSectionNumber(
+                    lastForm.closest('.accordion-item').find('span.section-number').text()
+                );
+                let initial = slm.formToObject(lastForm, copyLast);
+                const newForm = $('#new-form').children().first().clone();
+                newForm.find('script').each(function() {
+                    const newScript = document.createElement('script');
+                    newScript.type = 'module';
+                    $(newScript).html($(this).html().replaceAll('new_form_id', formId));
+                    $(this).replaceWith(newScript);
+                });
+                newForm.find('[id*="new_form_id"]').each(function() {
+                    const newId = $(this).attr('id').replace('new_form_id', formId);
+                    newForm.find(
+                        `label[for="${$(this).attr('id')}"]`
+                    ).attr('for', newId);
+                    $(this).attr('id', newId);
+                });
+                const accordionBtn = newForm.find('button.accordion-button');
+                accordionBtn.find('span.section-number').text(newNumber);
+                accordionBtn.attr('data-bs-target', `#accordion-${formId}`);
+                accordionBtn.attr('aria-controls', `accordion-${formId}`);
+                newForm.find(`#accordion-${formId}`).attr('aria-labelledby', `heading-${formId}`);
+                stack.prepend(newForm);
+                slm.initForm($(`#site-${formId}`), initial);
+                $(`#site-${formId} div.slm-flag`).hide();
+                $(`#site-${formId} a[data-bs-toggle="tooltip"]`).tooltip();
+                $(`#site-${formId} a[data-bs-toggle="popover"]`).popover();
+                newIdx += 1;
+            });
+        </script>
+        {% elif forms %}
+            {% with form=forms|first %}
+              {% with flag_id=section_id|to_id:form.instance.id|to_id:"flags" %}
+              {% compress css inline %}
+                {{ form.media.css }}
+              {% endcompress %}
+              {% compress js inline %}
+                {{ form.media.js }}
+                {{ form.flags|json_script:flag_id }}
+              {% endcompress %}
+              {% include 'slm/station/form.html' with form=form form_id=section_id flag_id=flag_id %}
+              {% endwith %}
+            </div>
+        {% endwith %}
+      {% endif %}
+    {% else %}
+    <div class="row">
+        <div class="col-6">
+            {% block station_info_block %}
+            {% endblock station_info_block %}
+        </div>
+        <div class="col-6">
+            {% block station_info_block2 %}
+            <img class="slm-station-location" src=""/>
+            {% endblock station_info_block2 %}
+        </div>
+    </div>
+    <div class="row my-5">
+        {% block station_images %}
+        {% if station_images %}
+
+        {% load slm static compress i18n %}
+
+        <div class="col-12">
+            <h2>{% trans "Images" %}</h2>
+            <hr/>
+            <div id="photo-container">
+                {% for photo in station_images %}
+                <div class="card">
+                    <div class="card-image">
+                        <a href="{{ photo.edit_link }}" data-fancybox="gallery" data-caption="{{ photo.description|default:photo.name }} - {{ photo.created.date|default:photo.timestamp.date }}">
+                            <img src="{{ photo.edit_thumbnail_link }}" alt="Photos" style="image-orientation: none">
+                        </a>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+        </div>
+        {% endif %}
+        {% endblock %}
+    </div>
+    <div class="row my-5">
+        {% block station_attachments %}
+        {% if station_attachments %}
+        <div class="col-12">
+            <h2>{% trans "Attachments" %}</h2>
+            <hr/>
+            {% for attachment_row in station_attachments|split_rows:3 %}
+                <div class="row my-2">
+                    {% for attachment in attachment_row %}
+                    <div class="col-4 d-flex justify-content-center" style="text-align: center">
+                        <a href="{{attachment.edit_link}}" download>
+                            <i class="slm-attachment {{attachment.mimetype|file_icon}}" style="font-size: 120px;"></i>
+                            <p>{{attachment.name}}</p>
+                        </a>
+                    </div>
+                    {% endfor %}
+                </div>
+            {% endfor %}
+        </div>
+        {% endif %}
+        {% endblock %}
+    </div>
+    {% endif %}
+</div>
+{% endblock %}

slm/templates/slm/station/form.html

@@ -0,0 +1,110 @@
+{% load widget_tweaks i18n compress slm %}
+
+<!-- Form Fields -->
+<div class="form-group px-0">
+  <form id="site-{{ form_id }}" data-slm-section="{{ section_id }}" data-has-published="{{form.instance.has_published}}" {% if form.group_name %}data-slm-group="{{ form.group_name }}"{% endif %} data-slm-site="{{ station }}" data-slm-id="{% if form.instance.id %}{{ form.instance.id }}{% endif %}" data-slm-flags="{{ flag_id }}" class="slm-form {% if form.instance.is_deleted %}slm-section-deleted{% endif %}" data-slm-method="post" data-slm-api="{{ form.api }}">
+      <div class="alert alert-warning slm-form-unpublished" {% if not form.diff%}style="display: none"{% endif %}>{% trans "Changes have been saved but are not public, please "%} <a href="{% url 'slm:review' station=station %}">{% trans "submit to publish!" %}</a></div>
+    <div class="alert alert-warning slm-form-deleted" {% if not form.instance.is_deleted %}style="display: none"{% endif %}>{% trans "This section has been deleted, please " %}<a href="{% url 'slm:review' station=station %}">{% trans "submit to publish!" %}</a></div>
+
+    <div class="alert alert-danger slm-form-error" {% if not form.instance.flags %}style="display: none"{% endif %}>{% trans "This section has errors!" %}</div>
+    {% csrf_token %}
+    {% for structure in form.structured_fields %}
+        {% if structure.0 %}
+            <fieldset class="form-group slm-form-group">
+            <legend>{{ structure.0 }}</legend>
+        {% endif %}
+        {% for field in structure.1 %}
+          {% with diff=form.diff|key_value:field.name %}
+            {% with flag=form.flags|key_value:field.name %}
+              {% with field_id="id_"|add:field.name|add:"-"|add:form_id %}
+                <fieldset class="form-group slm-form-fieldset" data-slm-field="{{ field.name }}">
+                <legend></legend>
+                <div {% if field.is_hidden %}style="display: none"{% else %}class="row align-items-center d-flex justify-content-between mb-2 slm-form-field"{% endif %}>
+                  <div class="col-3">
+                      <label class="form-label" for="{{ field_id }}">{{ field.label }}{% if field.field.required %} <span style="color: #EB0000;">*</span>{% endif %}</label>
+                  </div>
+                  {% if is_moderator and not form.instance.is_deleted %}
+                  <div class="col-1 slm-mod-col p-0 text-end slm-flag">
+                      <a tabindex="0"
+                         type="button"
+                      ><span class="slm-flag-error">
+                          {% if not flag %}
+                              <i class="bi bi-flag"></i><i class="bi bi-flag-fill"></i>
+                          {% else %}
+                              <i class="bi bi-x-circle"></i><i class="bi bi-x-circle-fill"></i>
+                          {% endif %}
+                      </span>
+                      </a>
+                  </div>
+                  <div class="col-7">
+                  {% else %}
+                  <div class="col-8">
+                  {% endif %}
+                      {% if field.is_hidden %}
+                        {% render_field field id=field_id %}
+                      {% else %}
+                        {% with field_classes=field|section_field_classes:form %}
+                        {% if form.instance.is_deleted %}
+                            {% render_field field id=field_id class+=field_classes disabled="" %}
+                        {% else %}
+                            {% render_field field id=field_id class+=field_classes %}
+                        {% endif %}
+                        {% endwith %}
+                      {% endif %}
+                      {% if not field.is_hidden %}
+                      {% if is_moderator %}
+                      <label for="{{ field_id|to_id:'flag'}}" style="display: none;"><span class="visually-hidden">Flag for {{ field.label }}</span></label>
+                      <input id="{{ field_id|to_id:'flag'}}" type="text" name="{{ field.name }}_flag" data-slm-field="{{ field.name }}" {% if flag %}value="{{ flag }}"{% endif %} {% if not flag %}style="display: none;"{% endif %} class="form-control slm-flag-input" {% if form.instance.is_deleted %}disabled{% endif %}/>
+                      {% elif flag %}
+                          <div id="{{ field_id|to_id:'flag'}}" class="invalid-feedback slm-form-error">{{ flag }}</div>
+                      {% endif %}
+                      {% if diff %}
+                          <div id="{{ field_id|to_id:'diff'}}" class="invalid-feedback slm-form-unpublished">{% trans "The published value is " %}{{ diff.pub|value_filter }}</div>
+                      {% endif %}
+                      {% endif %}
+                  </div>
+                  <div class="col-1">
+                      {% if field.help_text %}
+                      <a tabindex="0"
+                         type="button"
+                         data-bs-toggle="popover"
+                         data-bs-trigger="focus"
+                         data-bs-placement="right"
+                         data-bs-content="{{ field.help_text }}"
+                      ><i class="bi bi-question-circle"></i>
+                      </a>
+                      {% endif %}
+                  </div>
+                </div>
+                </fieldset>
+                {% endwith %}
+              {% endwith %}
+          {% endwith %}
+        {% endfor %}
+        {% if structure.0 %}
+            </fieldset>
+        {% endif %}
+    {% endfor %}
+
+    <br/>
+    <!-- Save/Delete Buttons -->
+    <div class="d-grid gap-2 d-flex justify-content-between">
+      <div class="d-flex gap-2">
+          <button type='button' name='save' class="btn btn-success" {% if form.instance.is_deleted %}style="display: none"{% endif %}>
+            {% translate "Save" %}
+          </button>
+          <button type='button' name='publish' class="btn btn-success" {% if not can_publish or not form.instance.publishable %}style="display: none"{% endif %}>
+            {% translate "Publish Changes" %}
+          </button>
+      </div>
+        <div class="d-flex gap-2">
+            <button type='button' name='revert' class="btn btn-danger" {% if not form.instance.publishable or not form.instance.has_published %}style="display: none"{% endif %} title="{% trans 'Revert all unpublished changes to their published state.' %}">
+                {% translate "Revert" %}
+            </button>
+            <button type='button' name='delete' class="btn btn-danger" {% if not multi or form.instance.is_deleted %}style="display: none"{% endif %}>
+                {% translate "Delete" %}
+            </button>
+        </div>
+    </div>
+  </form>
+</div>

slm/templates/slm/station/log.html

@@ -0,0 +1,18 @@
+<!--
+
+Template for View/Diff page.
+
+-->
+
+{% extends "slm/station/base.html" %}
+
+{% block action_content %}
+<div class="container px-5">
+  <div class="d-flex flex-column justify-content-left align-items-left mt-4 pb-3 border-bottom">
+      <h2>Activity Log</h2>
+  </div>
+    <div class="container px-5 pt-3">
+    {% include 'slm/widgets/log_scroll.html' %}
+    </div>
+</div>
+{% endblock %}