<div class="widget"> <h3>{{$addressbooks_label}}</h3> {{foreach $addressbooks as $addressbook}} <div id="addressbook-{{$addressbook.id}}" class="ml-3"> <div class="form-group"> <i class="fa fa-user generic-icons"></i><a href="/cdav/addressbook/{{$addressbook.id}}">{{$addressbook.displayname}}</a> <div class="float-right"> <i id="edit-icon" class="fa fa-pencil fakelink generic-icons" onclick="openClose('edit-addressbook-{{$addressbook.id}}')"></i> <a href="/cdav/addressbooks/{{$addressbook.ownernick}}/{{$addressbook.uri}}/?export"><i id="download-icon" class="fa fa-cloud-download fakelink generic-icons"></i></a> <a href="#" onclick="dropItem('/cdav/addressbook/drop/{{$addressbook.id}}', '#addressbook-{{$addressbook.id}}'); return false;"><i class="fa fa-trash-o drop-icons"></i></a> </div> </div> <div id="edit-addressbook-{{$addressbook.id}}" class="sub-menu" style="display: none;"> <form id="edit-addressbook-{{$addressbook.id}}" method="post" action=""> <label for="edit-{{$addressbook.id}}">{{$edit_label}}</label> <div id="edit-form-{{$addressbook.id}}" class="form-group"> <input id="id-{{$addressbook.id}}" name="id" type="hidden" value="{{$addressbook.id}}"> <input id="edit-{{$addressbook.id}}" name="{DAV:}displayname" type="text" value="{{$addressbook.displayname}}" class="form-control"> </div> <div class="form-group"> <button type="submit" name="edit" value="edit" class="btn btn-primary btn-sm">{{$edit}}</button> </div> </form> </div> </div> {{/foreach}} </div> <div class="widget"> <h3>{{$tools_label}}</h3> <ul class="nav nav-pills flex-column"> <li class="nav-item"> <a class="nav-link" href="#" onclick="openClose('create-addressbook'); return false;"><i class="fa fa-user-plus generic-icons"></i> {{$create_label}}</a> </li> <div id="create-addressbook" class="sub-menu-wrapper"> <div class="sub-menu"> <form method="post" action=""> <div class="form-group"> <input id="create" name="{DAV:}displayname" type="text" placeholder="{{$create_placeholder}}" class="form-control form-group"> <button type="submit" name="create" value="create" class="btn btn-primary btn-sm">{{$create}}</button> </div> </form> </div> </div> <li class="nav-item"> <a class="nav-link" href="#" onclick="openClose('upload-form'); return false;"><i class="fa fa-cloud-upload generic-icons"></i> {{$import_label}}</a> </li> <div id="upload-form" class="sub-menu-wrapper"> <div class="sub-menu"> <form enctype="multipart/form-data" method="post" action=""> <div class="form-group"> <select id="import" name="target" class="form-control"> <option value="">{{$import_placeholder}}</option> {{foreach $addressbooks as $addressbook}} <option value="{{$addressbook.id}}">{{$addressbook.displayname}}</option> {{/foreach}} </select> </div> <div class="form-group"> <input class="form-control-file w-100" id="addressbook-upload-choose" type="file" name="userfile" /> </div> <button class="btn btn-primary btn-sm" type="submit" name="a_upload" value="a_upload">{{$upload}}</button> </form> </div> </div> </ul> </div>