aboutsummaryrefslogtreecommitdiffstats
path: root/view/tpl/profile_vcard.tpl
diff options
context:
space:
mode:
authorMario <mario@mariovavti.com>2023-05-17 13:28:23 +0000
committerMario <mario@mariovavti.com>2023-05-17 13:28:23 +0000
commit65d98af24c3c7b784f7e2c95998df65901011ce3 (patch)
treed7d6a60698d7a0c3704ea55cb71c543285186b17 /view/tpl/profile_vcard.tpl
parenta57739c462a7991bf2130e8eca0c383eb276f0cd (diff)
parent62d35627f35537d0056482047e74a27ad837c3cf (diff)
downloadvolse-hubzilla-65d98af24c3c7b784f7e2c95998df65901011ce3.tar.gz
volse-hubzilla-65d98af24c3c7b784f7e2c95998df65901011ce3.tar.bz2
volse-hubzilla-65d98af24c3c7b784f7e2c95998df65901011ce3.zip
Merge branch '8.4RC'8.4
Diffstat (limited to 'view/tpl/profile_vcard.tpl')
-rw-r--r--view/tpl/profile_vcard.tpl74
1 files changed, 40 insertions, 34 deletions
diff --git a/view/tpl/profile_vcard.tpl b/view/tpl/profile_vcard.tpl
index beec6b3a0..6cf40bf79 100644
--- a/view/tpl/profile_vcard.tpl
+++ b/view/tpl/profile_vcard.tpl
@@ -1,49 +1,55 @@
<div class="rounded mb-3 vcard-card h-card">
<div class="card mb-2">
- <div class="row">
- <div class="col-4" style="width: fit-content;">
- <div id="profile-photo-wrapper">
- <img class="rounded-start u-photo" src="{{$profile.photo}}?rev={{$profile.picdate}}" alt="{{$profile.fullname}}" style="width: 6rem; height:6rem;">
- </div>
+ <div class="position-relative">
+ <div id="cover-photo-wrapper" class="overflow-hidden w-100 rounded-top">
+ <img class="img-fluid rounded-top" src="{{$cover.url}}" alt="" style="">
</div>
- <div class="col-7 m-1 p-0">
- {{if $editmenu.multi}}
- <div class="dropdown float-end">
- <a class="profile-edit-side-link float-end" data-bs-toggle="dropdown" href="#" ><i class="fa fa-pencil" title="{{$editmenu.edit.1}}"></i></a>
- <div class="dropdown-menu dropdown-menu-end" role="menu">
- {{foreach $editmenu.menu.entries as $e}}
- <a href="profiles/{{$e.id}}" class="dropdown-item"><img class="menu-img-1" src='{{$e.photo}}'> {{$e.profile_name}}</a>
- {{/foreach}}
- {{if $editmenu.menu.cr_new}}
- <a href="profiles/new" id="profile-listing-new-link" class="dropdown-item">{{$editmenu.menu.cr_new}}</a>
- {{/if}}
- </div>
- </div>
- {{elseif $editmenu}}
- <a class="profile-edit-side-link float-end" href="{{$editmenu.edit.0}}" ><i class="fa fa-pencil" title="{{$editmenu.edit.1}}"></i></a>
- {{/if}}
-
- <div class="text-truncate lh-sm">
- <strong class="fn p-name">{{$profile.fullname}}{{if $profile.online}}<i class="fa fa-fw fa-asterisk text-danger ps-2" title="{{$profile.online}}"></i>{{/if}}</strong>
+ {{if $connect}}
+ <a href="{{$connect_url}}" class="btn btn-success btn-sm m-2 position-absolute top-0 end-0" rel="nofollow">
+ <i class="fa fa-plus"></i> {{$connect}}
+ </a>
+ {{/if}}
+ <div id="profile-cover-text" class="p-2 position-absolute bottom-0 w-100">
+ <div class="text-truncate h3 mb-0 lh-sm">
+ <strong class="text-white fn p-name">{{$profile.fullname}}{{if $profile.online}}<i class="fa fa-fw fa-circle text-success ps-2" title="{{$profile.online}}"></i>{{/if}}</strong>
</div>
<div class="text-truncate">
- <span class="text-muted p-adr">{{$profile.reddress}}</span>
+ <span class="text-white p-adr">{{$profile.reddress}}</span>
</div>
- {{if $connect}}
- <div class="mt-2">
- <a href="{{$connect_url}}" class="btn btn-success btn-sm" rel="nofollow">
- <i class="fa fa-plus"></i> {{$connect}}
- </a>
+ </div>
+ {{if $editmenu.multi}}
+ <div class="dropdown position-absolute bottom-0 end-0 m-2">
+ <a class="profile-edit-side-link text-white" data-bs-toggle="dropdown" href="#" ><i class="fa fa-pencil" title="{{$editmenu.edit.1}}"></i></a>
+ <div class="dropdown-menu dropdown-menu-end" role="menu">
+ {{foreach $editmenu.menu.entries as $e}}
+ <a href="profiles/{{$e.id}}" class="dropdown-item"><img class="menu-img-1" src='{{$e.photo}}'> {{$e.profile_name}}</a>
+ {{/foreach}}
+ {{if $editmenu.menu.cr_new}}
+ <a href="profiles/new" id="profile-listing-new-link" class="dropdown-item">{{$editmenu.menu.cr_new}}</a>
+ {{/if}}
</div>
- {{/if}}
</div>
+ {{elseif $editmenu}}
+ <div class="position-absolute bottom-0 end-0 m-2">
+ <a class="profile-edit-side-link text-white" href="{{$editmenu.edit.0}}" ><i class="fa fa-pencil" title="{{$editmenu.edit.1}}"></i></a>
+ </div>
+ {{/if}}
+ </div>
+ <div class="d-flex">
+ <div id="profile-photo-wrapper" class="bg-body-secondary rounded rounded-end-0 rounded-top-0 overflow-hidden" style="min-width: 5rem; min-height: 5rem;">
+ <img class="u-photo" src="{{$profile.thumb}}?rev={{$profile.picdate}}" alt="{{$profile.fullname}}" style="width: 5rem; height: 5rem;">
+ </div>
+ {{if $profile.pdesc}}
+ <div class="m-2 small text-break">{{$profile.pdesc}}</div>
+ {{else}}
+ <div class="m-2 small">
+ <span class="opacity-50">{{$no_pdesc}}</span>
+ </div>
+ {{/if}}
</div>
</div>
{{if $details}}
<div class="vcard ps-2 pe-2">
- {{if $profile.pdesc}}
- <div class="mb-2">{{$profile.pdesc}}</div>
- {{/if}}
{{if $location}}
<dl class="mb-0 pb-1">
<dt class="location-label">{{$location}}</dt>