From 694637f9c3c47d57464d4a21fd7c1f8b174400b1 Mon Sep 17 00:00:00 2001 From: rabuzarus <> Date: Tue, 26 Jul 2016 10:36:34 +0200 Subject: [PATCH] frio: provide confirm modal --- mod/contacts.php | 3 ++- view/templates/contact_drop_confirm.tpl | 2 +- view/theme/frio/css/style.css | 8 ++++++++ view/theme/frio/templates/confirm.tpl | 14 ++++++++++++++ view/theme/frio/templates/contact_drop_confirm.tpl | 9 +++++++++ view/theme/frio/templates/contact_template.tpl | 2 +- 6 files changed, 35 insertions(+), 3 deletions(-) create mode 100644 view/theme/frio/templates/confirm.tpl create mode 100644 view/theme/frio/templates/contact_drop_confirm.tpl diff --git a/mod/contacts.php b/mod/contacts.php index 4eb435fc75..1fb48daf36 100644 --- a/mod/contacts.php +++ b/mod/contacts.php @@ -434,7 +434,8 @@ function contacts_content(&$a) { $a->page['aside'] = ''; return replace_macros(get_markup_template('contact_drop_confirm.tpl'), array( - '$contact' => _contact_detail_for_template($orig_record[0]), + '$header' => t('Drop contact'), + '$contact' => _contact_detail_for_template($orig_record[0]), '$method' => 'get', '$message' => t('Do you really want to delete this contact?'), '$extra_inputs' => $inputs, diff --git a/view/templates/contact_drop_confirm.tpl b/view/templates/contact_drop_confirm.tpl index 9b9a359714..48b61832d4 100644 --- a/view/templates/contact_drop_confirm.tpl +++ b/view/templates/contact_drop_confirm.tpl @@ -1,4 +1,4 @@ -<h1>{{"Drop contact"|t}}</h1> +<h1>{{$header}}</h1> {{include file="contact_template.tpl" no_contacts_checkbox=True}} diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index c7cf213724..30b2221e3b 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -1908,6 +1908,14 @@ ul li:hover .contact-wrapper a.contact-action-link:hover { #directory-search-wrapper{ padding: 10px 0; } +#contact-drop-confirm .contact-actions, +#contact-drop-confirm .contact-photo-overlay, +#contact-drop-confirm .contact-photo-menu { + display: none; +} +#contact-drop-confirm #confirm-form { + margin-top: 20px; +} /* directory page */ #directory-search-heading { diff --git a/view/theme/frio/templates/confirm.tpl b/view/theme/frio/templates/confirm.tpl new file mode 100644 index 0000000000..d0de608319 --- /dev/null +++ b/view/theme/frio/templates/confirm.tpl @@ -0,0 +1,14 @@ + +<form action="{{$confirm_url}}" id="confirm-form" method="{{$method}}"> + + <div id="confirm-message">{{$message}}</div> + {{foreach $extra_inputs as $input}} + <input type="hidden" name="{{$input.name}}" value="{{$input.value|escape:'html'}}" /> + {{/foreach}} + + <div class="form-group pull-right settings-submit-wrapper" > + <button type="submit" name="{{$confirm_name}}" id="confirm-submit-button" class="btn btn-primary confirm-button" value="{{$confirm|escape:'html'}}">{{$confirm|escape:'html'}}</button> + <button type="submit" name="canceled" id="confirm-cancel-button" class="btn confirm-button" data-dismiss="modal">{{$cancel|escape:'html'}}</button> + </div> + +</form> diff --git a/view/theme/frio/templates/contact_drop_confirm.tpl b/view/theme/frio/templates/contact_drop_confirm.tpl new file mode 100644 index 0000000000..d665fefed0 --- /dev/null +++ b/view/theme/frio/templates/contact_drop_confirm.tpl @@ -0,0 +1,9 @@ +<div id="contact-drop-confirm"> + <h2 class="heading">{{$header}}</h2> + + {{include file="contact_template.tpl" no_contacts_checkbox=True}} + + {{include file="confirm.tpl"}} + + <div class="clear"></div> +</div> diff --git a/view/theme/frio/templates/contact_template.tpl b/view/theme/frio/templates/contact_template.tpl index 37217c62ff..264e5a4c61 100644 --- a/view/theme/frio/templates/contact_template.tpl +++ b/view/theme/frio/templates/contact_template.tpl @@ -52,7 +52,7 @@ {{if $contact.photo_menu.poke}}<a class="contact-action-link" onclick="addToModal('{{$contact.photo_menu.poke.1}}')" data-toggle="tooltip" title="{{$contact.photo_menu.poke.0}}"><i class="fa fa-heartbeat" aria-hidden="true"></i></a>{{/if}} {{if $contact.photo_menu.network}}<a class="contact-action-link" href="{{$contact.photo_menu.network.1}}" data-toggle="tooltip" title="{{$contact.photo_menu.network.0}}"><i class="fa fa-cloud" aria-hidden="true"></i></a>{{/if}} {{if $contact.photo_menu.edit}}<a class="contact-action-link" href="{{$contact.photo_menu.edit.1}}" data-toggle="tooltip" title="{{$contact.photo_menu.edit.0}}"><i class="fa fa-pencil" aria-hidden="true"></i></a>{{/if}} - {{if $contact.photo_menu.drop}}<a class="contact-action-link" href="{{$contact.photo_menu.drop.1}}" data-toggle="tooltip" title="{{$contact.photo_menu.drop.0}}"><i class="fa fa-user-times" aria-hidden="true"></i></a>{{/if}} + {{if $contact.photo_menu.drop}}<a class="contact-action-link" onclick="addToModal('{{$contact.photo_menu.drop.1}}')" data-toggle="tooltip" title="{{$contact.photo_menu.drop.0}}"><i class="fa fa-user-times" aria-hidden="true"></i></a>{{/if}} {{if $contact.photo_menu.follow}}<a class="contact-action-link" href="{{$contact.photo_menu.follow.1}}" data-toggle="tooltip" title="{{$contact.photo_menu.follow.0}}"><i class="fa fa-user-plus" aria-hidden="true"></i></a>{{/if}} {{if $contact.photo_menu.hide}}<a class="contact-action-link" href="{{$contact.photo_menu.hide.1}}" data-toggle="tooltip" title="{{$contact.photo_menu.hide.0}}"><i class="fa fa-times" aria-hidden="true"></i></a>{{/if}} </div>