File indexing completed on 2025-05-04 05:29:31

 <?php
 /**
  *  ocs-webserver
  *
  *  Copyright 2016 by pling GmbH.
  *
  *    This file is part of ocs-webserver.
  *
  *    This program is free software: you can redistribute it and/or modify
  *    it under the terms of the GNU Affero General Public License as
  *    published by the Free Software Foundation, either version 3 of the
  *    License, or (at your option) any later version.
  *
  *    This program is distributed in the hope that it will be useful,
  *    but WITHOUT ANY WARRANTY; without even the implied warranty of
  *    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  *    GNU Affero General Public License for more details.
  *
  *    You should have received a copy of the GNU Affero General Public License
  *    along with this program.  If not, see <http://www.gnu.org/licenses/>.
  **/
 
 $this->headLink()->appendStylesheet('/theme/flatui/css/stylesheets/general.css');
 $this->headLink()->appendStylesheet('/theme/flatui/css/select2.min.css');
 $this->headLink()->appendStylesheet('/theme/flatui/css/select2.custmized.css');
 $this->inlineScript()->appendFile('/theme/flatui/js/lib/select2.min.js');
 
 $this->tab = 'collections';
 ?>
 <link href="/theme/flatui/css/chosen.css" media="screen" rel="stylesheet" type="text/css" />
 
 <link rel="stylesheet" href="/tools/bootstrap-multiselect/css/bootstrap-multiselect.css" type="text/css">
 <script type="text/javascript" src="/tools/bootstrap-multiselect/js/bootstrap-multiselect.js"></script>
 
 <style type="text/css">
     div.datafiledroparea{
         overflow-y: scroll !important;
         overflow-x: scroll !important;
     }
     
     div.datafiledroparea button.multiselect {
             padding-top: 3px;
             padding-bottom: 3px;
         }
 </style>
 <main class="user-admin-page">
 
     <?php echo $this->render('user/partials/userHeader_top.phtml'); ?>
 
     <section class="body-wrap">
 
         <section class="wrapper product-page">
 
             <!-- PAGE BODY -->
 
             <section class="my-products-page">
 
                 <!-- NAVIGATION -->
 
                 <?php echo $this->render('user/partials/userHeader.phtml'); ?>
                  <?php echo $this->render('product/partials/header.phtml'); ?>
 
                 <!-- /NAVIGATION -->
 
                 <div class="my-products-heading">
                     <h1 class="page-title left"><?= $this->translate('Collections') ?></h1>
 
                     <div class="right light lightgrey num-products">
                         <span class="label label-default">
                             <?= $this->products->getTotalItemCount() ?> <?= $this->translate('collections') ?>
                         </span>
                     </div>
                 </div>
 
                 <div class="my-products-list">
                     <div class="row">
                         <?php echo $this->partialLoop('user/partials/loopMyCollections.phtml', $this->products, null); ?>
                     </div>
                 </div>
 
                 <section style="text-align: center;">
                     <?php echo $this->paginationControl($this->products, 'Sliding', '/partials/paginationControlBootstrap.phtml',
                         array('dom_target' => 'section.my-collections-page')); ?>
                 </section>
 
             </section>
 
             <!-- /PAGE BODY -->
 
         </section>
 
     </section>
 
 </main>
 
 <script type="text/javascript">
     var myCollections = (function () {
         return {
             setup: function () {
                 this.initBtnPublish();
                 this.initUpdatePopup();
             },
             
             initBtnPublish: function () {
                 $('body').off('click', 'a[data-target]').on('click', 'a[data-target]', function (event) {
                     event.preventDefault();
                     var url = this.href;
                     var target = $(this).attr("data-target");
 
                     $(target).empty().html('<img src="/images/system/ajax-loader.gif" style="display: inline;height: 20px; margin: 1px;"/>').load(url + ' ' + target + ' > *', function (response, status, xhr) {
                         if (status == "error") {
                             $(target).find('#error').html('Sorry, but there was an error. Please try again later.');
                             return;
                         } else {
                             return response;
                         }
                     });
                     return false;
                 });
             },
             
             initUpdatePopup: function () {
                 
                 
 
                 var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}
 
                 $('button[rel="tooltip"]').tooltip();
 
                 var $modalUpdates = $('#modal-updates');
 
                 $('a[href="#modal-updates"]').off('click').on('click', function (event) {
                     event.preventDefault();
                     
                     $modalUpdates.attr('data-product-id', $(this).attr('data-product-id'));
                     $modalUpdates.attr('data-product-title', $(this).attr('data-product-title'));
 
                     $modalUpdates.find('h3[data-ppload-label]').html('Changelog for ' + $modalUpdates.attr('data-product-tile'));
 
                     $modalUpdates.find('#update-list').html('');
 
                     if ($modalUpdates.attr('data-product-id')) {
                         getUpdates();
                     }
 
                 });
 
 
                 function getUpdates(page) {
                     $modalUpdates.find('#update-list').html('');
 
                     var productId = $modalUpdates.attr('data-product-id');
                     $.ajax({
                         url: '/c/'+productId+'/getupdatesajax/',
                         type: 'GET',
                         data: {
                             format: 'json',
                             ignore_status_code: 1
                         },
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'success') {
                                 return;
                             }
                             $modalUpdates.find('#update-list').append('<br/><br/><br/>');
 
                             $.each(data.updates, function () {
                                 var id = '';
                                 if (this.project_update_id) {
                                     id = this.project_update_id;
                                 }
                                 var title = '';
                                 if (this.title) {
                                     title = this.title;
                                 }
                                 var text = '';
                                 if (this.text) {
                                     text = this.text;
                                 }
                                 var date = '';
                                 if (this.created_at) {
                                     date = this.created_at;
                                 }
 
 
                                 var divEl = $('<div />');
                                 divEl.attr('data-uptdate-id', id);
                                 divEl.append(
                                          '<a name="anker_'+id+'"></a>'
                                         + '<h4>'+title+'</h4>'
                                         + '<div class="small light lightgrey product-update-date">'+date+ '</div>'
                                         + text + '<br/><br/>'
                                     );
 
                                 var btnEdit = $('<button type="submit" class="btn btn-native btn-sm">Edit</button>');
                                 btnEdit.attr('data-change-update-btn',id);
                                 btnEdit.attr('data-change-title',title);
                                 btnEdit.attr('data-change-text',text);
 
 
                                 var btnDelete = $('<button type="submit" class="btn btn-native btn-sm">Delete</button>');
                                 btnDelete.attr('data-delete-update-btn',id);
 
                                 divEl.append(btnEdit);
                                 divEl.append('&nbsp;&nbsp;');
                                 divEl.append(btnDelete);
                                 divEl.append('<br/><br/><br/><br/>');
 
                                 $modalUpdates.find('#update-list').append(divEl);
 
                             });
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             return;
                         }
                     });
 
                 }
 
                 $modalUpdates.off('click', 'button[data-add-update-btn]').on('click', 'button[data-add-update-btn]', function (event) {
                     //var product_version = $modalPpload.find('#product-version').val();
                     var update_id = $modalUpdates.find('#update-id').val();
                     var title = $modalUpdates.find('#update-title').val();
                     var text = $modalUpdates.find('#update-text').val();
                     var productId = $modalUpdates.attr('data-product-id');
                     event.preventDefault();
 
                     $.ajax({
                         url: '/c/'+productId+'/saveupdateajax',
                         type: 'POST',
                         data: {title: title, text: text, update_id: update_id/*, product_version: product_version*/},
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'success') {
                                 return;
                             }
                             //$modalPpload.find('#product-version').val('');
                             $modalUpdates.find('#update-title').val('');
                             $modalUpdates.find('#update-text').val('');
                             $modalUpdates.find('#update-id').val('');
 
                             //if(update_id) {
                                 getUpdates();
                             //} else {
                             //  $modalPpload.modal('hide');
                             //  location.reload();
                             //}
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             return;
                         }
                     });
 
                 });
 
 
                 $modalUpdates.off('click', 'button[data-delete-update-btn]').on('click', 'button[data-delete-update-btn]', function (event) {
                     var updateId = $(this).attr('data-delete-update-btn');
                     var productId = $modalUpdates.attr('data-product-id');
                         event.preventDefault();
 
                     $.ajax({
                         url: '/c/'+productId+'/deleteupdateajax',
                         type: 'POST',
                         data: {update_id: updateId},
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'success') {
                                 alert('Update could not be deleted!');
                                 return;
                             }
                             getUpdates();
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             return;
                         }
                     });
 
                 });
 
                 $modalUpdates.off('click', 'button[data-change-update-btn]').on('click', 'button[data-change-update-btn]', function (event) {
                     var updateId = $(this).attr('data-change-update-btn');
                     var title = $(this).attr('data-change-title');
                     var text = $(this).attr('data-change-text');
 
                     $modalUpdates.find('#update-title').val(title);
                     $modalUpdates.find('#update-text').val(text);
                     $modalUpdates.find('#update-id').val(updateId);
 
                     $modalUpdates.find('#update-title').focus();
 
                         event.preventDefault();
 
                 });
 
                 $modalUpdates.off('click', 'button[data-updates-cancel-btn]').on('click', 'button[data-updates-cancel-btn]', function (event) {
                     event.preventDefault();
                     $modalUpdates.modal('hide');
                 });
                 
             }
         }
     })();
 </script>
 <!-- updates -->
 <div id="modal-updates"
      class="modal fade"
      role="dialog"
      aria-labelledby="modal-updates-label"
      data-product-id=""
      data-product-title="">
     <div class="modal-dialog content-modal" style="width: 95%">
         <div class="modal-content">
             <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                 <h3 id="modal-updates-label" data-updates-label=""><?= $this->translate('Changelog') ?></h3>
             </div>
             <div class="modal-body" style="font-size: small;">
                 <div role="form" class="">
                     <input type="hidden" id="update-id" data-update-id="" value="">
                         <?php /**
                     <div class="form-group">
                       <label for="tile">Product Version:</label>
                       <input type="text" id="product-version" data-product-version="" class="form-control input-sm" placeholder="Product Version Number">
                     </div>
                          *
                          */?>
                     <div class="form-group">
                       <label for="tile">Changelog Title:</label>
                       <input type="text" id="update-title" data-update-title="" class="form-control input-sm" placeholder="Enter a Changelog Title">
                     </div>
                     <div class="form-group">
                       <label for="text">Changelog Text:</label>
                       <textarea id="update-text" data-update-text="" class="form-control input-sm" rows="3" placeholder="Enter a Changelog Text"></textarea>
                     </div>
                     <button class="btn btn-native pull-right btn-xs btn-file-action" data-updates-cancel-btn=""><?= $this->translate('Cancel') ?></button>
                     <button type="submit" class="btn btn-native pull-right btn-xs btn-file-action" data-add-update-btn="">Save</button>
                 </div>
 
                 <article id="update-list">
                 </article>
 
 
             </div>
             <div class="modal-footer">
 
             </div>
         </div>
     </div>
 </div>
 
 <script type="text/javascript" src="/theme/flatui/js/lib/chosen.jquery.min.js"></script>
 <!-- /ppload -->
 
 <?php
             $this->inlineScript()->appendScript(
                 '    $(document).ready(function(){
                         TagingLoopMyProducts.setup();
                         myCollections.setup();
                         Partials.setup();                    
                      });
                 ');
 
      ?>