Merge pull request #2691 from rabuzarus/2607-contact_confirm
frio: intro templates + some restructure of core notifications.php
This commit is contained in:
GitHub
commit
a684a1c519
7 changed files with 613 additions and 479 deletions
|
|
@ -4,12 +4,12 @@
|
|||
|
||||
<p class="intro-desc">{{$str_notifytype}} {{$notify_type}}</p>
|
||||
<img id="photo-{{$contact_id}}" class="intro-photo" src="{{$photo}}" width="175" height=175" title="{{$fullname|escape:'html'}}" alt="{{$fullname|escape:'html'}}" />
|
||||
<dl><dt>{{$url_label}}</dt><dd><a target="blank" href="{{$zrl}}">{{$url}}</a></dd></dl>
|
||||
{{if $location}}<dl><dt>{{$location_label}}</dt><dd>{{$location}}</dd></dl>{{/if}}
|
||||
{{if $gender}}<dl><dt>{{$gender_label}}</dt><dd>{{$gender}}</dd></dl>{{/if}}
|
||||
{{if $keywords}}<dl><dt>{{$keywords_label}}</dt><dd>{{$keywords}}</dd></dl>{{/if}}
|
||||
{{if $about}}<dl><dt>{{$about_label}}</dt><dd>{{$about}}</dd></dl>{{/if}}
|
||||
<div class="intro-knowyou">{{$knowyou}}</div>
|
||||
<dl><dt>{{$lbl_url}}</dt><dd><a target="blank" href="{{$zrl}}">{{$url}}</a></dd></dl>
|
||||
{{if $location}}<dl><dt>{{$lbl_location}}</dt><dd>{{$location}}</dd></dl>{{/if}}
|
||||
{{if $gender}}<dl><dt>{{$lbl_gender}}</dt><dd>{{$gender}}</dd></dl>{{/if}}
|
||||
{{if $keywords}}<dl><dt>{{$lbl_keywords}}</dt><dd>{{$keywords}}</dd></dl>{{/if}}
|
||||
{{if $about}}<dl><dt>{{$lbl_about}}</dt><dd>{{$about}}</dd></dl>{{/if}}
|
||||
<div class="intro-knowyou">{{$lbl_knowyou}} {{$knowyou}}</div>
|
||||
<div class="intro-note" id="intro-note-{{$contact_id}}">{{$note}}</div>
|
||||
<div class="intro-wrapper-end" id="intro-wrapper-end-{{$contact_id}}"></div>
|
||||
<form class="intro-form" action="notifications/{{$intro_id}}" method="post">
|
||||
|
|
|
|||
|
|
@ -5,5 +5,18 @@
|
|||
{{if $tabs }}{{include file="common_tabs.tpl"}}{{/if}}
|
||||
|
||||
<div class="notif-network-wrapper">
|
||||
{{$notif_content}}
|
||||
{{* The "show ignored" link *}}
|
||||
{{if $notif_ignored_lnk}}{{$notif_ignored_lnk}}{{/if}}
|
||||
|
||||
{{* The notifications *}}
|
||||
{{if $notif_content}}
|
||||
{{foreach $notif_content as $notification}}
|
||||
{{$notification}}
|
||||
{{/foreach}}
|
||||
{{/if}}
|
||||
|
||||
{{* If no notifications messages available *}}
|
||||
{{if $notif_nocontent}}
|
||||
<div class="notif_nocontent">{{$notif_nocontent}}</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1798,7 +1798,7 @@ ul.dropdown-menu li:hover {
|
|||
.suggest-content-wrapper, .common-content-wrapper,
|
||||
.allfriends-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper,
|
||||
.directory-content-wrapper, .manage-content-wrapper, .notes-content-wrapper,
|
||||
.message-content-wrapper, .apps-content-wrapper, .notifications-content-wrapper,
|
||||
.message-content-wrapper, .apps-content-wrapper,
|
||||
.admin-content-wrapper, .group-content-wrapper, .viewcontacts-content-wrapper {
|
||||
min-height: calc(100vh - 150px);
|
||||
padding: 15px;
|
||||
|
|
@ -2157,6 +2157,54 @@ td.fc-day {
|
|||
.group {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/* Notifications */
|
||||
ul.notif-network-list {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
ul.notif-network-list > li {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.intro-wrapper.media {
|
||||
overflow: visible;
|
||||
word-wrap: break-word;
|
||||
margin-top: 0;
|
||||
}
|
||||
.intro-photo-wrapper img.intro-photo {
|
||||
height:80px;
|
||||
width: 80px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.intro-actions {
|
||||
display: flex;
|
||||
}
|
||||
.intro-enty-name h4 {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.intro-wrapper button.intro-action-link {
|
||||
opacity: 0.1;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
.intro-wrapper button.intro-action-link,
|
||||
.intro-wrapper button.intro-action-link:hover {
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
color: #555;
|
||||
}
|
||||
ul li:hover .intro-wrapper button.intro-action-link {
|
||||
opacity: 0.8;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
ul li:hover .intro-wrapper button.intro-action-link:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.intro-desc-label, .intro-url-label, .intro-network-label,
|
||||
.intro-location-label, .intro-gender-label, .intro-keywords-label,
|
||||
.intro-about-label, .intro-knowyou-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
/*
|
||||
* Overwriting for transparency and other colors
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -204,6 +204,19 @@ function addToModal(url) {
|
|||
});
|
||||
}
|
||||
|
||||
// Add a element (by it's id) to a bootstrap modal
|
||||
function addElmToModal(id) {
|
||||
var elm = $(id).html();
|
||||
var modal = $('#modal').modal();
|
||||
|
||||
modal
|
||||
.find('#modal-body')
|
||||
.append(elm)
|
||||
.modal.show;
|
||||
|
||||
loadModalTitle();
|
||||
}
|
||||
|
||||
// function to load the html from the edit post page into
|
||||
// the jot modal
|
||||
function editpost(url) {
|
||||
|
|
|
|||
54
view/theme/frio/templates/intros.tpl
Normal file
54
view/theme/frio/templates/intros.tpl
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
|
||||
<div class="intro-wrapper media" id="intro-{{$contact_id}}" >
|
||||
|
||||
{{* Contact Photo *}}
|
||||
<div class="intro-photo-wrapper dropdown pull-left" >
|
||||
<img id="photo-{{$contact_id}}" class="intro-photo media-object" src="{{$photo}}" title="{{$fullname|escape:'html'}}" alt="{{$fullname|escape:'html'}}" />
|
||||
</div>
|
||||
|
||||
<div class="media-body">
|
||||
{{* The intro actions like approve, ignore, discard intro*}}
|
||||
<div class="intro-actions pull-right nav-pills preferences hidden-xs">
|
||||
<button class="btn-link intro-action-link" onclick="addElmToModal('#intro-approve-wrapper-{{$contact_id}}')"><i class="fa fa-check" aria-hidden="true"></i></button>
|
||||
|
||||
<form class="intro-form" action="notifications/{{$intro_id}}" method="post">
|
||||
<button class="btn-link intro-submit-ignore intro-action-link" type="submit" name="submit" value="{{$ignore|escape:'html'}}"><i class="fa fa-ban" aria-hidden="true"></i></button>
|
||||
<button class="btn-link intro-submit-discard intro-action-link" type="submit" name="submit" value="{{$discard|escape:'html'}}"><i class="fa fa-trash-o" aria-hidden="true"></i></button>
|
||||
</form>
|
||||
</div>
|
||||
<div class='intro-enty-name'><h4 class="media-heading"><a href="{{$zrl}}">{{$fullname}}</a></h4></div>
|
||||
<div class="intro-desc"><span class="intro-desc-label">{{$str_notifytype}}</span>{{$notify_type}}</div>
|
||||
|
||||
{{* Additional information of the contact *}}
|
||||
<div class="intro-url"><span class="intro-url-label">{{$lbl_url}}: </span><a href="{{$zrl}}">{{$url}}</a></div>
|
||||
{{if $network}}<div class="intro-network"><span class="intro-network-label">{{$lbl_network}}</span> {{$network}}</div>{{/if}}
|
||||
{{if $location}}<div class="intro-location"><span class="intro-location-label">{{$lbl_location}}</span> {{$location}}</div>{{/if}}
|
||||
{{if $gender}}<div class="intro-gender"><span class="intro-gender-label">{{$lbl_gender}}</span> {{$gender}}</div>{{/if}}
|
||||
{{if $keywords}}<div class="intro-keywords"><span class="intro-keywords-label">{{$lbl_keywords}}</span> {{$keywords}}</div>{{/if}}
|
||||
{{if $about}}<div class="intro-about"><span class="intro-about-label">{{$lbl_about}}</span> {{$about}}</div>{{/if}}
|
||||
<div class="intro-knowyou"><span class="intro-knowyou-label">{{$lbl_knowyou}}</span>{{$knowyou}}</div>
|
||||
<div class="intro-note" id="intro-note-{{$contact_id}}">{{$note}}</div>
|
||||
|
||||
{{* This sections contains special settings for contact approval. We hide it by default and load this section in
|
||||
a bootstrap modal in the case of approval *}}
|
||||
<div id="intro-approve-wrapper-{{$contact_id}}" style="display: none;">
|
||||
|
||||
<h3 class="heading">{{$fullname}}{{if $addr}} ({{$addr}}){{/if}}</h3>
|
||||
<form class="intro-approve-form" action="dfrn_confirm" method="post">
|
||||
{{include file="field_checkbox.tpl" field=$hidden}}
|
||||
{{include file="field_checkbox.tpl" field=$activity}}
|
||||
<input type="hidden" name="dfrn_id" value="{{$dfrn_id}}" >
|
||||
<input type="hidden" name="intro_id" value="{{$intro_id}}" >
|
||||
<input type="hidden" name="contact_id" value="{{$contact_id}}" >
|
||||
|
||||
{{$dfrn_text}}
|
||||
|
||||
<div class="pull-right">
|
||||
<button class="btn btn-default intro-submit-approve" type="submit" name="submit" value="{{$approve|escape:'html'}}">{{$approve|escape:'html'}}</button>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="intro-end"></div>
|
||||
25
view/theme/frio/templates/notifications.tpl
Normal file
25
view/theme/frio/templates/notifications.tpl
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
|
||||
<div class="generic-page-wrapper">
|
||||
{{include file="section_title.tpl" title=$notif_header}}
|
||||
|
||||
{{if $tabs }}{{include file="common_tabs.tpl"}}{{/if}}
|
||||
|
||||
<div class="notif-network-wrapper">
|
||||
{{* The "show ignored" link *}}
|
||||
{{if $notif_ignored_lnk}}{{$notif_ignored_lnk}}{{/if}}
|
||||
|
||||
{{* The notifications *}}
|
||||
{{if $notif_content}}
|
||||
<ul class="notif-network-list media-list">
|
||||
{{foreach $notif_content as $notification}}
|
||||
<li>{{$notification}}</li>
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
|
||||
{{* If no notifications messages available *}}
|
||||
{{if $notif_nocontent}}
|
||||
<div class="notif_nocontent">{{$notif_nocontent}}</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue