File indexing completed on 2024-12-29 05:24:48
0001 <?php 0002 /** 0003 * ocs-webserver 0004 * 0005 * Copyright 2016 by pling GmbH. 0006 * 0007 * This file is part of ocs-webserver. 0008 * 0009 * This program is free software: you can redistribute it and/or modify 0010 * it under the terms of the GNU Affero General Public License as 0011 * published by the Free Software Foundation, either version 3 of the 0012 * License, or (at your option) any later version. 0013 * 0014 * This program is distributed in the hope that it will be useful, 0015 * but WITHOUT ANY WARRANTY; without even the implied warranty of 0016 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 0017 * GNU Affero General Public License for more details. 0018 * 0019 * You should have received a copy of the GNU Affero General Public License 0020 * along with this program. If not, see <http://www.gnu.org/licenses/>. 0021 **/ 0022 /** @var Default_Form_Settings $form */ 0023 $form = $this->pictureform; 0024 ?> 0025 <div class="panel-heading"> 0026 <h4 class="panel-title"> 0027 <a data-toggle="collapse" href="#picture-collapse" data-parent="#accordion" id="picture-trigger"> 0028 <span class="glyphicon glyphicon-camera"></span> 0029 Header Image 0030 <span class="absolute glyphicon glyphicon-chevron-down"></span> 0031 </a> 0032 </h4> 0033 </div> 0034 0035 <div class="panel-collapse collapse" id="picture-collapse"> 0036 <div class="panel-body"> 0037 <form class="standard-form partialajax well" action="<?= $form->getAction(); ?>" 0038 method="<?= $this->pictureform->getMethod(); ?>" data-target="#form-picture" 0039 data-trigger="#picture-trigger" enctype="multipart/form-data"> 0040 <div class="row"> 0041 <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4 center"> 0042 <?= $this->pictureform->profile_picture_upload ?> 0043 <?= $this->pictureform->profile_image_url ?> 0044 <?= $this->pictureform->profile_img_src ?> 0045 </div> 0046 <!-- /.span4 --> 0047 <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4"> 0048 <div class="image-info"> 0049 <p> 0050 <em class="icon info-icon"></em> 0051 </p> 0052 0053 <p class="italic"> 0054 <?= $this->translate('Maximum picture size<br> is 1024 x 1024 px') ?> 0055 </p> 0056 0057 <p class="italic"> 0058 <?= $this->translate('You can use <br><span class="purple">JPG, PNG, GIF</span> formats') ?> 0059 </p> 0060 </div> 0061 </div> 0062 <!-- /.span4 --> 0063 </div> 0064 <!-- /.row-fluid --> 0065 <hr> 0066 <div class="row"> 0067 <div class="box pull-left margin-left-15" style="padding-left: 15px;"> 0068 <?php echo $this->formResult($this->pictureform, $this->save, true, 'Changes saved. Some picture elements will be updated at next login.'); ?> 0069 </div> 0070 <button type="submit" class="btn btn-native pull-right" 0071 tabindex="14"><?= $this->translate('Save & Update') ?></button> 0072 </div> 0073 </form> 0074 <!-- /.standard-form --> 0075 </div> 0076 </div> 0077 0078 <script type="text/javascript"> 0079 $(document).ready(function () { 0080 ImagePreview.initProfilePicture(); 0081 PartialFormsAjax.setup(); 0082 }); 0083 </script>