base setup grid profile page

This commit is contained in:
Lukas Schönsgibl
2020-10-07 06:58:54 +02:00
parent 95776f120b
commit eddeb9028f
2 changed files with 23 additions and 20 deletions

View File

@@ -66,6 +66,9 @@ outline: inherit;
display: contents; display: contents;
} }
} }
.panel-heading{
background: #70768682;
}
</style> </style>
{% if user.confirmedemail_set.count or user.confirmedopenid_set.count %} {% if user.confirmedemail_set.count or user.confirmedopenid_set.count %}
@@ -77,29 +80,19 @@ outline: inherit;
<div> <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"> <h3 class="panel-title" title="{{ email.email }}" style="display:inline-flex">
<a href="{% url 'assign_photo_email' email.id %}"> {{ email.email }}
<i class="fa fa-edit"></i> </h3>
</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 }}</h3>
</div> </div>
<div class="panel-body profile" style="height:130px"> <div class="panel-body profile">
<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 %}">
<div class="profile-edit"> <div class="profile-edit">
<a href="{% url 'assign_photo_email' email.id %}"> <a href="{% url 'assign_photo_email' email.id %}">
<p> Change Profile Picture
<i class="fa fa-edit">Change Profile Picture</i>
</p>
</a> </a>
</div> </div>
<div class="email-delete"> <div class="email-delete">
<button type="submit" class="nobutton" onclick="return confirm('{% trans 'Are you sure that you want to delete this email address?' %}')"> <button type="submit" class="nobutton" onclick="return confirm('{% trans 'Are you sure that you want to delete this email address?' %}')">
<p>
<i class="fa fa-trash"></i>
Delete Profile Picture Delete Profile Picture
</p>
</button> </button>
</div> </div>
</div> </div>
@@ -111,11 +104,21 @@ outline: inherit;
<div> <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;
{{ 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 profile">
<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 %}">
<div class="profile-edit">
<a href="{% url 'assign_photo_openid' openid.pk %}">
Change OpenID Picture
</a>
</div>
<div class="email-delete">
<button type="submit" class="nobutton" onclick="return confirm('{% trans 'Are you sure that you want to delete this OpenID?' %}')">
Delete OpenID
</button>
</div>
</div> </div>
</div> </div>
</form> </form>

View File

@@ -745,5 +745,5 @@ color:#335ECF;
} }
.panel-body.profile > div, .panel-body.profile > img { .panel-body.profile > div, .panel-body.profile > img {
text-align: center; text-align: left;
} }