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 ?>
0023 <div class="panel-collapse " id="picture-collapse">
0024     <div class="panel-body">
0025         <form class="standard-form partialajax"
0026               action="<?= $this->pictureform->getAction(); ?>"
0027               method="<?= $this->pictureform->getMethod(); ?>"
0028               data-target="#form-picture"
0029               data-trigger="#picture-trigger"
0030               enctype="multipart/form-data">
0031             <div class="row">
0032                 <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4 center">
0033                     <?= $this->pictureform->profile_picture_upload ?>
0034                     <?= $this->pictureform->profile_image_url ?>
0035                     <?= $this->pictureform->profile_img_src ?>
0036                     <div class="progress hidden" style="min-height:17px;">
0037                         <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
0038                             <span class="progress-percent"> 0%</span>
0039                         </div>
0040                     </div>
0041                 </div>
0042                 <div class="col-md-4 col-lg-4 col-sm-4 col-xs-4">
0043                     <div class="image-info">
0044                         <p><em class="icon info-icon"></em></p>
0045                         <p class="italic">
0046                             <?= $this->translate('Maximum picture size<br> is 1024 x 1024 px') ?>
0047                         </p>
0048                         <p class="italic">
0049                             <?= $this->translate('You can use <br><span class="purple">JPG, PNG, GIF</span> formats') ?>
0050                         </p>
0051                     </div>
0052                 </div>
0053             </div>
0054             <hr>
0055             <div class="row">
0056                 <div class="box pull-left margin-left-15" style="padding-left: 15px;">
0057                     <?php echo $this->formResult($this->pictureform, $this->save, true,
0058                         'Changes saved. Some picture elements will be updated at next login.'); ?>
0059                 </div>
0060                 <button type="submit" class="btn btn-native pull-right" tabindex="14">
0061                     <?= $this->translate('Save &amp; Update') ?>
0062                 </button>
0063             </div>
0064         </form>
0065     </div>
0066 </div>
0067 
0068 <script type="text/javascript">
0069     $(document).ready(function () {
0070         ImagePreview.initProfilePicture();
0071         AjaxFormWithProgress.setup($('form.standard-form.partialajax').get(0));
0072     });
0073 </script>