mirror of
https://git.friendi.ca/friendica/friendica.git
synced 2025-06-17 02:45:16 +02:00
template rework: use viewcontact_template.tpl for contact dealing pages
This commit is contained in:
parent
4c1c614fa6
commit
f9c0c1d696
21 changed files with 185 additions and 33 deletions
|
@ -7,9 +7,10 @@
|
|||
|
||||
<a href="{{$contact.url}}" title="{{$contact.img_hover}}" /><img src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" /></a>
|
||||
|
||||
{{if !$no_contacts_checkbox}}
|
||||
{{if $multiselect}}
|
||||
<input type="checkbox" class="contact-select" name="contact_batch[]" value="{{$contact.id}}">
|
||||
{{/if}}
|
||||
|
||||
{{if $contact.photo_menu}}
|
||||
<span onclick="openClose('contact-photo-menu-{{$contact.id}}');" class="fakelink contact-photo-menu-button" id="contact-photo-menu-button-{{$contact.id}}">menu</span>
|
||||
<div class="contact-photo-menu" id="contact-photo-menu-{{$contact.id}}">
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
|
||||
<h1>{{$header}}{{if $total}} ({{$total}}){{/if}}</h1>
|
||||
<h2>{{$header}}{{if $total}} ({{$total}}){{/if}}</h2>
|
||||
|
||||
{{if $finding}}<h4>{{$finding}}</h4>{{/if}}
|
||||
|
||||
|
|
|
@ -891,6 +891,10 @@ input#dfrn-url {
|
|||
.contact-entry-photo img {
|
||||
border: none;
|
||||
}
|
||||
.contact-entry-photo a img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
.contact-entry-photo-end {
|
||||
clear: both;
|
||||
}
|
||||
|
|
|
@ -1124,6 +1124,8 @@ input#dfrn-url {
|
|||
|
||||
.contact-entry-photo img {
|
||||
border: none;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
.contact-entry-photo-end {
|
||||
clear: both;
|
||||
|
|
|
@ -29,8 +29,8 @@
|
|||
|
||||
</div>
|
||||
<div class="contact-entry-photo-end" ></div>
|
||||
<div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >{{$contact.name}}</div><br />
|
||||
{{if $contact.alt_text}}<div class="contact-entry-details" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}}
|
||||
<div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >{{$contact.name}}</div><br />
|
||||
{{if $contact.alt_text}}<div class="contact-entry-details" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}}
|
||||
<div class="contact-entry-network" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div>
|
||||
|
||||
<div class="contact-entry-end" ></div>
|
||||
|
|
12
view/theme/frost-mobile/templates/viewcontact_template.tpl
Normal file
12
view/theme/frost-mobile/templates/viewcontact_template.tpl
Normal file
|
@ -0,0 +1,12 @@
|
|||
|
||||
{{include file="section_title.tpl"}}
|
||||
|
||||
<div id="contacts-display-wrapper">
|
||||
{{foreach $contacts as $contact}}
|
||||
{{include file="contact_template.tpl"}}
|
||||
{{/foreach}}
|
||||
</div>
|
||||
|
||||
<div id="view-contact-end"></div>
|
||||
|
||||
{{$paginate}}
|
|
@ -1093,15 +1093,19 @@ input#dfrn-url {
|
|||
.contact-entry-photo img {
|
||||
border: none;
|
||||
}
|
||||
.contact-entry-photo a img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
.contact-entry-photo-end {
|
||||
clear: both;
|
||||
}
|
||||
.contact-entry-name {
|
||||
float: left;
|
||||
/*float: left;*/
|
||||
margin-left: 0px;
|
||||
margin-right: 10px;
|
||||
padding-bottom: 5px;
|
||||
width: 120px;
|
||||
/*width: 120px;*/
|
||||
font-weight: 600;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
|
@ -10,8 +10,8 @@
|
|||
|
||||
{{if $contact.photo_menu}}
|
||||
<span onclick="openClose('contact-photo-menu-{{$contact.id}}');" class="fakelink contact-photo-menu-button" id="contact-photo-menu-button-{{$contact.id}}">menu</span>
|
||||
<div class="contact-photo-menu" id="contact-photo-menu-{{$contact.id}}">
|
||||
<ul>
|
||||
<div class="contact-photo-menu" id="contact-photo-menu-{{$contact.id}}">
|
||||
<ul>
|
||||
{{foreach $contact.photo_menu as $c}}
|
||||
{{if $c.2}}
|
||||
<li><a target="redir" href="{{$c.1}}">{{$c.0}}</a></li>
|
||||
|
@ -19,15 +19,15 @@
|
|||
<li><a href="{{$c.1}}">{{$c.0}}</a></li>
|
||||
{{/if}}
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="contact-entry-photo-end" ></div>
|
||||
<div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >{{$contact.name}}</div><br />
|
||||
{{if $contact.alt_text}}<div class="contact-entry-details" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}}
|
||||
<div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >{{$contact.name}}</div>
|
||||
{{if $contact.alt_text}}<div class="contact-entry-details" id="contact-entry-rel-{{$contact.id}}" >{{$contact.alt_text}}</div>{{/if}}
|
||||
<div class="contact-entry-network" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div>
|
||||
|
||||
<div class="contact-entry-end" ></div>
|
||||
|
|
|
@ -1543,6 +1543,31 @@ span[id^="showmore-wrap"] {
|
|||
left: 0px;
|
||||
top: 63px;
|
||||
}
|
||||
.contact-wrapper .drop {
|
||||
background-image: url('../../../images/icons/22/delete.png');
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
z-index: 99;
|
||||
}
|
||||
.contact-wrapper .drophide {
|
||||
background-image: url('../../../images/icons/22/delete.png');
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
opacity: 0.3;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
z-index: 99;
|
||||
}
|
||||
.contact-wrapper .contact-entry-connect {
|
||||
padding-top: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.directory-item {
|
||||
float: left;
|
||||
width: 200px;
|
||||
|
|
|
@ -1543,6 +1543,31 @@ span[id^="showmore-wrap"] {
|
|||
left: 0px;
|
||||
top: 63px;
|
||||
}
|
||||
.contact-wrapper .drop {
|
||||
background-image: url('../../../images/icons/22/delete.png');
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
z-index: 99;
|
||||
}
|
||||
.contact-wrapper .drophide {
|
||||
background-image: url('../../../images/icons/22/delete.png');
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
opacity: 0.3;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
z-index: 99;
|
||||
}
|
||||
.contact-wrapper .contact-entry-connect {
|
||||
padding-top: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.directory-item {
|
||||
float: left;
|
||||
width: 200px;
|
||||
|
|
|
@ -1543,6 +1543,31 @@ span[id^="showmore-wrap"] {
|
|||
left: 0px;
|
||||
top: 63px;
|
||||
}
|
||||
.contact-wrapper .drop {
|
||||
background-image: url('../../../images/icons/22/delete.png');
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
z-index: 99;
|
||||
}
|
||||
.contact-wrapper .drophide {
|
||||
background-image: url('../../../images/icons/22/delete.png');
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
opacity: 0.3;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
z-index: 99;
|
||||
}
|
||||
.contact-wrapper .contact-entry-connect {
|
||||
padding-top: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.directory-item {
|
||||
float: left;
|
||||
width: 200px;
|
||||
|
|
|
@ -877,6 +877,27 @@ span[id^="showmore-wrap"] {
|
|||
left: 0px;
|
||||
top: 63px;
|
||||
}
|
||||
.drop {
|
||||
background-image: url('../../../images/icons/22/delete.png');
|
||||
display: block; width: 22px; height: 22px;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
z-index: 99;
|
||||
}
|
||||
.drophide {
|
||||
background-image: url('../../../images/icons/22/delete.png');
|
||||
display: block; width: 22px; height: 22px;
|
||||
opacity: 0.3;
|
||||
position: relative;
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
z-index: 99;
|
||||
}
|
||||
.contact-entry-connect {
|
||||
padding-top: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.directory-item {
|
||||
float: left;
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
|
||||
<div class="contact-wrapper" id="contact-entry-wrapper-{{$id}}" >
|
||||
{{if $contact.ignlnk}}<a href="{{$contact.ignlnk}}" title="{{$contact.ignore}}" class="icon drophide profile-match-ignore" onmouseout="imgdull(this);" onmouseover="imgbright(this);" onclick="return confirmDelete();" ></a>{{/if}}
|
||||
<div class="contact-photo-wrapper" >
|
||||
<div class="contact-photo mframe" id="contact-entry-photo-{{$contact.id}}"
|
||||
onmouseover="if (typeof t{{$contact.id}} != 'undefined') clearTimeout(t{{$contact.id}}); openMenu('contact-photo-menu-button-{{$contact.id}}')"
|
||||
|
@ -7,7 +8,7 @@
|
|||
|
||||
<a href="{{$contact.url}}" title="{{$contact.img_hover}}" /><img src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" /></a>
|
||||
|
||||
{{if !$no_contacts_checkbox}}
|
||||
{{if $multiselect}}
|
||||
<input type="checkbox" class="contact-select" name="contact_batch[]" value="{{$contact.id}}">
|
||||
{{/if}}
|
||||
{{if $contact.photo_menu}}
|
||||
|
@ -30,6 +31,10 @@
|
|||
<div class="contact-details" id="contact-entry-url-{{$contact.id}}" >{{$contact.itemurl}}</div>
|
||||
<div class="contact-details" id="contact-entry-network-{{$contact.id}}" >{{$contact.network}}</div>
|
||||
|
||||
{{if $contact.connlnk}}
|
||||
<div class="contact-entry-connect"><a href="{{$contact.connlnk}}" title="{{$contact.conntxt}}">{{$contact.conntxt}}</a></div>
|
||||
{{/if}}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
@ -291,7 +291,7 @@ section {
|
|||
margin: 10px 0 0 230px;
|
||||
}
|
||||
|
||||
.login-form,
|
||||
.login-form {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
@ -2784,7 +2784,7 @@ margin-left: 0px;
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.contact-entry-name {
|
||||
.contact-entry-name, .contact-entry-connect {
|
||||
width: 100px;
|
||||
overflow: hidden;
|
||||
font: #999;
|
||||
|
@ -2805,6 +2805,11 @@ margin-left: 0px;
|
|||
-webkit-box-shadow: 0 0 8px #BDBDBD;*/
|
||||
}
|
||||
|
||||
.contact-entry-photo a img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.contact-entry-edit-links .icon {
|
||||
border: 1px solid #babdb6;
|
||||
border-radius: 3px;
|
||||
|
|
|
@ -2282,6 +2282,10 @@ aside #id_password {
|
|||
float: left;
|
||||
margin: 0px 10px 10px 0px;
|
||||
}
|
||||
.contact-entry-photo a img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
/* profile match wrapper */
|
||||
.profile-match-wrapper {
|
||||
float: left;
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
<a href="{{$contact.url}}" title="{{$contact.img_hover}}" /><img src="{{$contact.thumb}}" {{$contact.sparkle}} alt="{{$contact.name}}" /></a>
|
||||
|
||||
{{if !$no_contacts_checkbox}}
|
||||
{{if $multiselect}}
|
||||
<input type="checkbox" class="contact-select" name="contact_batch[]" value="{{$contact.id}}">
|
||||
{{/if}}
|
||||
{{if $contact.photo_menu}}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue