List Images and Galleries, Access restrictions
This commit is contained in:
@@ -0,0 +1,15 @@
|
||||
{% extends '../global.html' %}
|
||||
|
||||
{% block content %}
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<div class="RV-Fieldset">
|
||||
{% include 'partials/form_input.html' with field=form.title %}
|
||||
{% include 'partials/form_input.html' with field=form.private classes='RV-Input--compact RV-Input--reverse' %}
|
||||
{% include 'partials/form_input.html' with field=form.images %}
|
||||
</div>
|
||||
<div class="RV-Fieldset">
|
||||
<button type="submit">Create</button>
|
||||
</div>
|
||||
</form>
|
||||
{% endblock content %}
|
@@ -0,0 +1,26 @@
|
||||
{% extends '../global.html' %}
|
||||
|
||||
{% load responsive_images %}
|
||||
|
||||
{% block content %}
|
||||
{% if gallery.title %}
|
||||
<h1>{{gallery.title}}</h1>
|
||||
{% endif %}
|
||||
<section class="RV-Images">
|
||||
<li class="RV-Images__list">
|
||||
{% for image in gallery.images.all %}
|
||||
<a href="{% url 'image' pk=image.id %}" class="RV-Image__link RV-Image__link--detail">
|
||||
<img class="RV-Image__source" src="{% src image.image_file 200x200 %}">
|
||||
</a>
|
||||
{% endfor %}
|
||||
</li>
|
||||
{% if gallery.private and gallery.visitors.all|length > 0 and gallery.created_by == visitor %}
|
||||
<div>
|
||||
<h2>You have gained access to the following people</h2>
|
||||
{% for visitor in gallery.visitors.all %}
|
||||
{{visitor.name}} <a href="{% url 'gallery_revoke_access' gallery_id=gallery.id visitor_id=visitor.id %}">Revoke access</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
{% endblock content %}
|
@@ -0,0 +1,17 @@
|
||||
{% extends '../global.html' %}
|
||||
|
||||
{% block content %}
|
||||
<form method="POST">
|
||||
{% csrf_token %}
|
||||
<div class="RV-Fieldset">
|
||||
<h1>You do not have access to this private gallery</h1>
|
||||
But you can gain access by entering the access code below:
|
||||
</div>
|
||||
<div class="RV-Fieldset">
|
||||
{% include 'partials/form_input.html' with field=form.access_code %}
|
||||
</div>
|
||||
<div class="RV-Fieldset">
|
||||
<button type="submit">Enter</button>
|
||||
</div>
|
||||
</form>
|
||||
{% endblock content %}
|
@@ -0,0 +1,40 @@
|
||||
{% extends '../global.html' %}
|
||||
|
||||
{% load responsive_images %}
|
||||
|
||||
{% block content %}
|
||||
<section class="RV-Images">
|
||||
<li class="RV-Images__list">
|
||||
{% for gallery in galleries %}
|
||||
<a href="{% url 'gallery' pk=gallery.pk %}" class="RV-Image__link RV-Image__link--detail">
|
||||
{% if gallery.images.all|length <= 0 %}
|
||||
no images
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length == 1 %}
|
||||
{% for image in gallery.images.all %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 200x200 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length == 2 %}
|
||||
{% for image in gallery.images.all %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 100x200 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length == 3 %}
|
||||
{% for image in gallery.images.all %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 100x100 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length >= 4 %}
|
||||
{% for image in gallery.images.all|slice:":4" %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 100x100 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.title %}
|
||||
<p class="RV-Image__title">{{gallery.title}}</p>
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</li>
|
||||
</section>
|
||||
{% endblock content %}
|
@@ -0,0 +1,80 @@
|
||||
{% extends '../global.html' %}
|
||||
|
||||
{% load responsive_images %}
|
||||
|
||||
{% block content %}
|
||||
{% if created_galleries|length > 0 %}
|
||||
<section class="RV-Images">
|
||||
<h2>Your galleries</h2>
|
||||
<li class="RV-Images__list">
|
||||
{% for gallery in created_galleries %}
|
||||
<a href="{% url 'gallery' pk=gallery.pk %}" class="RV-Image__link RV-Image__link--detail">
|
||||
{% if gallery.images.all|length <= 0 %}
|
||||
no images
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length == 1 %}
|
||||
{% for image in gallery.images.all %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 200x200 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length == 2 %}
|
||||
{% for image in gallery.images.all %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 100x200 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length == 3 %}
|
||||
{% for image in gallery.images.all %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 100x100 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length >= 4 %}
|
||||
{% for image in gallery.images.all|slice:":4" %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 100x100 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.title %}
|
||||
<p class="RV-Image__title">{{gallery.title}}</p>
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</li>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% if invited_galleries|length > 0 %}
|
||||
<section class="RV-Images">
|
||||
<h2>Galleries you were invited to</h2>
|
||||
<li class="RV-Images__list">
|
||||
{% for gallery in invited_galleries %}
|
||||
<a href="{% url 'gallery' pk=gallery.pk %}" class="RV-Image__link RV-Image__link--detail">
|
||||
{% if gallery.images.all|length <= 0 %}
|
||||
no images
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length == 1 %}
|
||||
{% for image in gallery.images.all %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 200x200 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length == 2 %}
|
||||
{% for image in gallery.images.all %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 100x200 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length == 3 %}
|
||||
{% for image in gallery.images.all %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 100x100 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.images.all|length >= 4 %}
|
||||
{% for image in gallery.images.all|slice:":4" %}
|
||||
<img class="RV-Image__source" src="{% src image.image_file 100x100 %}">
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if gallery.title %}
|
||||
<p class="RV-Image__title">{{gallery.title}}</p>
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</li>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% endblock content %}
|
@@ -30,18 +30,34 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="RV-Navigation__item">
|
||||
<a href="#" class="RV-Navigation__link">
|
||||
<a href="{% url 'my_galleries' %}" class="RV-Navigation__link">
|
||||
My galleries
|
||||
</a>
|
||||
</li>
|
||||
<li class="RV-Navigation__item">
|
||||
<a href="#" class="RV-Navigation__link">
|
||||
<a href="{% url 'create_gallery' %}" class="RV-Navigation__link">
|
||||
Create gallery
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="RV-UserInfo">
|
||||
<div class="RV-UserInfo__name">
|
||||
Hello there, {{ visitor.name }}
|
||||
</div>
|
||||
<ul class="RV-UserInfo__links">
|
||||
<li class="RV-UserInfo__link">
|
||||
<a href="{% url 'visitor_profile' %}">
|
||||
My Profile
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
{% if request.META.HTTP_REFERER %}
|
||||
<a href="{{ request.META.HTTP_REFERER }}">back</a>
|
||||
{% endif %}
|
||||
<main class="RV-Content">
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
|
@@ -0,0 +1,7 @@
|
||||
{% extends '../global.html' %}
|
||||
|
||||
{% load responsive_images %}
|
||||
|
||||
{% block content %}
|
||||
<img class="RV-Image" src="{% src image.image_file 1920x1200 nocrop %}" />
|
||||
{% endblock content %}
|
@@ -0,0 +1,7 @@
|
||||
{% extends '../global.html' %}
|
||||
|
||||
{% block content %}
|
||||
<h1>You have no access to this private image</h1>
|
||||
But you can gain access by entering the access code below:
|
||||
|
||||
{% endlbock content %}
|
@@ -0,0 +1,30 @@
|
||||
{% extends '../global.html' %}
|
||||
|
||||
{% load responsive_images %}
|
||||
|
||||
{% block content %}
|
||||
{% if uploaded_images|length > 0 %}
|
||||
<section class="RV-Images">
|
||||
<h2>Images you uploaded</h2>
|
||||
<li class="RV-Images__list">
|
||||
{% for image in uploaded_images %}
|
||||
<a href="{% url 'image' pk=image.id %}" class="RV-Image__link RV-Image__link--detail">
|
||||
<img class="RV-Image__source" src="{% src image.image_file 200x200 %}">
|
||||
</a>
|
||||
{% endfor %}
|
||||
</li>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% if shared_images|length > 0 %}
|
||||
<section class="RV-Images">
|
||||
<h2>Images shared with you</h2>
|
||||
<li class="RV-Images__list">
|
||||
{% for image in shared_images %}
|
||||
<a href="{% url 'image' pk=image.id %}" class="RV-Image__link RV-Image__link--detail">
|
||||
<img class="RV-Image__source" src="{% src image.image_file 200x200 %}">
|
||||
</a>
|
||||
{% endfor %}
|
||||
</li>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% endblock content %}
|
@@ -3,13 +3,13 @@
|
||||
{% load responsive_images %}
|
||||
|
||||
{% block content %}
|
||||
<sectoin class="RV-Images">
|
||||
<section class="RV-Images">
|
||||
<li class="RV-Images__list">
|
||||
{% for image in images %}
|
||||
<a href="#" class="RV-Image__link RV-Image__link--detail">
|
||||
<a href="{% url 'image' pk=image.id %}" class="RV-Image__link RV-Image__link--detail">
|
||||
<img class="RV-Image__source" src="{% src image.image_file 200x200 %}">
|
||||
</a>
|
||||
{% endfor %}
|
||||
</li>
|
||||
</sectoin>
|
||||
</section>
|
||||
{% endblock content %}
|
@@ -0,0 +1,13 @@
|
||||
{% extends '../global.html' %}
|
||||
|
||||
{% block content %}
|
||||
<form method="POST">
|
||||
{% csrf_token %}
|
||||
<div class="RV-Fieldset">
|
||||
{% include 'partials/form_input.html' with field=name_form.name %}
|
||||
</div>
|
||||
<div class="RV-Fieldset">
|
||||
<button type="submit">Save</button>
|
||||
</div>
|
||||
</form>
|
||||
{% endblock content %}
|
Reference in New Issue
Block a user