refactor: remove deprecated styleguides
This commit is contained in:
@@ -1,120 +0,0 @@
|
|||||||
{% extends "fellchensammlung/base_bulma.html" %}
|
|
||||||
{% load i18n %}
|
|
||||||
{% load static %}
|
|
||||||
{% block title %}<title>{% translate "Styleguide für Bulma" %}</title>{% endblock %}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<h1 class="title">
|
|
||||||
Hello World
|
|
||||||
</h1>
|
|
||||||
<p class="subtitle">
|
|
||||||
Notfellchen bald mit <strong>Bulma</strong>?
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="grid">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-image">
|
|
||||||
<figure class="image">
|
|
||||||
<img
|
|
||||||
src="{% static 'fellchensammlung/img/example_rat_single.png' %}"
|
|
||||||
alt="Placeholder image"
|
|
||||||
/>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="card-content">
|
|
||||||
<div class="media">
|
|
||||||
<div class="media-left">
|
|
||||||
<figure class="image is-48x48">
|
|
||||||
<img
|
|
||||||
src="https://bulma.io/assets/images/placeholders/96x96.png"
|
|
||||||
alt="Placeholder image"
|
|
||||||
/>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="media-content">
|
|
||||||
<p class="title is-4">John Smith</p>
|
|
||||||
<p class="subtitle is-6">@johnsmith</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
Süße Ratte sucht Zuhause
|
|
||||||
<a href="#">#responsive</a>
|
|
||||||
<br/>
|
|
||||||
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-image">
|
|
||||||
<figure class="image">
|
|
||||||
<img
|
|
||||||
src="{% static 'fellchensammlung/img/example_rat_single.png' %}"
|
|
||||||
alt="Placeholder image"
|
|
||||||
/>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="card-content">
|
|
||||||
<div class="media">
|
|
||||||
<div class="media-left">
|
|
||||||
<figure class="image is-48x48">
|
|
||||||
<img
|
|
||||||
src="https://bulma.io/assets/images/placeholders/96x96.png"
|
|
||||||
alt="Placeholder image"
|
|
||||||
/>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="media-content">
|
|
||||||
<p class="title is-4">John Smith</p>
|
|
||||||
<p class="subtitle is-6">@johnsmith</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
Süßeste Ratte sucht Zuhause
|
|
||||||
<a href="#">#responsive</a>
|
|
||||||
<br/>
|
|
||||||
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-image">
|
|
||||||
<figure class="image">
|
|
||||||
<img
|
|
||||||
src="{% static 'fellchensammlung/img/example_rat_single.png' %}"
|
|
||||||
alt="Placeholder image"
|
|
||||||
/>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="card-content">
|
|
||||||
<div class="media">
|
|
||||||
<div class="media-left">
|
|
||||||
<figure class="image is-48x48">
|
|
||||||
<img
|
|
||||||
src="https://bulma.io/assets/images/placeholders/96x96.png"
|
|
||||||
alt="Placeholder image"
|
|
||||||
/>
|
|
||||||
</figure>
|
|
||||||
</div>
|
|
||||||
<div class="media-content">
|
|
||||||
<p class="title is-4">John Smith</p>
|
|
||||||
<p class="subtitle is-6">@johnsmith</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
Süßere Ratte sucht Zuhause
|
|
||||||
<a href="#">#responsive</a>
|
|
||||||
<br/>
|
|
||||||
<time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,89 +0,0 @@
|
|||||||
{% extends "fellchensammlung/base_generic.html" %}
|
|
||||||
{% load i18n %}
|
|
||||||
|
|
||||||
{% block title %}<title>{% translate "Suche" %}</title>{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
{% get_current_language as LANGUAGE_CODE_CURRENT %}
|
|
||||||
<div class="container-cards">
|
|
||||||
<form class="form-search card half" method="post">
|
|
||||||
{% csrf_token %}
|
|
||||||
<input type="hidden" name="longitude" maxlength="200" id="longitude">
|
|
||||||
<input type="hidden" name="latitude" maxlength="200" id="latitude">
|
|
||||||
<input type="hidden" id="place_id" name="place_id">
|
|
||||||
{{ search_form }}
|
|
||||||
<ul id="results"></ul>
|
|
||||||
<div class="container-edit-buttons">
|
|
||||||
<button class="btn" type="submit" value="search" name="search">
|
|
||||||
<i class="fas fa-search"></i> {% trans 'Suchen' %}
|
|
||||||
</button>
|
|
||||||
{% if searched %}
|
|
||||||
{% if subscribed_search %}
|
|
||||||
<button class="btn" type="submit" value="{{ subscribed_search.pk }}"
|
|
||||||
name="unsubscribe_to_search">
|
|
||||||
<i class="fas fa-bell-slash"></i> {% trans 'Suche nicht mehr abonnieren' %}
|
|
||||||
</button>
|
|
||||||
{% else %}
|
|
||||||
<button class="btn" type="submit" name="subscribe_to_search">
|
|
||||||
<i class="fas fa-bell"></i> {% trans 'Suche abonnieren' %}
|
|
||||||
</button>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% if place_not_found %}
|
|
||||||
<p class="error">
|
|
||||||
{% trans 'Ort nicht gefunden' %}
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
</form>
|
|
||||||
<div class="card half">
|
|
||||||
{% include "fellchensammlung/partials/partial-map.html" %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% include "fellchensammlung/lists/list-adoption-notices.html" %}
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const locationInput = document.getElementById('id_location_string');
|
|
||||||
const resultsList = document.getElementById('results');
|
|
||||||
const placeIdInput = document.getElementById('place_id');
|
|
||||||
|
|
||||||
locationInput.addEventListener('input', async function () {
|
|
||||||
const query = locationInput.value.trim();
|
|
||||||
|
|
||||||
if (query.length < 3) {
|
|
||||||
resultsList.innerHTML = ''; // Don't search for or show results if input is less than 3 characters
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
// Search with preference to center of germany and only for cities
|
|
||||||
const response = await fetch(`{{ geocoding_api_url }}/?q=${encodeURIComponent(query)}&limit=5&lang={{ LANGUAGE_CODE_CURRENT }}&lat=51.95&lon=10.26&layer=city`);
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (data && data.features) {
|
|
||||||
resultsList.innerHTML = ''; // Clear previous results
|
|
||||||
|
|
||||||
const locations = data.features.slice(0, 5); // Show only the first 5 results
|
|
||||||
|
|
||||||
locations.forEach(location => {
|
|
||||||
const listItem = document.createElement('li');
|
|
||||||
listItem.classList.add('result-item');
|
|
||||||
listItem.textContent = geojson_to_summary(location);
|
|
||||||
|
|
||||||
// Add event when user clicks on a result location
|
|
||||||
listItem.addEventListener('click', () => {
|
|
||||||
|
|
||||||
locationInput.value = geojson_to_searchable_string(location); // Set input field to selected location
|
|
||||||
resultsList.innerHTML = ''; // Clear the results after selecting a location
|
|
||||||
});
|
|
||||||
|
|
||||||
resultsList.appendChild(listItem);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error fetching location data:', error);
|
|
||||||
resultsList.innerHTML = '<li class="result-item">Error fetching data. Please try again.</li>';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
{% extends "fellchensammlung/base_generic.html" %}
|
|
||||||
{% load i18n %}
|
|
||||||
{% load static %}
|
|
||||||
{% block title %}<title>{% translate "Styleguide" %}</title>{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<h1>This is a heading</h1>
|
|
||||||
<p>And this is a short paragraph below</p>
|
|
||||||
<div class="container-cards">
|
|
||||||
<h2>Card Containers</h2>
|
|
||||||
<div class="card">
|
|
||||||
<h3>I am a card</h3>
|
|
||||||
<p>Cards are responsive. Use them to display multiple items of the same category</p>
|
|
||||||
</div>
|
|
||||||
<div class="card">
|
|
||||||
<h3>Photos</h3>
|
|
||||||
<p>Cards are responsive. Use them to display multiple items of the same category</p>
|
|
||||||
<img src="{% static 'fellchensammlung/img/example_rat_single.png' %}" alt="A rat sitting on a wooden house">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container-cards">
|
|
||||||
<form class="form-search card half" method="post">
|
|
||||||
<label for="inputA">Input Alpha</label>
|
|
||||||
<input name="inputA" maxlength="200" id="inputA">
|
|
||||||
<label for="inputB">Beta</label>
|
|
||||||
<input name="inputB" maxlength="200" id="inputB">
|
|
||||||
<label for="id_location_string">Ort</label>
|
|
||||||
<input name="location_string" id="id_location_string">
|
|
||||||
</form>
|
|
||||||
<div class="card half">
|
|
||||||
{% include "fellchensammlung/partials/partial-map.html" %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% include "fellchensammlung/lists/list-adoption-notices.html" %}
|
|
||||||
{% endblock %}
|
|
||||||
@@ -705,14 +705,6 @@ def export_own_profile(request):
|
|||||||
return HttpResponse(full_json, content_type="application/json")
|
return HttpResponse(full_json, content_type="application/json")
|
||||||
|
|
||||||
|
|
||||||
def styleguide(request):
|
|
||||||
context = {"geocoding_api_url": settings.GEOCODING_API_URL, }
|
|
||||||
return render(request, 'fellchensammlung/styleguide.html', context=context)
|
|
||||||
|
|
||||||
|
|
||||||
def styleguide_bulma(request):
|
|
||||||
return render(request, 'fellchensammlung/bulma-styleguide.html')
|
|
||||||
|
|
||||||
|
|
||||||
@login_required
|
@login_required
|
||||||
def rescue_organization_check(request):
|
def rescue_organization_check(request):
|
||||||
|
|||||||
Reference in New Issue
Block a user