external-repos/ivatar
1
0
Fork 0
mirror of https://git.linux-kernel.at/oliver/ivatar.git synced 2025-11-16 04:58:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

profile page grid style

Browse Source
This commit is contained in:
Lukas Schönsgibl
2020-10-06 20:16:52 +02:00
parent 669f0bf71e
commit a6b8245ec3
2 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
ivatar/ivataraccount/templates/profile.html
View File

@@ -70,39 +70,40 @@ outline: inherit;
{% if user.confirmedemail_set.count or user.confirmedopenid_set.count %} {% if user.confirmedemail_set.count or user.confirmedopenid_set.count %}
<h3>{% trans 'You have the following confirmed identities:' %}</h3> <h3>{% trans 'You have the following confirmed identities:' %}</h3>
<div class="row"> <div class="row profileid">
{% for email in user.confirmedemail_set.all %} {% for email in user.confirmedemail_set.all %}
<form action="{% url 'remove_confirmed_email' email.id %}" method="post"> <form action="{% url 'remove_confirmed_email' email.id %}" method="post">
{% csrf_token %} {% csrf_token %}
<div class="panel" style="width:172px;margin-left:20px;float:left"> <div>
<div class="panel-heading" style="padding-right:0"> <div class="panel-heading" style="padding-right:0">
<h3 class="panel-title" title="{{ email.email }}" style="display:inline-flex"><a href="{% url 'assign_photo_email' email.id %}"><i class="fa fa-edit"></i></a>&nbsp; <h3 class="panel-title" title="{{ email.email }}" style="display:inline-flex">
<button type="submit" class="nobutton" onclick="return confirm('{% trans 'Are you sure that you want to delete this email address?' %}')"><i class="fa fa-trash"></i></button>&nbsp; <a href="{% url 'assign_photo_email' email.id %}">
<i class="fa fa-edit"></i>
</a>&nbsp;
<button type="submit" class="nobutton" onclick="return confirm('{% trans 'Are you sure that you want to delete this email address?' %}')">
<i class="fa fa-trash"></i>
</button>&nbsp;
{{ email.email|truncatechars:12 }}</h3> {{ email.email|truncatechars:12 }}</h3>
</div> </div>
<div class="panel-body" style="height:130px"> <div class="panel-body" style="height:130px">
<center>
<img title="{% trans 'Access count' %}: {{ email.access_count }}" style="max-height:100px;max-width:100px" src="{% if email.photo %}{% url 'raw_image' email.photo.id %}{% else %}{% static '/img/nobody/80.png' %}{% endif %}"> <img title="{% trans 'Access count' %}: {{ email.access_count }}" style="max-height:100px;max-width:100px" src="{% if email.photo %}{% url 'raw_image' email.photo.id %}{% else %}{% static '/img/nobody/80.png' %}{% endif %}">
</center>
</div> </div>
</div> </div>
</form> </form>
{% endfor %} {% endfor %}
{% for openid in user.confirmedopenid_set.all %} {% for openid in user.confirmedopenid_set.all %}
<form action="{% url 'remove_confirmed_openid' openid.id %}" method="post">{% csrf_token %} <form action="{% url 'remove_confirmed_openid' openid.id %}" method="post">{% csrf_token %}
<div class="panel" style="width:172px;margin-left:20px;float:left"> <div>
<div class="panel-heading" style="padding-right:0"> <div class="panel-heading" style="padding-right:0">
<h3 class="panel-title" title="{{ openid.openid }}" style="display:inline-flex"><a href="{% url 'assign_photo_openid' openid.pk %}"><i class="fa fa-edit"></i></a>&nbsp; <h3 class="panel-title" title="{{ openid.openid }}" style="display:inline-flex"><a href="{% url 'assign_photo_openid' openid.pk %}"><i class="fa fa-edit"></i></a>&nbsp;
<button type="submit" class="nobutton" onclick="return confirm('{% trans 'Are you sure that you want to delete this OpenID?' %}')"><i class="fa fa-trash"></i></button>&nbsp; <button type="submit" class="nobutton" onclick="return confirm('{% trans 'Are you sure that you want to delete this OpenID?' %}')"><i class="fa fa-trash"></i></button>&nbsp;
{{ openid.openid|cut:"http://"|cut:"https://"|truncatechars:12 }}</h3> {{ openid.openid|cut:"http://"|cut:"https://"|truncatechars:12 }}</h3>
</div> </div>
<div class="panel-body" style="height:130px"> <div class="panel-body" style="height:130px">
<center> <img title="{% trans 'Access count' %}: {{ openid.access_count }}" style="max-height:100px;max-width:100px" src="{% if openid.photo %}{% url 'raw_image' openid.photo.id %}{% else %}{% static '/img/nobody/80.png' %}{% endif %}">
<img title="{% trans 'Access count' %}: {{ openid.access_count }}" style="max-height:100px;max-width:100px" src="{% if openid.photo %}{% url 'raw_image' openid.photo.id %}{% else %}{% static '/img/nobody/80.png' %}{% endif %}">
</center>
</div> </div>
</div> </div>
</form> </form>
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% endif %}
@@ -118,16 +119,16 @@ outline: inherit;
<span class="input-group-addon" style="width: auto;">{{ email.email }}</span> <span class="input-group-addon" style="width: auto;">{{ email.email }}</span>
</div> </div>
</form> </form>
{# TODO: (expires in xx hours) #} {# TODO: (expires in xx hours) #}
{% endfor %} {% endfor %}
{% for openid in user.unconfirmedopenid_set.all %} {% for openid in user.unconfirmedopenid_set.all %}
<form action="{% url 'remove_unconfirmed_openid' openid.id %}" method="post"> <form action="{% url 'remove_unconfirmed_openid' openid.id %}" method="post">
{% csrf_token %} {% csrf_token %}
<div class="btn-group form-group" role="group"> <div class="btn-group form-group" role="group">
<button type="submit" class="button" onclick="return confirm('{% trans 'Are you sure that you want to delete this OpenID?' %}')"><i class="fa fa-trash"></i></button> <button type="submit" class="button" onclick="return confirm('{% trans 'Are you sure that you want to delete this OpenID?' %}')"><i class="fa fa-trash"></i></button>
<span class="input-group-addon">{{ openid.openid }}</span> <span class="input-group-addon">{{ openid.openid }}</span>
</div> </div>
</form> </form>
{# TODO: (expires in xx hours) #} {# TODO: (expires in xx hours) #}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
@@ -140,16 +141,14 @@ outline: inherit;
<h3>{% trans 'Here are the photos you have uploaded/imported:' %}</h3> <h3>{% trans 'Here are the photos you have uploaded/imported:' %}</h3>
<div class="row"> <div class="row">
{% for photo in user.photo_set.all %} {% for photo in user.photo_set.all %}
<div class="panel panel-tortin" style="width:132px;margin-left:20px;float:left"> <div class="panel panel-tortin" style="width:132px;margin-left:20px;float:left">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title"><a href="{% url 'delete_photo' photo.pk %}" onclick="return confirm('{% trans 'Are you sure that you want to delete this image?' %}')"><i class="fa fa-trash"></i></a> {% trans 'Image' %} {{ forloop.counter }}</h3> <h3 class="panel-title"><a href="{% url 'delete_photo' photo.pk %}" onclick="return confirm('{% trans 'Are you sure that you want to delete this image?' %}')"><i class="fa fa-trash"></i></a> {% trans 'Image' %} {{ forloop.counter }}</h3>
</div> </div>
<div class="panel-body" style="height:130px"> <div class="panel-body" style="height:130px">
<center> <img title="{% trans 'Access count' %}: {{ photo.access_count }}" style="max-height:100px;max-width:100px" src="{% url 'raw_image' photo.id %}">
<img title="{% trans 'Access count' %}: {{ photo.access_count }}" style="max-height:100px;max-width:100px" src="{% url 'raw_image' photo.id %}"> </div>
</center> </div>
</div>
</div>
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% endif %}

3
ivatar/static/css/libravatar_base.css
View File

@@ -728,3 +728,6 @@ color:#335ECF;
margin-top: 11rem !important; margin-top: 11rem !important;
} }
} }
.row.profileid{
display:grid;
}