diff options
Diffstat (limited to 'view/tpl/abook_edit.tpl')
| -rwxr-xr-x | view/tpl/abook_edit.tpl | 185 |
1 files changed, 9 insertions, 176 deletions
diff --git a/view/tpl/abook_edit.tpl b/view/tpl/abook_edit.tpl index 0b18e5d4c..383eb49ed 100755 --- a/view/tpl/abook_edit.tpl +++ b/view/tpl/abook_edit.tpl @@ -98,172 +98,6 @@ <div id="vcard-tool-collapse" class="panel-collapse collapse{{if !$is_pending || $section == 'vcard'}} in{{/if}}" role="tabpanel" aria-labelledby="vcard-tool"> -<script> -$(document).ready(function() { - - $(document).on('click', '.vcard-header, .vcard-cancel-btn', updateView); - $(document).on('click', '.add-field', doAdd); - $(document).on('click', '.remove-field', doRemove); - - function updateView() { - var id = $(this).data('id'); - var action = $(this).data('action'); - var header = $('#vcard-header-' + id); - var cancel = $('#vcard-cancel-' + id); - var addField = $('#vcard-add-field-' + id); - var info = $('#vcard-info-' + id); - var vcardPreview = $('#vcard-preview-' + id); - var fn = $('#vcard-fn-' + id); - - if(action === 'open') { - $(header).addClass('active'); - $(cancel).show(); - $(addField).show(); - $(info).show(); - $(fn).show(); - $(vcardPreview).hide(); - } - else { - $(header).removeClass('active'); - $(cancel).hide(); - $(addField).hide(); - $(info).hide(); - $(fn).hide(); - $(vcardPreview).show(); - } - } - - function doAdd() { - var what = $(this).data('add'); - var id = $(this).data('id'); - var element = '#template-form-' + what; - var where = '#card_form_' + id; - - $(element + ' .remove-field').attr('data-id', id) - - if(what === 'vcard-adr') { - var adrCount = $(where + ' .form-' + what).length; - var attrName = 'adr[' + adrCount + '][]'; - $(element + ' input').attr('name', attrName); - } - - if(what === 'vcard-org' || what === 'vcard-title' || what === 'vcard-note') { - $(where + ' .add-' + what).hide() - } - - $(element).clone().removeAttr('id').appendTo(where + ' .form-' + what + '-wrapper'); - } - - function doRemove() { - var what = $(this).data('remove'); - var element = $(this).parents('div.form-' + what); - var where = '#card_form_' + $(this).data('id'); - - if(what === 'vcard-org' || what === 'vcard-title' || what === 'vcard-note') { - $(where + ' .add-' + what).show() - } - - $(element).remove(); - } - -}); -</script> - - - - <div class="dropdown pull-right"> - <button data-toggle="dropdown" type="button" class="btn btn-default btn-sm dropdown-toggle"><i class="fa fa-plus"></i> {{$add_field}}</button> - <ul class="dropdown-menu"> - <li class="add-vcard-org" style="display: none"><a href="#" data-add="vcard-org" data-id="new" class="add-field" onclick="return false;">{{$org_label}}</a></li> - <li class="add-vcard-title" style="display: none"><a href="#" data-add="vcard-title" data-id="new" class="add-field" onclick="return false;">{{$title_label}}</a></li> - <li class="add-vcard-tel"><a href="#" data-add="vcard-tel" data-id="new" class="add-field" onclick="return false;">{{$tel_label}}</a></li> - <li class="add-vcard-email"><a href="#" data-add="vcard-email" data-id="new" class="add-field" onclick="return false;">{{$email_label}}</a></li> - <li class="add-vcard-impp"><a href="#" data-add="vcard-impp" data-id="new" class="add-field" onclick="return false;">{{$impp_label}}</a></li> - <li class="add-vcard-url"><a href="#" data-add="vcard-url" data-id="new" class="add-field" onclick="return false;">{{$url_label}}</a></li> - <li class="add-vcard-adr"><a href="#" data-add="vcard-adr" data-id="new" class="add-field" onclick="return false;">{{$adr_label}}</a></li> - <li class="add-vcard-note"><a href="#" data-add="vcard-note" data-id="new" class="add-field" onclick="return false;">{{$note_label}}</a></li> - </ul> - </div> - - <div class="vcard-fn-create form-group"> - <div class="form-vcard-fn-wrapper"> - <div class="form-group form-vcard-fn"> - <div class="vcard-nophoto"><i class="fa fa-user"></i></div><input type="text" name="fn" value="" placeholder="{{$name_label}}"> - </div> - </div> - </div> - - <div class="vcard-org form-group"> - <div class="form-vcard-org-wrapper"> - <div class="form-group form-vcard-org"> - <input type="text" name="org" value="" placeholder="{{$org_label}}"> - <i data-remove="vcard-org" data-id="new" class="fa fa-trash-o remove-field drop-icons fakelink"></i> - </div> - </div> - </div> - - <div class="vcard-title form-group"> - <div class="form-vcard-title-wrapper"> - <div class="form-group form-vcard-title"> - <input type="text" name="title" value="" placeholder="{{$title_label}}"> - <i data-remove="vcard-title" data-id="new" class="fa fa-trash-o remove-field drop-icons fakelink"></i> - </div> - </div> - </div> - - <div class="vcard-tel form-group"> - <div class="form-vcard-tel-wrapper"> - <div class="form-group form-vcard-tel"> - <select name="tel_type[]"> - <option value="CELL">{{$mobile}}</option> - <option value="HOME">{{$home}}</option> - <option value="WORK">{{$work}}</option> - <option value="OTHER">{{$other}}</option> - </select> - <input type="text" name="tel[]" value="" placeholder="{{$tel_label}}"> - <i data-remove="vcard-tel" data-id="new" class="fa fa-trash-o remove-field drop-icons fakelink"></i> - </div> - </div> - </div> - - - <div class="vcard-email form-group"> - <div class="form-vcard-email-wrapper"> - <div class="form-group form-vcard-email"> - <select name="email_type[]"> - <option value="HOME">{{$home}}</option> - <option value="WORK">{{$work}}</option> - <option value="OTHER">{{$other}}</option> - </select> - <input type="text" name="email[]" value="" placeholder="{{$email_label}}"> - <i data-remove="vcard-email" data-id="new" class="fa fa-trash-o remove-field drop-icons fakelink"></i> - </div> - </div> - </div> - - <div class="vcard-impp form-group"> - <div class="form-vcard-impp-wrapper"> - </div> - </div> - - <div class="vcard-url form-group"> - <div class="form-vcard-url-wrapper"> - </div> - </div> - - <div class="vcard-adr form-group"> - <div class="form-vcard-adr-wrapper"> - </div> - </div> - - <div class="vcard-note form-group"> - <div class="form-vcard-note-wrapper"> - </div> - </div> - - <div class="clear"></div> - - <div id="template-form-vcard-org" class="form-group form-vcard-org"> <div class="form-group form-vcard-org"> @@ -362,15 +196,6 @@ $(document).ready(function() { - <div class="settings-submit-wrapper" > - <button type="submit" name="done" value="{{$submit}}" class="btn btn-primary">{{$submit}}</button> - </div> - - - </div> - - - <div class="section-content-wrapper-np"> @@ -389,7 +214,6 @@ $(document).ready(function() { </ul> </div> <div id="vcard-header-{{$vcard.id}}" class="vcard-header" data-id="{{$vcard.id}}" data-action="open"> - {{if $vcard.photo}}<img class="vcard-photo" src="{{$vcard.photo}}" width="32px" height="32px">{{else}}<div class="vcard-nophoto"><i class="fa fa-user"></i></div>{{/if}} <span id="vcard-preview-{{$vcard.id}}" class="vcard-preview"> {{if $vcard.fn}}<span class="vcard-fn-preview">{{$vcard.fn}}</span>{{/if}} {{if $vcard.emails.0.address}}<span class="vcard-email-preview hidden-xs">{{$vcard.emails.0.address}}</span>{{/if}} @@ -568,6 +392,15 @@ $(document).ready(function() { + <div class="settings-submit-wrapper" > + <button type="submit" name="done" value="{{$submit}}" class="btn btn-primary">{{$submit}}</button> + </div> + + + </div> + + + {{if $affinity }} |