diff --git a/application/modules/default/views/scripts/product/add.phtml b/application/modules/default/views/scripts/product/add.phtml
index 72b434d1e..54f0dd593 100644
--- a/application/modules/default/views/scripts/product/add.phtml
+++ b/application/modules/default/views/scripts/product/add.phtml
@@ -1,2182 +1,2176 @@
 <?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->os = Zend_Registry::get('application_os');
 $this->tab = 'add';
 $helperImage = new Default_View_Helper_Image();
 $helpMemberUrl = new Default_View_Helper_BuildMemberUrl();
 $helpProductUrl = new Default_View_Helper_BuildProductUrl();
 $helpBaseUrl = new Default_View_Helper_BuildBaseUrl();
 
 $modelCategory = new Default_Model_DbTable_ProjectCategory();
 $valueCatId = $this->form->project_category_id->getValue();
 //$valueCatId = 55;
 $storeCatIds = Zend_Registry::isRegistered('store_category_list') ? Zend_Registry::get('store_category_list') : null;
 
 //$categories = $modelCategory->fetchCategoriesForForm($valueCatId);
 $categoryAncestors = $modelCategory->fetchAncestorsAsId($valueCatId);
 
 $categories = $modelCategory->fetchCategoriesForFormNew($valueCatId);
 //$categories2 = array();
 
 
 if (count($categoryAncestors) > 0) {
     $categoryPath = explode(',',$categoryAncestors['ancestors']);
 }
 $categoryPath[] = $valueCatId;
 
 
 $this->headLink()->appendStylesheet('/theme/flatui/css/chosen.css');
 $this->inlineScript()->appendFile('/theme/flatui/js/lib/chosen.jquery.min.js');
 $this->inlineScript()->appendScript('
                                     $(document).ready(function(){
                                         $("select.chosen").chosen({
                                         width: "100%",
                                         max_selected_options: "5",
                                         disable_search: "false",
                                         disable_search_threshold: "5"
                                         });
                                     });
                                 ');
 
 ?>
     <style>
 
         .wizard, .tabcontrol {
             overflow: visible;
         }
 
         .wizard > .content {
             overflow: visible;
         }
 
         .wizard > .content > .body {
             position: relative;
         }
 
         input[type=checkbox] {
             /*display: none;*/
         }
 
         div.datafiledroparea{
-            overflow-y: scroll !important;
-            overflow-x: scroll !important;
+            /*overflow-x: scroll !important;
+            overflow-y: scroll !important;*/
         }
 
         /*
         - Style each label that is directly after the input
         - position: relative; will ensure that any position: absolute children will position themselves in relation to it
         */
         input[type=checkbox] + label {
             display: block;
             border-radius: 50%;
             position: relative;
             box-shadow: 0 0 1px #FFF; /* Soften the jagged edge */
             background: #2184be none repeat scroll 0 0;
             border: 3px solid #9dc8e2;
             color: white;
             height: 25px;
             transition: all 0.4s ease 0s;
             width: 25px;
         }
 
         /* Provide a border when hovered and when the checkbox before it is checked */
         input[type=checkbox] + label:hover,
         input[type=checkbox]:checked + label {
             border: 3px solid #9dc8e2;
             box-shadow: 0 0 1px #fff;
         }
 
         /*
         - Create a pseudo element :after when checked and provide a tick
         - Center the content
         */
         input[type=checkbox]:checked + label:after {
             content: '\2714'; /*content is required, though it can be empty - content: '';*/
             bottom: 2px;
             color: white;
             display: block;
             height: 1em;
             left: 3px;
             margin: auto;
             position: absolute;
             right: 0;
             top: -4px;
             width: 1em;
         }
 
         .add-product-page {
             padding-top: 15px;
         }
 
         section.body {
             width: 100% !important;
         }
 
         #is_original-element
         {
             width: 25px;
             float: left;
         }
         
         #is_gitlab_project
         {
             width: 25px;
             float: left;
         }
         
         #gitlab_project_name-element
         {
             width: 300px;
             float: left;
         }
         
         #gitlab_project_id
         {
             width: 300px;
             float: left;
         }
         
         #show_gitlab_project_issues
         {
             width: 25px;
             float: left;
         }
         
         #use_gitlab_project_readme
         {
             width: 25px;
             float: left;
         }
         
         .wizard > .content > .body ul.multiselect-container {
             list-style: none !important;
         }
         
         .wizard > .content > .body button.multiselect {
             padding-top: 3px;
             padding-bottom: 3px;
         }
         
     </style>
     
     <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>
     
     <main class="user-admin-page">
 
         <section class="head-wrap">
 
             <!-- HEADER -->
 
             <section class="wrapper about-me-header">
 
                 <figure>
                     <img src="<?php echo $helperImage->Image($this->member->profile_image_url,array('width' => 110, 'height' => 110, 'crop' => 2)); ?>" alt="profile-image" width="110" height="110">
                 </figure>
 
                 <div class="user-menu well">
 
                     <div class="pull-left">
                         <div class="intro">
                             <div class="large">
                                 Hi <span class="lightblue"><?= $this->member->username; ?></span><?= $this->translate(', welcome to your personal start page!') ?>
                             </div>
                             <div class="small lightgrey">
                                 <a href="<?= $helpMemberUrl->buildMemberUrl($this->member->username); ?>">
                                     <?= $this->translate('Click here to go to your About Me page.') ?>
                                 </a>
                             </div>
                         </div>
                     </div>
 
                 </div>
 
             </section>
 
             <!-- /HEADER -->
 
         </section>
 
         <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'); ?>
 
                     <!-- /NAVIGATION -->
 
                     <!-- PAGE BODY -->
 
                     <section class="add-product-page">
 
                         <form enctype="multipart/form-data" role="application" class="wizard clearfix" action="" method="post" id="add-product-form">
                             <?= $this->form->project_id ?>
                             <h3>Basics</h3>
                             <section id="required">
                                 <div class="form-group"><p class="col-sm-10">(*) Mandatory fields.</p></div>
                                 <div id="preview_img_msg">
 
                                 </div>
                                 <?php // $this->form->title ?>
                                 <div class="form-group">
                                     <div class="col-sm-12 margin-top-15">
                                         <div class="small grey bold-font pull-left margin-right-5">*</div>
                                         <label class="form-label" for="title">Product Name (4 letters min.)</label>
                                     </div>
                                     <div class="col-sm-12">
                                         <input id="title"
                                                class="required form-control valid"
                                                type="text"
                                                name="title"
                                                pattern="[^\x22]+"
                                                <?php //pattern="^[ .\-&_A-z0-9]{1,}$" ?>
                                                <?php //  pattern="^[^\\'\^;*!\u0022\$]{1,}$" ?>
                                                value="<?= $this->escape($this->form->title->getValue()) ?>"
                                                title="Please use only letters."
                                                maxlength="60"
                                                aria-required="true"
                                                aria-invalid="false"
                                                data-rule-minlength="4"
                                                data-rule-maxlength="60"
                                                data-msg-minlength="At least 4 chars"
                                                data-msg-maxlength="At most 60 chars">
                                         <?php if ($this->form->title->getMessages()) {
                                             $errorHtml = '';
                                             foreach ($this->form->title->getMessages() as $currentError) {
                                                 $errorHtml .= '<label id="<?=$this->escape($this->form->title->getName())?>-error" class="error" for="<?=$this->escape($this->form->title->getName())?>">' . $currentError . '</label>';
                                             }
                                             ?>
                                             <?php echo $errorHtml ?>
                                         <?php } ?>
                                     </div>
                                 </div>
 
                                 <?= $this->form->project_category_id ?>
                                 <?= $this->form->project_subcategory_id ?>
                                 <?= $this->form->project_sub_subcategory_id ?>
                                 <?= $this->form->description ?>
                                 <?= $this->form->version ?>
 
                                 <?= $this->form->source_url ?>
 
                                 <div class="form-group">
                                 <div class="col-sm-12 margin-top-15">
                                  <?= $this->form->is_original ?>  Check this box, if this is your own original work and not based on something else      
                                 </div>
                                 </div>                               
                                 
                                 <?= $this->form->license_tag_id ?>
                                  <?php
                                     if($this->project_id)
                                     {
                                                 $tagmodel = new Default_Model_Tags();
                                                 $tagscat = $tagmodel->getTagsCategory($this->project_id, Default_Model_Tags::TAG_TYPE_PROJECT);
                                                 if(strlen($tagscat)>0)
                                                 {
                                         ?>
                                     <div class="form-group">
                                         <div class="col-sm-12 margin-top-15">
                                             <label class="form-label"> System Auto Tags</label>
                                         </div>
                                         <div class="col-sm-12">
                                           <?php echo $tagscat ; ?>
                                         </div>
                                     </div>
                                     <?php
                                         }
                                     }
                                 ?>
 
                                 <?= $this->form->tagsuser ?>
 
 
                                 <?= $this->form->image_small ?>
                                 <?= $this->form->image_small_upload ?>
                                 <?php //$this->form->image_big ?>
                                 <?php //$this->form->image_big_upload ?>
                                 <?= $this->form->gallery ?>
                                 <?= $this->form->embed_code ?>                               
 
                                 <?= $this->form->link_1 ?>
                                 <?= $this->form->facebook_code ?>
                                 <?= $this->form->twitter_code ?>
                                 <?= $this->form->google_code ?>
 
                             </section>
                             
                             <h3>Git</h3>
                             
                             <section id="git">
                                 <?php
                                     if(!empty($this->form->gitlab_project_id->getMultiOptions())) {
                                 ?>
                             
 
                                 <div class="form-group">
                                     <div class="col-sm-12 margin-top-15">
                                      <?= $this->form->is_gitlab_project ?>  Check this box, if this a public project on git.opendesktop.org      
                                     </div>
                                 </div>
 
                                 <?php
                                     if(empty($this->product) || (!empty($this->product) && $this->product->is_gitlab_project == 0)) {
                                         $this->form->gitlab_project_id->setAttrib('disabled', 'disabled');
                                     }
                                 ?>
                                 <?= $this->form->gitlab_project_id ?>
                                 
                                 <div class="form-group">
                                     <div class="col-sm-12 margin-top-15">
                                     <?php
                                         if(empty($this->product) || (!empty($this->product) && $this->product->is_gitlab_project == 0)) {
                                             $this->form->show_gitlab_project_issues->setAttrib('disabled', 'disabled');
                                         }
                                     ?>
                                      <?= $this->form->show_gitlab_project_issues ?>  Check this box, if you want to show the issue list      
                                     </div>
                                 </div>
                                 
                                 <div class="form-group">
                                     <div class="col-sm-12 margin-top-15">
                                     <?php
                                         if(empty($this->product) || (!empty($this->product) && $this->product->is_gitlab_project == 0)) {
                                             $this->form->use_gitlab_project_readme->setAttrib('disabled', 'disabled');
                                         }
                                     ?>
                                      <?= $this->form->use_gitlab_project_readme ?>  Check this box, if you want to show the README.md as project description      
                                     </div>
                                 </div>
                                 
                                 <?php
                                     } else {
                                 ?>
                                 
                                 <div class="form-group">
                                     <div class="col-sm-12 margin-top-15">
                                         <dt id="is_gitlab_project-label"><label for="is_gitlab_project" class="optional">Git-Project</label></dt>
                                         <dd id="is_gitlab_project-element">
                                             You can create a project on <a href="https://git.opendesktop.org">git.opendesktop.org</a> and link it with this project.
                                         </dd>
                                     </div>
                                 </div>
                                 
                                 <?php
                                     }
                                 ?>
                             </section>    
                             
                             
                             
                             
                             <h3>Files</h3>
                             <section id="files">
                                 
                                 <!-- ppload -->
 
                                 <div id="modal-ppload" aria-labelledby="modal-ppload-label"
                                      data-ppload-api-uri="<?= PPLOAD_API_URI ?>"
                                      data-ppload-collection-id="<?= $this->ppload_collection_id ?>" data-product-id=""
                                      data-addpploadfile-uri="<?= $helpProductUrl->buildProductUrl('@@project_id@@', 'addpploadfile') ?>"
                                      data-updatepploadfile-uri="<?= $helpProductUrl->buildProductUrl('@@project_id@@', 'updatepploadfile') ?>"
                                      data-updatefiletag-uri="<?= $helpProductUrl->buildProductUrl('@@project_id@@', 'updatefiletag') ?>"
                                      data-deletefiletag-uri="<?= $helpProductUrl->buildProductUrl('@@project_id@@', 'deletefiletag') ?>"
                                      data-deletepploadfile-uri="<?= $helpProductUrl->buildProductUrl('@@project_id@@', 'deletepploadfile') ?>"
                                      data-deletepploadfiles-uri="<?= $helpProductUrl->buildProductUrl('@@project_id@@', 'deletepploadfiles') ?>">
                                     <div class="pling-modal" style="width: 100%;">
                                         <div class="">
                                             <div class="modal-header">
                                                 <!-- <h3 id="modal-ppload-label"><?= $this->translate('Add your Files') ?></h3> -->
                                             </div>
                                             <div class="modal-body">
                                                 <input type="file" style="display: none;" data-file-upload="" multiple>
                                                 <input type="file" style="display: none;" data-file-upload-update="" data-ppload-file-id="">
 
                                                 <p data-file-upload-msg=""><?= $this->translate('Drop file(s) here') ?>:</p>
 
                                                 <div data-file-upload="" dropzone class="datafiledroparea">
                                                     <table class="table" data-ppload-files="">
                                                         <thead>
                                                         </thead>
                                                         <tbody></tbody>
                                                     </table>
                                                     <table class="table" data-file-upload="">
                                                         <tbody></tbody>
                                                     </table>
                                                 </div>
 
                                                 </div>
                                                 <div style="float: right; padding-top: 10px;" class="small light">
                                                     Deleted files are archived. Number of downloads are kept. *
                                                 </div>
                                             </div>
 
                                             <div class="modal-footer" style="margin-top: 20px;">
                                             <span class="pull-left">
                                                 <input type="checkbox" data-accept-checkbox=""> <?= $this->translate('I accept the ') ?>
                                                 <a href="/content/terms"><?= $this->translate('Terms and Conditions') ?></a>
                                             </span>
                                             </div>
                                             <div class="modal-footer">
                                                 <button class="btn btn-native pull-left" data-addpploadfile-btn="">
                                                     <?= $this->translate('Add File(s)') ?>
                                                 </button>
                                                 <button class="btn btn-danger pull-right" data-file-upload-cancel-btn="">
                                                     <?= $this->translate('Cancel Upload') ?>
                                                 </button>
                                                 <a role="button" id="github_picker" class="btn btn-native pull-left" data-toggle="" data-target="#generic-dialog" data-username="<?=$this->member->link_github?>" title="add an URL here">
                                                     <?= $this->translate('Add URL') ?>
                                                 </a>
                                             </div>
                                         </div>
 
                                     </div>
                                 </div>
 
                                 <!-- /ppload -->
 
                             </section>
 
 
                         <?php if(isset($this->project_id)) { ?>
                             <h3>Changelog</h3>
                             <section id="changlog">
 
                                     <div id="modal-changlog" data-product-id="">
                                         <div class="row">
                                             <div class="modal-header">
                                                 <h3 id="modal-ppload-label"><?= $this->translate('Changelog') ?></h3>
                                             </div>
                                             <div class="modal-body" style="font-size: small;">
                                                 <div role="form" class="">
                                                     <input type="hidden" data-update-id="" id="update-id" value="">
                                                     <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 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 Changelog Text"></textarea>
                                                     </div>
                                                     <button type="submit" class="btn btn-native" data-add-update-btn="">Save Changelog</button>
                                                 </div>
 
                                                 <h4 style="padding-top: 15px;"> Your Entries:</h4>
                                                 <article id="update-list">
 
                                                 </article>
                                             </div>
                                         </div>
                                     </div>
                                 <!-- changlog -->
                             </section>
                         <?php } ?>
 
 
                         </form>
 
                         <!-- /PAGE BODY -->
 
                     </section>
 
                     <!-- /PAGE BODY -->
 
                 </section>
 
             </section>
         </section>
     </main>
 
     <script>
         $(document).ready(function () {
             
             /*
             $('.multiple').multiselect({
                 includeSelectAllOption: true
             });
             */
 
             var formElement = $('#add-product-form');
             var validator = formElement.validate({
                 ignore: ":disabled,:hidden"
             });
             formElement.steps({
                 headerTag: "h3",
                 bodyTag: "section",
                 enableAllSteps: <?php echo ($this->mode == 'edit') ? "true" : "false"; ?>,
                 enableCancelButton: true,
                 showFinishButtonAlways: true,
                 transitionEffect: "slideLeft",
               /* Labels */
                 labels: {
                     cancel: "Cancel",
                     finish: "Save"
                 },
                 onStepChanging: function (event, currentIndex, newIndex) {
                     // Allways allow previous action even if the current form is not valid!
                     if (currentIndex > newIndex) {
                         return true;
                     }
                     // Needed in some cases if the user went back (clean up)
                     if (currentIndex < newIndex) {
                         // To remove error styles
                         formElement.find(".body:eq(" + newIndex + ") label.error").remove();
                         formElement.find(".body:eq(" + newIndex + ") .error").removeClass("error");
                     }
 
                     if (currentIndex == 0) {
                         if (ImagePreview.hasError) {
                             return false;
                         }
                         //logo OR preview pic mandatory!
                         var logoSrc = $('#product-picture-preview').attr('src');
                         var gallery = $('.product-gallery div:first-child');
                         var galleryPic = gallery.find('.image');
 
                         if (!logoSrc && !galleryPic.attr('style')) {
                             var msg = $('#preview_img_msg');
                             msg.text('');
                             msg.append('<label id="description-error" class="error" for="product-gallery">Please add a product logo or at least one product gallery picture!</label>');
 
                             return false;
                         }
 
                         if (formElement.valid()) {
                             if (ProductForm.mode == 'add' && (ProductForm.project_id == '' || ProductForm.project_id == undefined)) {
                                 var result = ProductForm.saveSection(formElement.find('.body:eq(' + currentIndex + ')').attr('id'));
                                 if (result == false) {
                                     validator.showErrors(ProductForm.errors);
                                     return result;
                                 }
                                 formElement.find("#modal-ppload").attr('data-product-id', ProductForm.project_id);
                                 formElement.find("#modal-changlog").attr('data-product-id', ProductForm.project_id);
                             }
                             getPploadFiles();
                             return true;
                         }
                         return false;
                     }
                     return formElement.valid();
                 },
 
                 onFinished: function (event, currentIndex) {
                     //logo OR preview pic mandatory!
                     var logoSrc = $('#product-picture-preview').attr('src');
                     var gallery = $('.product-gallery div:first-child');
                     var galleryPic = gallery.find('.image');
 
                     if (!logoSrc && !galleryPic.attr('style')) {
                         var msg = $('#preview_img_msg');
                         msg.text('');
                         msg.append('<label id="description-error" class="error" for="product-gallery">Please add a product logo or at least one product gallery picture!</label>');
 
                         return false;
                     }
 
                     if (currentIndex == 0) {
                         if (ImagePreview.hasError) {
                             return false;
                         }
                         if (ProductForm.mode == 'add' && (ProductForm.project_id == '' || ProductForm.project_id == undefined)) {
                             var result = ProductForm.saveSection(formElement.find('.body:eq(' + currentIndex + ')').attr('id'));
                             if (result == false) {
                                 validator.showErrors(ProductForm.errors);
                                 return result;
                             }
                             formElement.find("#modal-ppload").attr('data-product-id', ProductForm.project_id);
                              formElement.find("#modal-changlog").attr('data-product-id', ProductForm.project_id);
                         }
                     }
 
 
                     $('[name=project_id]').val(ProductForm.project_id);
                     formElement.submit();
                 },
 
                 onCanceled: function (event, currentIndex) {
                     window.location.href = "/member/<?php echo $this->member->member_id; ?>/products/";
                 }
 
             });
 
 
             $('body').on("click", "#github_picker", function (event) {
 
                 html = '<form id="get-url-form">' +
                     '<div class="form-group">' +
                     '<input type="url" class="form-control" id="get-url" placeholder="Enter a URL where the files can be downloaded" required="required">' +
                     '<span id="get-url-help" class="help-block small">e.g. https://github.com/mongodb/mongo/archive/r3.5.2.tar.gz</span></div>' +
                     '<span id="get-url-error" class="help-block small"></span></div>' +
                     '<button type="submit" class="btn btn-native btn-sm" id="get-url-submit">Submit</button>' +
                     '</form>';
 
                 var msgBox = $('#generic-dialog');
                 msgBox.modal('hide');
                 msgBox.find('.modal-header-text').empty().append('Enter a download URL:');
                 msgBox.find('.modal-body').empty().append(html);
                 setTimeout(function () {
                     msgBox.modal('show');
                 }, 900);
 
             });
 
             $('body').on('submit', '#get-url-form', function(event) {
                 if (! $('#get-url-form').validate()) {
                     return true;
                 }
                 event.preventDefault();
                 $.ajax({
                     url: '/file/link/',
                     type: 'post',
                     data: {
                         project_id: ProductForm.project_id,
                         u: $('#get-url').val()
                     },
                     success: function(returned_data) {
                         if (!returned_data.file) {
                             $('#get-url').addClass('hasError').focus();
                             $('#get-url-error').html('An Error occurred. Please check your URL or try again later.');
                             return;
                         }
                         data_file = returned_data.file;
                         $modalPpload.attr('data-ppload-collection-id', data_file.collection_id);
                         $('#get-url').val('').removeClass('hasError');
                         $('#get-url-error').html('');
                         $('#generic-dialog').modal('hide');
                         
                         getPploadFiles(null,null);
                         
                     },
                     error: function() {
                         $('#get-url').addClass('hasError').focus();
                         $('#get-url-error').html('An Error occurred. Please check your URL or try again later.');
                     }
                 });
             });
 
             $('body').on('change', '#get-url', function(event) {
                 $('#get-url-error').empty();
             });
 
 
                 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 $modalPpload = $('#modal-ppload');
                 var $modalChanglog = $('#modal-changlog');
 
                 var pploadApiUri = $modalPpload.attr('data-ppload-api-uri');
 
                 var pploadUploads = {
                     queue: {},
                     currentUploadId: null,
                     uploading: null
                 };
 
                 function keysrt(key, asc) {
                     if(asc) {
                         return function(a,b){
                             if (a[key] > b[key]) return 1;
                             if (a[key] < b[key]) return -1;
                             return 0;
                         }
                     } else {
                         return function(a,b){
                             if (a[key] < b[key]) return 1;
                             if (a[key] > b[key]) return -1;
                             return 0;
                         }
                     }
                 }
 
                 function getUpdates(page) {
 
                     $modalChanglog.find('#update-list').html('');
                     var productId = <?= isset($this->project_id)?$this->project_id:0 ?>;
                     $.ajax({
                         url: '<?=$helpProductUrl->buildProductUrl($this->project_id, 'getupdatesajax')?>',
                         type: 'GET',
                         data: {
                             format: 'json',
                             ignore_status_code: 1
                         },
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'success') {
                                 return;
                             }
                             $.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;
                                 }
 
                                 Changelog.setLogMsg(id, this.raw_title, this.raw_text);
 
                                 var divEl = $('<div />');
                                 divEl.attr('data-update-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" style="line-height: 10px;margin: 5px;">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" style="line-height: 10px;margin: 5px;">Delete</button>');
                                 btnDelete.attr('data-delete-update-btn',id);
 
                                 divEl.append(btnEdit);
                                 divEl.append(btnDelete);
                                 divEl.append('<br/><br/><br/><br/>');
 
                                 // $modalPpload.find('#update-list').append(divEl);
                                  $modalChanglog.find('#update-list').append(divEl);
                             });
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             return;
                         }
                     });
 
                 }
 
                 function getPploadFiles(page) {
                     if (!page) {
                         page = 1;
                         $modalPpload.find('table[data-ppload-files] tbody').empty();
                     }
                     
                     var prodId = ProductForm.project_id;
                     if(!prodId) {
                         prodId = 0;
                     }
                     
                     var catId = $('#project_category_id').val();
                     
                     //get cat-tag-groups
                     var tagGroups = null;
                     var tagGroupsCount = 0;
                     $.ajax({
                         url: '/p/'+prodId+'/gettaggroupsforcatajax',
                         type: 'GET',
                         async: false,
                         cache: false,
                         timeout: 30000,
                         data: {project_cat_id: catId},
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'success') {
                                 $modalPpload.find('table[data-ppload-files] thead').html('');
                                 
                                 tagGroups = data.tag_groups;
                                 tagGroupsCount = data.ResultSize;
                                 
                                 var tableHeader = '';
                                 tableHeader += '<tr>';
                                 tableHeader +=  '    <th><?= $this->translate('Filename') ?></th>';
                                 tableHeader +=  '    <th><?= $this->translate('Version') ?></th>';
                                 tableHeader +=  '    <th><?= $this->translate('Description') ?></th>';
 
                                 if(tagGroupsCount>0) {
                                     $.each(tagGroups, function() {
                                         tableHeader += '<th>'+this.group_display_name+'</th>';
                                     });
                                 } else {
                                     tableHeader += '<th></th>';
                                 }
 
                                 tableHeader += '    <th><?= $this->translate('Date added') ?></th>';
                                 tableHeader += '    <th style="text-align: right"><?= $this->translate('Filesize') ?></th>';
                                 tableHeader +=  '   <th style="text-align: right"><?= $this->translate('# DLs') ?></th>';
                                 tableHeader +=  '   <th></th>';
                                 tableHeader +=  '</tr>';
                                 $modalPpload.find('table[data-ppload-files] thead').append(tableHeader);
 
 
                                 return;
                             }
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             return;
                         }
                     });
                     
                     var collectionId = $modalPpload.attr('data-ppload-collection-id');
                     
                     if(!collectionId) {
                         return;
                     } else {
                         $.ajax({
                             url: pploadApiUri + 'files/index',
                             type: 'GET',
                             data: {
                                 collection_id: collectionId,
                                 perpage: 1000,
                                 page: page,
                                 format: 'json',
                                 ignore_status_code: 0,
                                 status: 'active'
                             },
                             dataType: 'json',
                             success: function (data, textStatus, jqXHR) {
                                 if (data.status != 'success') {
                                     return;
                                 }
                                 var updatePploadFileBtn = '<a href="#" class="btn btn-native btn-xs btn-file-dropzone" data-updatepploadfile-btn="">Update</a>';
                                 var updatePploadFileBtnPerFile = '';
                                 var deletePploadFileBtn = '<a href="#" class="btn btn-native btn-xs btn-file-dropzone" data-deletepploadfile-btn=""><span class="glyphicon glyphicon-trash"></span></a>';
                                 var deletePploadFileBtnPerFile = '';
 
                                 var myArray = $.map(data.files, function(entry) {
                                     return entry;
                                 });
                                 myArray.sort(keysrt('created_timestamp'), false);
 
                                 var fileTagsArray = null;
                                 var fileTagsArraySize = 0;
                                 $.each(myArray, function () {
                                     
                                     
                                     
                                     if(null != tagGroups && tagGroupsCount > 0) {
                                         //get cat-tag-groups
                                         $.ajax({
                                             url: '/p/'+prodId+'/gettaggroupsforcatajax',
                                             type: 'GET',
                                             async: false,
                                             cache: false,
                                             timeout: 30000,
                                             data: {project_cat_id: catId, file_id: this.id, test: false},
                                             dataType: 'json',
                                             success: function (data, textStatus, jqXHR) {
                                                 if (data.status != 'success') {
                                                     tagGroups = data.tag_groups;
                                                     return;
                                                 }
                                             },
                                             error: function (jqXHR, textStatus, errorThrown) {
                                                 return;
                                             }
                                         });
                                     } else {
                                         //get cat-tag-groups
                                         $.ajax({
                                             url: '/p/'+prodId+'/getfiletagsajax',
                                             type: 'GET',
                                             async: false,
                                             cache: false,
                                             timeout: 30000,
                                             data: {file_id: this.id},
                                             dataType: 'json',
                                             success: function (data, textStatus, jqXHR) {
                                                 if (data.status != 'success') {
                                                     fileTagsArray = data.file_tags;
                                                     fileTagsArraySize = data.ResultSize;
                                                     return;
                                                 }
                                             },
                                             error: function (jqXHR, textStatus, errorThrown) {
                                                 return;
                                             }
                                         });
                                     }
 
                                     var fileDescription = '';
                                     if (this.description) {
                                         fileDescription = this.description;
                                         fileDescription = fileDescription.replace(/<\/?[^>]+(>|$)/g, "");
                                     }
 
                                     var inputFileDescription = '<input data-ppload-file-description="" class="form-control input-sm"'
                                         + ' type="text" maxlength="140" placeholder="File description"'
                                         + ' value="' + fileDescription + '">';
                                     if(this.active == '0') {
                                         inputFileDescription = '<input disabled="disabled" data-ppload-file-description="" class="form-control input-sm"'
                                             + ' type="text" maxlength="140" placeholder="File description"'
                                             + ' value="' + fileDescription + '">';
                                     }
 
                                     var versionText;
                                     if(this.version==null) {versionText = '';} else{versionText = this.version;}
                                     versionText = versionText.replace(/<\/?[^>]+(>|$)/g, "");
 
                                     var version = '<input data-ppload-file-version="" class="form-control input-sm"'
                                         + ' type="text" maxlength="140" placeholder="File version"'
                                         + ' value="' + versionText + '">';
                                     if(this.active == '0') {
                                         version = '<input disabled="disabled" data-ppload-file-version="" class="form-control input-sm"'
                                             + ' type="text" maxlength="140" placeholder="File version"'
                                             + ' value="' + versionText + '">';
                                     }
 
                                     var fileCategory = '';
                                     if (this.category) {
                                         fileCategory = this.category;
                                     }
                                     var link = '';
                                     var fileTags = '';
                                     var osId = null;
 
                                     //downloadlink is now: domain/api/files/download/id/ID/s/TOKEN/t/TIMESTAMP/u/USERID/FILE_NAME
                                     var downloadUrl = "https://<?= $_SERVER["SERVER_NAME"]?>/p/<?= $this->project_id ?>/startdownload?file_id=" + this.id + "&file_name=" + this.name + "&file_type=" + this.type + "&file_size=" + this.size;
 
                                     var downloadLinkFilename = link ? this.name + ' (External Link)' : this.name;
                                     var downloadLink = '<a href="' + downloadUrl + '" id="data-link' + this.id + '" class="opendownloadfile" data-file_id="' + this.id + '" data-file_name="' + this.name + '" data-file_type="' + this.type + '" data-file_size="' + this.size + '" data-project_id="<?= $this->project_id ?>"  data-link_type="download">' + downloadLinkFilename + '</a>';
 
                                     if(this.active == '1') {
                                         updatePploadFileBtnPerFile = updatePploadFileBtn;
                                         deletePploadFileBtnPerFile = deletePploadFileBtn;
                                     } else {
                                         updatePploadFileBtnPerFile = '';
                                         deletePploadFileBtnPerFile = '';
                                     }
                                     
                                     var numDownloads = this.downloaded_count;
                                     numDownloads = numDownloads || 0;
 
                                     tableString = '';
                                     tableString += '<tr data-ppload-file-id="' + this.id + '" data-ppload-file-category="' + fileCategory + '" data-ppload-file-tags="' + fileTags + '">';
                                     tableString += '<td>' + downloadLink + '</td>';
                                     tableString += '<td>' + version + '</td>';
                                     tableString += '<td>' + inputFileDescription + '</td>';
                                     
                                     var fileId = this.id;
 
                                     if(tagGroupsCount>0) {
                                         
                                         $.each(tagGroups, function() {
                                             tableString += '<td>';
                                             tableString +='<select multiple="multiple" id="data-select-' + this.group_legacy_name + fileId + '" data-'+this.group_legacy_name+'-id="" data-tag-group-id="' + this.tag_group_id + '" data-tag-group="' + this.group_legacy_name + '" name="' + this.group_legacy_name + '" class="multi" style="width: 150px;">';
                                             //tableString +='<select id="data-select-' + this.group_legacy_name + fileId + '" data-'+this.group_legacy_name+'-id="" data-tag-group-id="' + this.tag_group_id + '" data-tag-group="' + this.group_legacy_name + '" name="' + this.group_legacy_name + '" class="form-control input-sm" style="width: 150px;">';
                                             //tableString += '<option value=\"\"></option>';
 
                                             for(key in this.tag_list) {
                                                 tableString += '<option value=\"'+key+'\"';
                                                 if(null != this.selected_tags) {
                                                     $.each(this.selected_tags, function() {
                                                         if(key == this.tag_id) {
                                                             tableString += ' selected="selected"';
                                                         }
                                                     })
                                                 }
                                                 
                                                 tableString += '>' + this.tag_list[key] + '</option>';
                                             }
 
                                             tableString += '</select>';
                                             tableString += '</td>';
                                         });
                                         
                                     } else {
                                     
                                         if(fileTagsArraySize>0) {
                                             tableString += '<td>';
 
                                             tableString += '<span class="select2 select2-container select2-container--default select2-container--below select2-container--focus" dir="ltr" style="width: auto;">';
                                             tableString += '    <span class="selection">';
                                             tableString += '        <span class="select2-selection select2-selection--multiple" aria-expanded="false" tabindex="-1">';
                                             tableString += '            <ul class="select2-selection__rendered">';
 
                                             $.each(fileTagsArray, function() {
                                                 tableString += '                <li id="file-tag-'+fileId+'-'+this.tag_id+'" class="select2-selection__choice"  style="line-height: 20px !important; font-size: 9px !important;" title="'+this.name+'">';
                                                 tableString += '                    <span class="select2-selection__choice__remove" data-file-id="'+fileId+'" data-file-tag-id="'+this.tag_id+'" role="presentation">×</span>'+this.name+'</li>';
                                             });
                                             tableString += '            </ul>';
                                             tableString += '        </span>';
                                             tableString += '    </span>';
                                             tableString += '</span>';
 
                                             tableString += '</td>';
                                         } else {
                                             tableString += '<td></td>';
                                         }
                                     }
 
                                     tableString += '<td>' + this.created_timestamp + '</td>';
                                     tableString += '<td style="text-align: right">' + humanFileSize(this.size) + '</td>';
                                     tableString +='<td style="text-align: right">' + numDownloads + '</td>';
                                     tableString += '<td>' + updatePploadFileBtnPerFile + '</td>';
                                     tableString += '<td>' + deletePploadFileBtnPerFile + '</td>';
                                     tableString += '</tr>';
                                     $modalPpload.find('table[data-ppload-files] tbody').append(tableString);
+                                    
+                                    $('.multi').multiselect({
+                                        includeSelectAllOption: true,
+                                        buttonClass: 'btn btn-native btn-xs'
+                                    });
 
                                     if ((typeof link != 'undefined') && (link != "")) {
                                         //$("#data-link" + this.id).attr('href', decodeURIComponent(link));
                                         $("#data-link" + this.id).attr('target','_blank');
                                         $("#data-link" + this.id).html($("#data-link" + this.id).html() + " (External Link)");
                                     }
                                 });
-                                
-                                
-                                $('.multi').multiselect({
-                                        includeSelectAllOption: true,
-                                        buttonClass: 'btn btn-native btn-xs'
-                                });
-                                
 
                                 $modalPpload.find('p[data-file-upload-msg]').show();
                                 $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
                                 $modalPpload.find('#github_picker').attr('disabled', 'disabled');
 
                                 if ($modalPpload.find('input[data-accept-checkbox]').is(':checked')) {
                                     $modalPpload.find('button[data-addpploadfile-btn]').removeAttr('disabled');
                                     $modalPpload.find('#github_picker').removeAttr('disabled');
                                 } else {
                                     $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
                                     $modalPpload.find('#github_picker').attr('disabled', 'disabled');
                                 }
                                 if (data.pagination.next) {
                                     getPploadFiles(data.pagination.next);
                                 }
                             },
                             error: function (jqXHR, textStatus, errorThrown) {
                                 return;
                             }
                         });
                     }
                 }
 
                 function addFileToPploadUploadQueue(fileId, fileUpload) {
                     var uploadId = 'file-upload-' + Math.floor(Math.random() * 1000) + '-' + new Date().getTime();
                     pploadUploads.queue[uploadId] = {
                         fileId: fileId,
                         fileUpload: fileUpload
                     };
 
                     $modalPpload.find('table[data-file-upload] tbody').append(
                         '<tr data-file-upload-id="' + uploadId + '">'
                         + '<td>' + fileUpload.name + ' (' + humanFileSize(fileUpload.size) + ')</td>'
                         + '<td>'
                         + '<progress max="100" value="0" data-file-upload-progress=""></progress>'
                         + '<br>'
                         + '<span'
                         + ' data-file-upload-progress=""'
                         + ' data-file-upload-loaded="0"'
                         + ' data-file-upload-time="0"></span>'
                         + '</td>'
                         + '<td><a href="#" data-file-upload-cancel-btn="">×</a></td>'
                         + '</tr>'
                     );
                 }
 
                 function startUploadPploadFiles() {
                     if ($.isEmptyObject(pploadUploads.queue) || pploadUploads.uploading) {
                         return;
                     }
 
                     //var productId = $modalPpload.attr('data-product-id');
                     var uploadId = null;
                     var formData = new FormData();
                     $.each(pploadUploads.queue, function (key, value) {
                         uploadId = key;
                         if (value.fileId) {
                             formData.append('file_id', value.fileId);
                         }
                         formData.append('file_upload', value.fileUpload);
                         return false;
                     });
                     var $uploadContainer = $modalPpload.find('tr[data-file-upload-id="' + uploadId + '"]');
                     var $uploadProgressBar = $uploadContainer.find('progress[data-file-upload-progress]');
                     var $uploadProgress = $uploadContainer.find('span[data-file-upload-progress]');
                     $uploadProgress.attr('data-file-upload-time', new Date().getTime());
 
                     $modalPpload.find('button[data-file-upload-cancel-btn]').removeAttr('disabled');
 
                     pploadUploads.currentUploadId = uploadId;
 
                     var url = '';
                     if (formData.has('file_id')) {
                         url = ($modalPpload.attr('data-updatepploadfile-uri')).replace(/@@project_id@@/i, ProductForm.project_id);
                         if (typeof ProductForm.project_id == 'undefined' || ProductForm.project_id == '' || ProductForm.project_id == '0') {
                             url = ($modalPpload.attr('data-updatepploadfile-uri')).replace(/@@project_id@@/i, <?= (isset($this->project_id))?$this->project_id:0  ?>);
                         }
                     } else {
                         url = ($modalPpload.attr('data-addpploadfile-uri')).replace(/@@project_id@@/i, ProductForm.project_id);
                         if (typeof ProductForm.project_id == 'undefined' || ProductForm.project_id == '' || ProductForm.project_id == '0') {
                             url = ($modalPpload.attr('data-addpploadfile-uri')).replace(/@@project_id@@/i, <?= (isset($this->project_id))?$this->project_id:0  ?>);
                         }
                     }
 
                     pploadUploads.uploading = $.ajax({
                         xhr: function () {
                             var xhr = $.ajaxSettings.xhr();
                             if (xhr.upload) {
                                 xhr.upload.addEventListener('progress', function (event) {
                                     var progress = parseInt(event.loaded / event.total * 10000) / 100;
                                     var previousLoaded = parseInt($uploadProgress.attr('data-file-upload-loaded'));
                                     var previousTime = parseInt($uploadProgress.attr('data-file-upload-time'));
                                     var currentTime = new Date().getTime();
                                     var rate = '--';
                                     if (previousTime < currentTime) {
                                         $uploadProgress.attr('data-file-upload-loaded', event.loaded);
                                         $uploadProgress.attr('data-file-upload-time', currentTime);
                                         rate = humanFileSize(Math.floor((event.loaded - previousLoaded) / (currentTime - previousTime) * 1000));
                                     }
                                     $uploadProgressBar.attr('value', progress);
                                     $uploadProgress.html(progress + '% | ' + rate + '/s');
                                 }, false);
                             }
                             xhr.addEventListener('abort', function (event) {
                                 if (pploadUploads.queue[uploadId].fileId) {
                                     $modalPpload.find('tr[data-ppload-file-id="' + pploadUploads.queue[uploadId].fileId + '"]').show();
                                 }
                                 delete pploadUploads.queue[uploadId];
                                 pploadUploads.currentUploadId = null;
                                 pploadUploads.uploading = null;
                                 $uploadContainer.remove();
                                 $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
                                 startUploadPploadFiles();
                             }, false);
                             return xhr;
                         },
                         url: url,
                         type: 'POST',
                         data: formData,
                         dataType: 'json',
                         contentType: false,
                         processData: false,
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'ok') {
                                 return;
                             }
 
                             if (pploadUploads.queue[uploadId].fileId) {
                                 $modalPpload.find('tr[data-ppload-file-id="' + pploadUploads.queue[uploadId].fileId + '"]').remove();
                             }
                             delete pploadUploads.queue[uploadId];
                             pploadUploads.currentUploadId = null;
                             pploadUploads.uploading = null;
                             $uploadContainer.remove();
                             $('a[href="#modal-ppload"][data-product-id="' + $modalPpload.attr('data-product-id') + '"]')
                                 .attr('data-ppload-collection-id', data.file.collection_id);
                             $modalPpload.attr('data-ppload-collection-id', data.file.collection_id);
 
                             var versionText;
                             if(data.file.version==null) {versionText = '';} else{versionText = data.file.version;}
                             versionText = versionText.replace(/<\/?[^>]+(>|$)/g, "");
 
                             var version = '<input data-ppload-file-version="" class="form-control input-sm"'
                                 + ' type="text" maxlength="140" placeholder="File version"'
                                 + ' value="' + versionText + '">';
 
                             var fileDescription = '';
                             if (data.file.description) {
                                 fileDescription = data.file.description;
                             }
                             var fileCategory = '';
                             if (data.file.category) {
                                 fileCategory = data.file.category;
                             }
                             var fileTags = '';
                             if (data.file.tags) {
                                 fileTags = data.file.tags;
                             }
                             
                             var tableString = '';
                             tableString += '<tr data-ppload-file-id="' + data.file.id + '" data-ppload-file-category="' + fileCategory + '" data-ppload-file-tags="' + fileTags + '">';
                             tableString += '<td><a href="' + pploadApiUri + 'files/download/';
                             tableString += 'id/' + data.file.id + '/' + data.file.name + '">' + data.file.name + '</a></td>';
                             tableString += '<td>' + version + '</td>';
                             tableString += '<td><input data-ppload-file-description="" class="form-control input-sm"';
                             tableString += ' type="text" maxlength="140" placeholder="File description"';
                             tableString += ' value="' + fileDescription + '"></td>';
 
                             var fileId = data.file.id;
 
 
                             //get cat-tag-groups
                             var tagGroups = null;
                             var tagGroupsCount = 0;
                             var catId = $('#project_category_id').val();
                             
                             $.ajax({
                                 url: '/p/'+ProductForm.project_id+'/gettaggroupsforcatajax',
                                 type: 'GET',
                                 async: false,
                                 cache: false,
                                 timeout: 30000,
                                 data: {project_cat_id: catId},
                                 dataType: 'json',
                                 success: function (data, textStatus, jqXHR) {
                                     if (data.status != 'success') {
                                         tagGroups = data.tag_groups;
                                         tagGroupsCount = data.ResultSize;
                                         return;
                                     }
                                 },
                                 error: function (jqXHR, textStatus, errorThrown) {
                                     return;
                                 }
                             });
                             
                             
 
                             if(tagGroupsCount>0) {
                                 $.each(tagGroups, function() {
                                     tableString += '<td>';
-                                    tableString +='<select id="data-select-' + this.group_legacy_name + fileId + '" data-'+this.group_legacy_name+'-id="" data-tag-group-id="' + this.tag_group_id + '" data-tag-group="' + this.group_legacy_name + '" name="' + this.group_legacy_name + '" class="form-control input-sm" style="width: 150px;">';
-                                    tableString += '<option value=\"\"></option>';
-
-
-                                    for(key in this.tag_list){
-                                        tableString += '<option value=\"'+key+'\"';
-                                        if(null != this.selected_tag && key == this.selected_tag) {
-                                            tableString += ' selected="selected"';
-                                        }
-                                        tableString += '>' + this.tag_list[key] + '</option>';
-                                    }
+                                    tableString +='<select multiple="multiple" id="data-select-' + this.group_legacy_name + fileId + '" data-'+this.group_legacy_name+'-id="" data-tag-group-id="' + this.tag_group_id + '" data-tag-group="' + this.group_legacy_name + '" name="' + this.group_legacy_name + '" class="multi" style="width: 150px;">';
+                                    //tableString +='<select id="data-select-' + this.group_legacy_name + fileId + '" data-'+this.group_legacy_name+'-id="" data-tag-group-id="' + this.tag_group_id + '" data-tag-group="' + this.group_legacy_name + '" name="' + this.group_legacy_name + '" class="form-control input-sm" style="width: 150px;">';
+                                    //tableString += '<option value=\"\"></option>';
 
                                     tableString += '</select>';
                                     tableString += '</td>';
                                 });
                             } else {
                                 tableString += '<td></td>';
                             }
 
                             tableString += '<td>' + data.file.created_timestamp + '</td>';
                             tableString += '<td style="text-align: right">' + humanFileSize(data.file.size) + '</td>';
                             tableString +='<td style="text-align: right">0</td>';
                             tableString += '<td><a href="#" class="btn btn-native btn-xs btn-file-dropzone" data-updatepploadfile-btn="">Update</a></td>';
                             tableString += '<td><a href="#" class="btn btn-native btn-xs btn-file-dropzone" data-deletepploadfile-btn=""><span class="glyphicon glyphicon-trash"></span></a></td>';
                             tableString += '</tr>';
                             $modalPpload.find('table[data-ppload-files] tbody').append(tableString);
+                            
+                            $('.multi').multiselect({
+                                    includeSelectAllOption: true,
+                                    buttonClass: 'btn btn-native btn-xs'
+                            });
 
                             //UserTags.activateSelect(fileId, '');
 
                             $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
                             startUploadPploadFiles();
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             alert("Error: " + textStatus + ", " + errorThrown);
                             return;
                         }
                     });
                 }
 
                 function updatePploadFile(fileId, fileDescription, fileCategory, fileTags) {
                     var url = ($modalPpload.attr('data-updatepploadfile-uri')).replace(/@@project_id@@/i, ProductForm.project_id);
                     if (typeof ProductForm.project_id == 'undefined' || ProductForm.project_id == '' || ProductForm.project_id == '0') {
                         url = ($modalPpload.attr('data-updatepploadfile-uri')).replace(/@@project_id@@/i, <?= (isset($this->project_id))?$this->project_id:0  ?>);
                     }
                     fileDescription = fileDescription.replace(/<\/?[^>]+(>|$)/g, "");
 
 
                     $.ajax({
                         url: url,
                         type: 'POST',
                         data: {
                             file_id: fileId,
                             file_description: fileDescription,
                             file_category: fileCategory
                         },
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'ok') {
                                 return;
                             }
 
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             alert("Error: " + textStatus + ", " + errorThrown);
                             return;
                         }
                     });
                 }
                 
                 function updateFileTag(fileId, tagId, tagGroupId) {
                     var url = ($modalPpload.attr('data-updatefiletag-uri')).replace(/@@project_id@@/i, ProductForm.project_id);
                     if (typeof ProductForm.project_id == 'undefined' || ProductForm.project_id == '' || ProductForm.project_id == '0') {
                         url = ($modalPpload.attr('data-updatefiletag-uri')).replace(/@@project_id@@/i, <?= (isset($this->project_id))?$this->project_id:0  ?>);
                     }
 
                     $.ajax({
                         url: url,
                         type: 'POST',
                         data: {
                             file_id: fileId,
                             tag_id: tagId,
                             tag_group_id: tagGroupId
                         },
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'ok') {
                                 return;
                             }
 
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             alert("Error: " + textStatus + ", " + errorThrown);
                             return;
                         }
                     });
                 }
                 
                 function deleteFileTag(fileId, tagId) {
                     var url = ($modalPpload.attr('data-deletefiletag-uri')).replace(/@@project_id@@/i, ProductForm.project_id);
                     if (typeof ProductForm.project_id == 'undefined' || ProductForm.project_id == '' || ProductForm.project_id == '0') {
                         url = ($modalPpload.attr('data-deletefiletag-uri')).replace(/@@project_id@@/i, <?= (isset($this->project_id))?$this->project_id:0  ?>);
                     }
 
                     $.ajax({
                         url: url,
                         type: 'POST',
                         data: {
                             file_id: fileId,
                             tag_id: tagId
                         },
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status == 'ok') {
                                 $('#file-tag-'+fileId+'-'+tagId).remove();
                                 return true;
                             }
 
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             alert("Error: " + textStatus + ", " + errorThrown);
                             return false;
                         }
                     });
                     
                 }
 
                 function updatePploadFileVersion(fileId, version) {
                     var url = ($modalPpload.attr('data-updatepploadfile-uri')).replace(/@@project_id@@/i, ProductForm.project_id);
                     if (typeof ProductForm.project_id == 'undefined' || ProductForm.project_id == '' || ProductForm.project_id == '0') {
                         url = ($modalPpload.attr('data-updatepploadfile-uri')).replace(/@@project_id@@/i, <?= (isset($this->project_id))?$this->project_id:0  ?>);
                     }
                     version = version.replace(/<\/?[^>]+(>|$)/g, "");
 
                     $.ajax({
                         url: url,
                         type: 'POST',
                         data: {
                             file_id: fileId,
                             file_version: version
                         },
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'ok') {
                                 return;
                             }
 
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             alert("Error: " + textStatus + ", " + errorThrown);
                             return;
                         }
                     });
                 }
 
                 function updatePploadFileTags(fileId, fileTags) {
                     var url = ($modalPpload.attr('data-updatepploadfile-uri')).replace(/@@project_id@@/i, ProductForm.project_id);
                     if (typeof ProductForm.project_id == 'undefined' || ProductForm.project_id == '' || ProductForm.project_id == '0') {
                         url = ($modalPpload.attr('data-updatepploadfile-uri')).replace(/@@project_id@@/i, <?= (isset($this->project_id))?$this->project_id:0  ?>);
                     }
 
                     $.ajax({
                         url: url,
                         type: 'POST',
                         data: {
                             file_id: fileId,
                             file_tags: fileTags
                         },
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'ok') {
                                 return;
                             }
 
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             alert("Error: " + textStatus + ", " + errorThrown);
                             return;
                         }
                     });
                 }
 
                 function deletePploadFile(fileId) {
                     var url = ($modalPpload.attr('data-deletepploadfile-uri')).replace(/@@project_id@@/i, ProductForm.project_id);
                     if (typeof ProductForm.project_id == 'undefined' || ProductForm.project_id == '' || ProductForm.project_id == '0') {
                         url = ($modalPpload.attr('data-deletepploadfile-uri')).replace(/@@project_id@@/i, <?= (isset($this->project_id))?$this->project_id:0  ?>);
                     }
 
                     $.ajax({
                         url: url,
                         type: 'POST',
                         data: {file_id: fileId},
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'ok') {
                                 alert("Error: " + data.error_text);
                                 return;
                             }
                             $modalPpload.find('table[data-ppload-files] tbody').html('');
                             $modalPpload.find('table[data-file-upload] tbody').html('');
                             getPploadFiles();
                             /**
                              $modalPpload.find('tr[data-ppload-file-id="' + fileId + '"]').remove();
                              if ($modalPpload.find('tr[data-ppload-file-id]').size() === 0) {
                                                         $modalPpload.find('table[data-ppload-files] tbody').html('');
                                                         $modalPpload.find('table[data-file-upload] tbody').html('');
                                                         $modalPpload.find('p[data-file-upload-msg]').show();
                                                         $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
 
                                                         if ($modalPpload.find('input[data-accept-checkbox]').is('checked')) {
                                                             $modalPpload.find('button[data-addpploadfile-btn]').removeAttr('disabled');
                                                         } else {
                                                             $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
                                                         }
                                                     }**/
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             alert("Error: " + textStatus + ", " + errorThrown);
                             return;
                         }
                     });
                 }
 
                 function deletePploadFiles() {
                     var url = ($modalPpload.attr('data-deletepploadfiles-uri')).replace(/@@project_id@@/i, ProductForm.project_id);
                     if (typeof ProductForm.project_id == 'undefined' || ProductForm.project_id == '' || ProductForm.project_id == '0') {
                         url = ($modalPpload.attr('data-deletepploadfiles-uri')).replace(/@@project_id@@/i, <?= (isset($this->project_id))?$this->project_id:0  ?>);
                     }
                     $.ajax({
                         url: url,
                         type: 'POST',
                         data: {},
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'ok') {
                                 return;
                             }
                             $modalPpload.find('table[data-ppload-files] tbody').html('');
                             $modalPpload.find('table[data-file-upload] tbody').html('');
                             $modalPpload.find('p[data-file-upload-msg]').show();
 
                             $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
 
                             $modalPpload.find('input[data-accept-checkbox]').removeAttr('disabled');
                             $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
                             $modalPpload.find('#github_picker').attr('disabled', 'disabled');
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             alert("Error: " + textStatus + ", " + errorThrown);
                             return;
                         }
                     });
                 }
 
                 function humanFileSize(bytes) {
                     var size = '';
                     size = (bytes / 1048576).toFixed(2) + ' MB';
                     /*
                      if (bytes >= 1073741824) {
                      size = (bytes / 1073741824).toFixed(2) + 'GB';
                      }
                      else if (bytes >= 1048576) {
                      size = (bytes / 1048576).toFixed(2) + 'MB';
                      }
                      else if (bytes >= 1024) {
                      size = (bytes / 1024).toFixed(2) + 'KB';
                      }
                      else {
                      size = bytes + 'bytes';
                      }*/
                     return size;
                 }
 
                 $modalPpload.attr('data-ppload-collection-id', $(this).attr('data-ppload-collection-id'));
                 $modalPpload.attr('data-product-id', $(this).attr('data-product-id'));
                 $modalPpload.attr('data-addpploadfile-uri', $(this).attr('data-addpploadfile-uri'));
                 $modalPpload.attr('data-updatepploadfile-uri', $(this).attr('data-updatepploadfile-uri'));
                 $modalPpload.attr('data-deletepploadfile-uri', $(this).attr('data-deletepploadfile-uri'));
                 $modalPpload.find('div[data-file-upload]').css({
-                    'min-height': '400px',
-                    'max-height': '600px',
+                    'min-height': '250px',
                     'border-width': '5px',
                     'border-style': 'dashed',
                     'border-color': '#cccccc',
                     'overflow': 'inherit'
                 });
                 $modalPpload.find('table[data-ppload-files] tbody').html('');
                 $modalPpload.find('table[data-file-upload] tbody').html('');
                 $modalPpload.find('p[data-file-upload-msg]').show();
 
                 $modalPpload.find('input[data-accept-checkbox]').removeAttr('disabled');
 
                 $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
                 $modalPpload.find('#github_picker').attr('disabled', 'disabled');
                 $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
 
                 //if ($modalPpload.attr('data-ppload-collection-id')) {
                 //    getPploadFiles();
                 //}
 
                 if(<?= (isset($this->project_id))?$this->project_id:0  ?> != 0) {
                     getUpdates();
                 }
 
                 $modalPpload.on('dragover', 'div[data-file-upload]', function (event) {
                     event.preventDefault();
                 });
 
                 $modalPpload.on('dragenter', 'div[data-file-upload]', function (event) {
                     event.preventDefault();
                     $(this).css('border-color', '#00ccff');
                 });
 
                 $modalPpload.on('dragleave', 'div[data-file-upload]', function (event) {
                     event.preventDefault();
                     $(this).css('border-color', '#cccccc');
                 });
 
                 $modalPpload.on('drop', 'div[data-file-upload]', function (event) {
                     event.preventDefault();
                     $.each(event.originalEvent.dataTransfer.files, function () {
                         addFileToPploadUploadQueue(null, this);
                     });
                     startUploadPploadFiles();
                     $(this).css('border-color', '#cccccc');
                 });
 
                 $modalPpload.on('change', 'input[data-file-upload]', function (event) {
                     $.each(this.files, function () {
                         addFileToPploadUploadQueue(null, this);
                     });
                     startUploadPploadFiles();
                 });
 
                 $modalPpload.on('click', 'button[data-addpploadfile-btn]', function (event) {
                     event.preventDefault();
                     $modalPpload.find('input[data-file-upload]').click();
                 });
 
                 $modalPpload.on('change', 'input[data-file-upload-update]', function (event) {
                     if ($(this).attr('data-ppload-file-id')) {
                         var fileId = $(this).attr('data-ppload-file-id');
                         $modalPpload.find('tr[data-ppload-file-id="' + fileId + '"]').hide();
                         addFileToPploadUploadQueue(fileId, this.files[0]);
                         startUploadPploadFiles();
                     }
                 });
 
                 $modalPpload.on('click', 'tr[data-ppload-file-id] a[data-updatepploadfile-btn]', function (event) {
                     event.preventDefault();
                     var $inputForm = $modalPpload.find('input[data-file-upload-update]');
                     $inputForm.attr('data-ppload-file-id', $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id'));
                     $inputForm.click();
                 });
 
                 $modalPpload.on('click', 'input[data-accept-checkbox]', function (event) {
                     if ($modalPpload.find('input[data-accept-checkbox]').is(':checked')) {
                         $modalPpload.find('button[data-addpploadfile-btn]').removeAttr('disabled');
                         $modalPpload.find('#github_picker').removeAttr('disabled');
                     } else {
                         $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
                         $modalPpload.find('#github_picker').attr('disabled', 'disabled');
                     }
                 });
 
                 $modalPpload.on('click', 'tr[data-ppload-file-id] a[data-deletepploadfile-btn]', function (event) {
                     event.preventDefault();
                     deletePploadFile($(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id'));
                 });
 
                 $modalPpload.on('click', 'button[data-file-upload-cancel-btn]', function (event) {
                     event.preventDefault();
                     pploadUploads.uploading.abort();
                     pploadUploads.queue = {};
                     $modalPpload.find('table[data-file-upload] tbody').html('');
                 });
 
                 $modalPpload.on('click', 'tr[data-file-upload-id] a[data-file-upload-cancel-btn]', function (event) {
                     event.preventDefault();
                     var uploadId = $(this).closest('tr[data-file-upload-id]').attr('data-file-upload-id');
                     if (uploadId == pploadUploads.currentUploadId) {
                         pploadUploads.uploading.abort();
                     }
                     else {
                         delete pploadUploads.queue[uploadId];
                         $modalPpload.find('tr[data-file-upload-id="' + uploadId + '"]').remove();
                     }
                 });
 
                 $modalPpload.on('change', 'input[data-ppload-file-description]', function (event) {
                     event.preventDefault();
                     var fileId = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id');
                     var fileDescription = $(this).closest('input[data-ppload-file-description]').val();
                     var fileCategory = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-category');
                     var fileTags = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-tags');
 
                     $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-tags', fileTags);
                     updatePploadFile(fileId, fileDescription, fileCategory, fileTags);
                 });
 
                 $modalPpload.on('change', 'input[data-ppload-file-version]', function (event) {
                     event.preventDefault();
                     var fileId = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id');
                     var fileVersion = $(this).closest('input[data-ppload-file-version]').val();
                     updatePploadFileVersion(fileId, fileVersion);
                 });
 
                  $modalChanglog.on('click', 'button[data-add-update-btn]', function (event) {
                     var update_id = $modalChanglog.find('#update-id').val();
                     var title = $modalChanglog.find('#update-title').val();
                     var text = $modalChanglog.find('#update-text').val();
                     var productId = <?= isset($this->project_id)?$this->project_id:0 ?>;
                     event.preventDefault();
 
                     $.ajax({
                         url: '<?=$helpProductUrl->buildProductUrl($this->project_id, 'saveupdateajax')?>',
                         type: 'POST',
                         data: {title: title, text: text, update_id: update_id},
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'success') {
                                 return;
                             }
                             $modalChanglog.find('#update-title').val('');
                             $modalChanglog.find('#update-text').val('');
                             $modalChanglog.find('#update-id').val('');
                             getUpdates();
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             return;
                         }
                     });
 
                 });
 
                 $modalChanglog.on('click', 'button[data-delete-update-btn]', function (event) {
                     var updateId = $(this).attr('data-delete-update-btn');
                     var productId = <?= isset($this->project_id)?$this->project_id:0 ?>;
                     event.preventDefault();
 
                     $.ajax({
                         url: '<?=$helpProductUrl->buildProductUrl($this->project_id, '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;
                         }
                     });
 
                 });
 
                 $modalChanglog.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');
                     var changelog = Changelog.getLogMsg(updateId);
                     var title = changelog.msg_title;
                     var text = changelog.msg_text;
 
                     $modalChanglog.find('#update-title').val(title);
                     $modalChanglog.find('#update-text').val(text);
                     $modalChanglog.find('#update-id').val(updateId);
 
                     $modalChanglog.find('#update-title').focus();
 
                     event.preventDefault();
                 });
 
 
                 /*
                 $modalPpload.on('change', 'select.chosen', function (event) {
                     event.preventDefault();
                     var fileId = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id');
                     var currentTags = $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags');
                     var chosenTags = $(this).val();
 
                     var newTags = UserTags.removeOldTags(currentTags);
                     newTags = UserTags.setNewTags(newTags, chosenTags);
 
                     updatePploadFileTags(fileId, newTags);
                     $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags',newTags);
                 });*/
 
                 $modalPpload.on('change', 'select[data-tag-group]', function(event) {
                     event.preventDefault();
                     var fileId = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id');
                     var fileTags = $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags');
                     var tagId = $(this).val();
                     var tagGroupId = $(this).attr('data-tag-group-id');
                     var tagGroupName = $(this).attr('data-tag-group');
                     
                     var newFileTags = '';
                     if (fileTags) {
 
                         $.each(fileTags.split(','), function () {
                             // skip old entries
                             if ((this.length == 0) || (this.indexOf(tagGroupName+'id-') == 0) || (this.indexOf(tagGroupName+'id##') == 0)) {
                                 return true;
                             }
                             newFileTags += ',' + this;
                         });
 
                     }
                     newFileTags += ','+tagGroupName+'id-'+tagId;
                     updatePploadFileTags(fileId, newFileTags);
                     $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags',newFileTags);
                     updateFileTag(fileId, tagId, tagGroupId);
                 });
                 
                 $modalPpload.on('click', 'span[data-file-tag-id]', function (event) {
                     event.preventDefault();
                     
                     $tagId = $(this).attr('data-file-tag-id');
                     $fileId = $(this).attr('data-file-id');
                     var fileTags = $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags');
                     
                     /*
                     var newFileTags = '';
                     if (fileTags) {
 
                         $.each(fileTags.split(','), function () {
                             // skip old entries
                             if ((this.length == 0) || (this.indexOf(tagGroupName+'id-') == 0) || (this.indexOf(tagGroupName+'id##') == 0)) {
                                 return true;
                             }
                             newFileTags += ',' + this;
                         });
 
                     }
                     newFileTags += ','+tagGroupName+'id-'+tagId;
                     updatePploadFileTags(fileId, newFileTags);
         
                     $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags',newFileTags);
         
                     */
                     deleteFileTag($fileId, $tagId);
                 });
 
                 
                 $('.multi').multiselect({
                     includeSelectAllOption: true
                 });
                 
                 
         });
 
 
 
         var LogCollection=function()
         {
             this.changelogs = {};
 
             this.setLogMsg =
                 function(id, title, msg) {
                     this.changelogs[id] = {msg_title:title, msg_text:msg};
             };
 
             this.getLogMsg =
                 function(id) {
                     return this.changelogs[id];
                 }
         };
 
         var Changelog = new LogCollection();
     </script>
   <script>
           $.fn.sortSelect = function() {
               var op = this.children("option");
               op.sort(function(a, b) {
                   return a.text > b.text ? 1 : -1;
               })
               return this.empty().append(op);
           }
 
           $.fn.sort_select_box = function(){
               var my_options = $("option", $(this));
               my_options.sort(function(a,b) {
                   if (a.text > b.text) return 1;
                   else if (a.text < b.text) return -1;
                   else return 0
               });
               $(this).empty().append(my_options);
           }
 
           function setSourceNeededForCategoryInfo(element_id, cat_id) {
             $('.cat_source_info').remove();
             jQuery.ajax({
                 data: {'cat_id': cat_id},
                 url: '/productcategory/fetchsourceneeded/',
                 type: 'get',
                 success: function (results) {
                     var isSourceRequired = results.source_required;
 
                     if(isSourceRequired == 1) {
                         $('#wrapper_cat_id').append('<div class="cat_source_info" id="' + element_id + '_cat_source_info">*for this category a Source-Code Repository is needed for plings</div>');
                     }
                 }
             });
           }
           
           
           ProductForm = {
 
               mode: "<?=$this->mode?>",
               project_id: <?php echo ($this->mode == 'edit') ? $this->project_id : '$(\'#project_id\').val()'?>,
               errors: "",
               cat_id_data: <?=json_encode($categories)?>,
               cat_id_path: <?=json_encode($categoryPath)?>,
               store_cat_ids: <?=json_encode($storeCatIds)?>,
               value_cat_id: <?=json_encode($valueCatId)?>,
 
               setup: function () {
                   this.setupCategorySelect();
                   this.setupCategoryAjax();
                   this.setGitlabProjectNameSelect();
               },
 
               setupCategorySelect: function() {
                   var level = 0;
                   var hasNoRoot = true;
                   
                   for (var form_elem_name in this.cat_id_data) {
                       var nextElementName = form_elem_name.substring(0, form_elem_name.length - 1) + (level + 1);
                       var new_html_element = '<select name="' + form_elem_name + '" id="' + form_elem_name + '" class="required form-control product_select_cat" data-target="'+nextElementName+'" data-level="'+level+'">';
                       new_html_element += '<option value=""> </option>';
                       
                       hasNoRoot = true;
                       
                       for (var form_select_option in this.cat_id_data[form_elem_name]) {
                           var attr_selected = '';
                           
                           if (form_select_option == this.cat_id_path[level] || form_select_option == this.value_cat_id) {
                               attr_selected = ' selected="selected"';
                               hasNoRoot = false;
                           }
                           new_html_element += '<option value="' + form_select_option + '" ' + attr_selected + '>' + this.cat_id_data[form_elem_name][form_select_option] + '</option>';
                       }
                       
                       
                       if(hasNoRoot == true && this.cat_id_path != '0') {
                           var url = "<?= $helpBaseUrl->buildMainBaserUrl().'p/'. $this->project_id . '/edit' ?>";
                           //alert("Redir: "+url);
                           document.location.href = url;
                       }
                       
                       
                       new_html_element += '</select>';
                       $('#wrapper_cat_id').append(new_html_element);
                         this.sortOptionByValue(form_elem_name);
 
                       var size = <?=count($categories)?>;
                       if((size-1) == level) {
                             this.setSourceNeededForCategoryInfo(form_elem_name, this.cat_id_path[level]);
                       }
 
                       level++;
                   }
               },
 
               setSourceNeededForCategoryInfo: function(element_id, cat_id) {
 
                 jQuery.ajax({
                     data: {'cat_id': cat_id},
                     url: '/productcategory/fetchsourceneeded/',
                     type: 'get',
                     success: function (results) {
                         var isSourceRequired = results.source_required;
                         if(isSourceRequired == 1) {
                             $('#wrapper_cat_id').append('<div class="cat_source_info" id="' + element_id + '_cat_source_info">*for this category a Source-Code Repository is needed for plings</div>');
                         }
                     }
                 });
               },
                   
               setGitlabProjectNameSelect: function() {
                 //project name is required if the checkbox is checked
                 $('body').on('change', '#is_gitlab_project', function () {
                     if(this.checked) {
                         $('#gitlab_project_id').attr('class','required form-control gitlab_project_id');
                         $('#gitlab_project_id').prop('disabled', false);
                         $('#show_gitlab_project_issues').prop('disabled', false);
                         $('#use_gitlab_project_readme').prop('disabled', false);
                     } else {
                         //$('#gitlab_project_id').disable();
                         $('#gitlab_project_id').val([]);
                         $('#gitlab_project_id').removeClass('required');
                         $('#gitlab_project_id').prop('disabled', true);
                         $('#show_gitlab_project_issues').prop('disabled', true);
                         $('#use_gitlab_project_readme').prop('disabled', true);
                     }
                 });
               },    
 
               sortOptionByValue: function(element_id) {
                   var my_options = $("#"+element_id + " option");
                   var selected = $("#"+element_id).val();
 
                   my_options.sort(function(a,b) {
                       if (a.text > b.text) return 1;
                       else if (a.text < b.text) return -1;
                       else return 0;
                   })
                   $("#"+element_id).empty().append( my_options );
                   $("#"+element_id).val(selected);
               },
 
 
               setupCategoryAjax: function () {
                   $('body').on('change', 'div#wrapper_cat_id select.product_select_cat', function () {
 
                       var cat_id = $(this).val();
                       var name_old_elem = $(this).attr('name');
                       var name_new_elem = $(this).data('target');
                       var level_elem = $(this).data('level') + 1;
                       var level_new_elem = level_elem + 1;
                       var name_new_target = name_new_elem.substring(0,name_new_elem.length - 1) + level_new_elem;
 
                       if (!cat_id) {
                           $('#wrapper_form_cat input:hidden:first').val($('#wrapper_cat_id').find("[data-level]:lt(" + (level_elem - 1) + ")").val());
                           $('#wrapper_cat_id').find("[data-level]:gt(" + (level_elem - 1) + ")").remove();
                           $('.cat_source_info').remove();
                           return;
                       }
                       $('#wrapper_form_cat input:hidden:first').val(cat_id);
 
                       jQuery.ajax({
                           data: {'cat_id': cat_id},
                           url: '/productcategory/fetchchildren/',
                           type: 'post',
                           success: function (results) {
                               $('#wrapper_cat_id').find("[data-level]:gt(" + (level_elem - 1) + ")").remove();
                               $('#' + (level_elem - 1) + '_cat_source_info').remove();
                               $('.cat_source_info').remove();
                               if (!$.isEmptyObject(results)) {
                                   var new_html_element = '<select name="' + name_new_elem + '" id="' + name_new_elem + '" class="required form-control product_select_cat" data-target="'+name_new_target+'" data-level="'+level_elem+'">';
                                   new_html_element += '<option value=""> </option>';
                                   for (var i in results) {
                                       new_html_element += '<option value="' + results[i].project_category_id + '">' + results[i].title + '</option>';
                                   }
                                   new_html_element += '</select>';
 
                                   $('#wrapper_cat_id').append(new_html_element);
                              } else {
                                 var name_elem = name_old_elem;
                                 setSourceNeededForCategoryInfo(name_elem, cat_id);
                              }
                         }
                       });
                   });
               },
 
               saveSection: function (sectionId) {
                   var pid = <?php echo ($this->mode == 'edit') ? $this->project_id : '$(\'#project_id\').val()'?>;
                   if (pid != '') {
                       return;
                   }
 
                   var url = '/p/save/';
                   var data = $('#' + sectionId + ' :input').serialize();
                   var result = false;
 
                   jQuery.ajax({
                       data: data,
                       url: url,
                       type: 'post',
                       async: false
                   }).done(function (data, textStatus, jqXHR) {
                       if (data.project_id == undefined) {
                           ProductForm.project_id = '';
                       } else {
                           ProductForm.project_id = data.project_id;
                       }
                       if (data.status == 'error') {
                           ProductForm.errors = data.messages;
                           result = false;
                       } else {
                           result = true;
                       }
 
                   }).fail(function (jqXHR, textStatus, errorThrown) {
 
                   }).always(function (data, textStatus, errorThrown) {
 
                   });
 
                   return result;
               },
 
               showErrors: function () {
                   $.each(this.errors, function (index, value) {
                       $('[name=' + index + ']').append('<label id="title-error" class="error" for="title">' + value + '</label>');
                   });
               }
 
           };
 
           var ProductGallery = (function () {
               var maxImageCount = 5;
 
               return {
 
                   setup: function () {
                       $('body').on({
                           mouseenter: function () {
                               $(this).find('.icon-check').hide();
                               $(this).find('.icon-cross').show();
                           },
                           mouseleave: function () {
                               $(this).find('.icon-check').show();
                               $(this).find('.icon-cross').hide();
                           }
                       }, '.product-image');
 
                       if ($('.product-image').length>= 6) {
                               $('.upload-image-container').hide();
                       }
 
                       $('body').on('click', '.icon-cross', function () {
                           $(this).closest('.product-image').remove();
                           ProductGallery.incImageCount();
                       });
                   },
 
                   previewImage: function (input) {
 
                       if (!input.files.length) {
                           return;
                       }
 
                       maxImageCount--;
 
                       var reader = new FileReader();
                       var image = new Image();
                       var file = input.files[0];
 
                       reader.readAsDataURL(file);
                       reader.onload = function (_image) {
 
                           $('#gallery-error').remove();
 
                           $('.product-image').last().append('<div class="absolute icon-check"></div>' +
                               '<div class="absolute icon-cross"></div>' +
                               '<div class="image" style="background-image: url(' + _image.target.result + ');"></div>'
                           );
                                    
                          $('.product-image').last().after('<div class="product-image relative">' +
                               '<input type="file" name="upload_picture[]" class="gallery-picture" onchange="ProductGallery.previewImage(this);"></div>'
                              );               
                          
                           if ($('.product-image').length>= 6) {
                                   $('.upload-image-container').hide();
                           }
                           /*
                           if (maxImageCount <= 0) {
                               $('.upload-image-container').hide();
                           }
                           */
 
                           image.src = _image.target.result;              // url.createObjectURL(file);
                           image.onload = function () {
                               var w = this.width,
                                   h = this.height,
                                   t = file.type,                           // ext only: // file.type.split('/')[1],
                                   n = file.name,
                                   s = ~~(file.size / 5120)// +'KB';
                               if (s > 5120) {
                                   $('.product-image').last().prev()
                                       .find('div.icon-check')
                                       .after('<div class="image-error">File too large</div>')
                                       .removeClass('icon-check')
                                       .addClass('icon-report')
                                   ;
                                   $('.product-image').last().prev()
                                       .find('input.gallery-picture').remove()
                                       .append('<input type="file" name="upload_picture[]" class="gallery-picture" onchange="ProductGallery.previewImage(this);"></div>')
                                   ;
                               }
                           };
                           ;
                           image.onerror = function () {
                               $('.product-image').last().prev().find('div.image').append('Invalid file type: ' + file.type);
                           };
                       }
                   },
                   thumbClick: function (element) {
                       var index = $(element).attr('data-index');
                       $('.thumb').removeClass('thumb-active');
                       $(element).parent().addClass('thumb-active');
                       $('#gallery-carousel').find('.active').removeClass('active');
                       $('#gallery-carousel').find('.item[data-index="' + index + '"]').addClass('active');
 
                   },
                   gallerySlide: function () {
                       var index = $('#gallery-carousel').find('.active').attr('data-index');
                       $('.thumb-active').removeClass('thumb-active');
                       $('.thumb a[data-index="' + index + '"]').parent().addClass('thumb-active');
                   },
                   incImageCount: function () {
                       if (maxImageCount < 5) {
                           maxImageCount = maxImageCount + 1;
                       }
                       $('.upload-image-container').show();
                   }
 
               };
           })();
 
   </script>
 <?php $this->inlineScript()->appendScript(
     '    $(document).ready(function(){
             ImagePreview.setup();
             ProductForm.setup();
             ProductGallery.setup();
             Opendownloadfile.setup();
         });
     ');
diff --git a/application/modules/default/views/scripts/product/partials/ppload.phtml b/application/modules/default/views/scripts/product/partials/ppload.phtml
index 11c0b17c3..6dda8edc8 100644
--- a/application/modules/default/views/scripts/product/partials/ppload.phtml
+++ b/application/modules/default/views/scripts/product/partials/ppload.phtml
@@ -1,853 +1,874 @@
 <?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/>.
  **/
 $catTagGropuModel  = new Default_Model_TagGroup();
 $tagGroups = $catTagGropuModel->fetchTagGroupsForCategory($this->product->project_category_id);
 $tagsForGroupHelper = new Default_View_Helper_FetchTagsForTagGroup();
 ?>
 
+<style>
+    
+    #product-page-content #product-panels #files-panel table.table-ocs-file td {
+        vertical-align: top !important;
+    }
+    
+</style>
+
   <!-- ppload -->
          <?php if ($this->product->ppload_collection_id): ?>
              <?php
              $helperCatXdgType = new Default_View_Helper_CatXdgType();
              $xdgType = $helperCatXdgType->catXdgType($this->product->project_category_id);
 
              $helperUserRole = new Backend_View_Helper_UserRole();
              $userRoleName = $helperUserRole->userRole();
 
              ?>
                  <article>
                      <div id="modal-installation-instructions"
                           class="modal fade"
                           role="dialog"
                           aria-labelledby="modal-installation-instructions-label">
                         <div class="modal-dialog content-modal" style="width: 640px; font-size: 12pt;">
                             <div class="modal-content">
                                 <div class="modal-header">
                                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                     <h3 id="modal-installation-instructions-label"><?= $this->translate('Installation Instructions') ?></h3>
                                 </div>
                                 <div class="modal-body">
 <?php /*
                                 <iframe src="https://opendesktop.github.io/ocs-url/opendesktoporg-help.html" width="100%" height="500" frameborder="0" seamless id="iframeInstallInstruction"></iframe>
               */
                                 ?>
                                
                                 </div>
                             </div>
                         </div>
                      </div>
 
                      <div data-ppload-api-uri="<?= PPLOAD_API_URI ?>"
                           data-ppload-collection-id="<?= $this->product->ppload_collection_id ?>"
                           data-xdg-type="<?= $xdgType ?>"
                           style="overflow-x: auto;">
 
                          <!--
                          <iframe src="" width="0" height="0" frameborder="0"
                                  data-pling-music-uri="/pling-music-html5/embed.html"
                                  seamless></iframe>
                          -->
 
                          <!--table-bordered-->
                          <table class="table table-ocs-file" data-ppload-files="">
                              <thead>
                              <tr>
                                  <th><?= $this->translate('File (click to download)'); ?></th>
                                  <th><?= $this->translate('Version'); ?></th>
                                  <th><?= $this->translate('Description'); ?></th>
 
                                  
                                  <?php
                                     //Show all Tag-Groups for this Category and show them as Dropdowns
                                     if(!empty($tagGroups)) {
                                         foreach ($tagGroups as $tagGroup) {
                                             echo "<th>" . $tagGroup['group_display_name'] . "</th>";
                                         }
                                     }
                                 ?>
                                  <th style="text-align: right"><?= $this->translate('Downloads'); ?></th>
                                  <th><?= $this->translate('Date'); ?></th>
 
                                  <th style="text-align: right"><?= $this->translate('Filesize'); ?></th>
 
                                  <th style="text-align: right">DL</th>
                                   <th style="text-align: right;white-space:nowrap"><?= $this->translate('OCS-Install'); ?>
                                      <a href="#modal-installation-instructions" role="button" data-toggle="modal"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span></a>
                                  </th>
                                  <?php if (Default_Model_DbTable_MemberRole::ROLE_NAME_ADMIN == $userRoleName) : ?>
                                  <th>Compatible</th>
                                  <?php endif; ?>
                              </tr>
                              </thead>
                              <tbody></tbody>
                              <tfoot>
                              </tfoot>
                          </table>
 
 
                      </div>
                  </article>
 
 
                  <?php /*
              <div class="item active" style="max-width: 800px; max-height: 550px; margin:0 auto; display: none" id="carouselPPlay">
                     <div data-ppload-api-uri="<?= PPLOAD_API_URI ?>"
                           data-ppload-collection-id="<?= $this->product->ppload_collection_id ?>">
 
                           <iframe src="" width="0" height="0" frameborder="0" id="pplayiframe"
                                  data-pling-music-uri="/pling-music-html5/embed.html"
                                  seamless></iframe>
                     </div>
              </div>
              */?>
 
 
              <script type="text/javascript">
 
                  $(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}};
 
                      var $pploadCollection = $('div[data-ppload-collection-id]');
                      var $plingMusic = $pploadCollection.find('iframe[data-pling-music-uri]');
                      var pploadApiUri = $pploadCollection.attr('data-ppload-api-uri');
                      var hasFilesPanelOpened = false;
                      var externalIcon = ' <i class="fa fa-external-link"></i>';
                      function keysrt(key, asc) {
                          if(asc) {
                               return function(a,b){
                                if (a[key] > b[key]) return 1;
                                if (a[key] < b[key]) return -1;
                                return 0;
                               }
                          } else {
                              return function(a,b){
                                    if (a[key] < b[key]) return 1;
                                    if (a[key] > b[key]) return -1;
                                    return 0;
                              }
                          }
                     }
 
                     function activeCarouselFirstImg()
                     {
                           $('.carousel-inner .item').first().addClass('active');
                            $('.carousel-indicators > li').first().addClass('active');
                            $( '.carousel-indicators > li').each(function( index ) {
                                 $( this ).attr("data-slide-to",index);
                             });
                     }
 
 
                      function getPploadFiles(page) {
                           activeCarouselFirstImg();
 
                          var collectionId = $pploadCollection.attr('data-ppload-collection-id');
                          if (!page) {
                              page = 1;
                          }
                          $.ajax({
                              url: pploadApiUri + 'files/index',
                              type: 'GET',
                              data: {
                                  format: 'json',
                                  ignore_status_code: 1,
                                  status: 'all',
                                  collection_id: collectionId,
                                  perpage: 1000,
                                  page: page
                              },
                              dataType: 'json',
                              success: function (data, textStatus, jqXHR) {
                                  if (data.status != 'success') {
                                     activeCarouselFirstImg();
                                      return;
                                  }
 
                                  var isPlayable = false;
                                  var fileSizeSum = 0;
 
                                  var downloaded_count_total = 0;
                                  var firstRow = true;
 
                                 var myArray = $.map(data.files, function(entry) {
                                     return entry;
                                 });
 
                                 //myArray = myArray.sortOn('active');
                                 myArray.sort(keysrt('active'), false);
                                 myArrayActive = [];
                                 myArrayInactive = [];
                                 $.each(myArray, function () {
                                         if(this.active == '1') {
                                                 myArrayActive.push(this);
                                         } else {
                                                 myArrayInactive.push(this);
                                         }
                                 });
 
                                 //sort
                                 myArrayActive.sort(keysrt('created_timestamp'), false);
                                 myArrayInactive.sort(keysrt('created_timestamp'), false);
 
                                 var oldestFileId = null;
                                 //Active Files
                                  $.each(myArrayActive, function () {
                                     if(firstRow) {
                                         //this.downloaded_count = parseInt(this.downloaded_count) + parseInt(<?= $this->product->count_downloads_hive?>);
                                         oldestFileId = this.id;
                                         firstRow = false;
                                     }
 
                                     if(this.id < oldestFileId) {
                                             oldestFileId = this.id;
                                     }
 
                                     count_downloads = this.downloaded_count || 0;
                                     downloaded_count_total = downloaded_count_total+parseInt(count_downloads);
 
                                     //downloadlink is now: domain/api/files/download/id/ID/s/TOKEN/t/TIMESTAMP/u/USERID/FILE_NAME
                                     var downloadUrl = "https://<?= $_SERVER["SERVER_NAME"]?>/p/<?= $this->product->project_id ?>/startdownload?file_id=" + this.id + "&file_name=" + this.name + "&file_type=" + this.type + "&file_size=" + this.size;
                                     var downloadLink = '<a href="' + downloadUrl + '" id="data-link' + this.id + '" class="opendownloadfile" data-file_id="' + this.id + '" data-file_name="' + this.name + '" data-file_type="' + this.type + '" data-file_size="' + this.size + '" data-project_id="<?= $this->product->project_id ?>"  data-link_type="download">' + this.name + '</a>';
 
                                     /*
                                     var fileNameBtnLink = this.name;
                                     if(fileNameBtnLink.length > 25) {
                                         fileNameBtnLink = fileNameBtnLink.substring(0,22) + '...';
                                     }*/
                                     var downloadBtnLink = downloadUrl;
                                     var downloadLinkFilename = shortFilename(this.name);
 
                                     var link = '';
                                     
                                     if (this.tags) {
                                         fileTags = this.tags;
 
                                         $.each(fileTags.split(','), function () {
                                             var tagStr = this.split('##');
                                             if (tagStr.length == 2 && tagStr[0] == 'link') {
                                                 link = tagStr[1];
                                             }
                                         });
                                     }
 
                                     var fileDescription = '';
                                     if (this.description) {
                                         fileDescription = this.description;
                                     }
                                      var ocsUrl = '';
                                      if (typeof link !== 'undefined' && link) {
                                          ocsUrl = generateOcsUrl(
                                              decodeURIComponent(link),
                                              $pploadCollection.attr('data-xdg-type')
                                          );
                                      } else if (!link) {
                                          ocsUrl = generateOcsUrl(
                                              downloadUrl,
                                              $pploadCollection.attr('data-xdg-type'),
                                              this.name
                                          );
                                      }
 
                                      var installButton = '';
                                      var installLink = '';
                                      var installLinkFilename = '';
 
                                      if ( ocsUrl) {
                                             if(this.active && this.ocs_compatible == 1){
                                                 installButton = '<a href="' + downloadUrl + '" class="opendownloadfile btn btn-native btn-min-width" data-file_id="' + this.id + '" data-file_name="' + this.name + '" data-file_type="' + this.type + '" data-file_size="' + this.size + '" data-project_id="<?= $this->product->project_id ?>"  data-link_type="install">Install</a>';
                                                 installLink = downloadUrl;
                                                 installLinkFilename = shortFilename(this.name);
 
                                             } else {
                                                 installButton = '<a href="#" class="btn btn-min-width disabled">INCOMPATIBLE</a>';
                                                 installLink = '';
                                                 installLinkFilename = '';
                                             }
                                      }
 
                                     //if(this.active == '1') {
                                     var greyText = ' class="activerows"';
                                     if(this.active == '0') {
                                            greyText = ' style="color: #ccc;"';
                                     }
 
                                     var downloadButton = '';
                                     downloadButton = '<a href="'+downloadUrl+'" data-username="'+username+'" data-file_id="' + this.id + '" data-file_name="' + this.name + '" data-file_type="' + this.type + '" data-file_size="' + this.size + '" data-project_id="<?= $this->product->project_id ?>"  data-link_type="download" class="btn btn-native btn-min-width opendownloadfile" ><img src="/images/system/download.svg" alt="download" style="width:20px; height:20px"></a>' ;
                                     
 
                                     if(this.version==null) {version = '';} else{version = this.version;}
                                     var isExternLink = false;
                                     if ((typeof link != 'undefined') && (link != "")) {
                                        isExternLink = true;
                                     }
 
 
 
                                     var mnt = moment(this.created_timestamp);
 
                                         var tableString = "";
                                         tableString += '<tr data-ppload-file-id="' + this.id + '"' + greyText + '>';
                                         tableString += '<td>' + downloadLink + '</td>';
                                         tableString += '<td>' + version + '</td>';
                                         tableString += '<td>' + fileDescription + '</td>';
 
                                         <?php
                                             //Show all Tag-Groups for this Category and show them as Dropdowns
                                             if(!empty($tagGroups)) {
 
                                         ?>        
                                         var tagGroups = null;
                                         //get cat-tag-groups
                                         $.ajax({
                                             url: '/p/<?= $this->product->project_id ?>/gettaggroupsforcatajax',
                                             type: 'GET',
                                             async: false,
                                             cache: false,
                                             timeout: 30000,
                                             data: {project_cat_id: <?= $this->product->project_category_id ?>, file_id: this.id, test: false},
                                             dataType: 'json',
                                             success: function (data, textStatus, jqXHR) {
                                                 if (data.status != 'success') {
                                                     tagGroups = data.tag_groups;
                                                     var fileId = this.id;
                                                     $.each(tagGroups, function() {
                                                         tableString += '<td>';
                                                         for(key in this.tag_list){
                                                             if(null != this.selected_tags) {
                                                                 $tag_name = this.tag_list[key];
                                                                 $.each(this.selected_tags, function() {
                                                                     if(key == this.tag_id) {
                                                                         tableString += '<span>'+$tag_name+'</span>';
                                                                         if($tag_name.toUpperCase() == 'APPIMAGE'){
                                                                             tableString += ' <i class="fa fa-question-circle appimagequestion" style="cursor: pointer;"></i>';
                                                                         }
                                                                         tableString += '<br>';
                                                                     }
                                                                 })
                                                             }
                                                             /*
                                                             if(null != this.selected_tag && key == this.selected_tag) {
                                                                 tableString += '<span>'+this.tag_list[key]+'</span>';
                                                                 if(this.tag_list[key].toUpperCase() == 'APPIMAGE'){
                                                                     tableString += ' <i class="fa fa-question-circle appimagequestion" style="cursor: pointer;"></i>';
                                                                 }
                                                             }*/
                                                             
                                                         }
                                                     });
                                                     return;
                                                 }
                                             },
                                             error: function (jqXHR, textStatus, errorThrown) {
                                                 return;
                                             }
                                         });
                                         
                                         <?php
                                             }
                                         ?>
 
                                         
                                         tableString += '<td style="text-align: right"><span id="download_counter_' + this.id + '">' + count_downloads + '</td>';
                                         tableString += '<td>' +mnt.format('YYYY-MM-DD') + '</td>';
                                         tableString += '<td style="text-align: right">' + humanFileSize(this.size,false) + '</td>';
                                         tableString += '<td style="text-align: right; ">' + downloadButton+ '</td>';
                                         tableString += '<td style="text-align: right; ">' + installButton + '</td>';
                                         <?php if (Default_Model_DbTable_MemberRole::ROLE_NAME_ADMIN == $userRoleName) : ?>
                                         tableString += '<td style="text-align: center; "><input type="checkbox" id="data-checkbox-compatible-'+this.id+'" data-is-compatible="" ></td>';
                                         <?php endif; ?>
                                         tableString += '</tr>';
                                         $pploadCollection.find('table[data-ppload-files] tbody').append(tableString);
 
                                         <?php /*  download/install dropdown btn  */
                                         ?>
                                         var username = '<?= $this->product->username?>';
                                         $('#dropdown_downloads').append(
                                             '<li><a data-username="' + username + '" href="' + downloadBtnLink + '" style="white-space: normal; color: #23527c;" class="opendownloadfile" id="data-link-dl' + this.id + '" data-file_id="' + this.id + '" data-file_name="' + this.name + '" data-file_type="' + this.type + '" data-file_size="' + this.size + '" data-project_id="<?= $this->product->project_id ?>" data-link_type="download"><span id="download-link-filename' + this.id + '" style="white-space: normal; color: #23527c;">' + downloadLinkFilename + '</span><span class="right">&nbsp;' + humanFileSize(this.size,false) + '&nbsp;</span></a></li>'
                                         );
                                         $('#dropdown_downloads').addClass("active");
                                         $('#dropdown_downloads').removeClass('hide');
                                         $('#project_btn_download').enable();
                                         $('#project_btn_download').removeClass('disabled');
                                         $('#project_btn_download').addClass("active");
                                         $('#project_btn_download').addClass("btn-primary");
 
                                         if(ocsUrl && this.active && this.ocs_compatible == 1){
                                             $('#dropdown_installs').addClass("active");
                                             $('#dropdown_installs').removeClass('hide');
                                             $('#project_btn_install').enable();
                                             $('#project_btn_install').removeClass('disabled');
                                             $('#project_btn_install').removeClass('hide');
                                             $('#project_btn_install').addClass("active");
                                             $('#project_btn_grp_install').removeClass("hide");
 
                                             $('#dropdown_installs').append(
                                                 '<li><a href="' + downloadBtnLink + '" style="white-space: normal; color: #23527c;" class="opendownloadfile" data-file_id="' + this.id + '" data-file_name="' + this.name + '" data-file_type="' + this.type + '" data-file_size="' + this.size + '" data-project_id="<?= $this->product->project_id ?>" data-link_type="install"><span id="install-link-filename' + this.id + '" style="white-space: normal; color: #23527c;">' + installLinkFilename + '</span><span class="right">&nbsp;' + humanFileSize(this.size,false) + '&nbsp;</span></a></li>'
 
                                             );
                                         }
 
 
                                         if ((typeof osId != 'undefined') && (osId != "")) {
                                             $("#data-updatepploadfile" + this.id + " option[value='" + osId + "']").attr('selected', 'selected');
                                             $os = $("#data-updatepploadfile" + this.id + " option[value='" + osId + "']").text();
                                             //alert("Text: " + $os);
                                             $("#data-updatepploadfile" + this.id).hide();
                                             $("#file-tag-os" + this.id).text($os);
                                         }
                                         
                                         
 
 
                                         if (isExternLink) {
                                             
                                             $fileserverLink = $("#data-link" + this.id).attr('href');
                                             $("#data-link" + this.id).attr('href', decodeURIComponent(link));
                                             $("#data-link" + this.id).attr('data-link-org', $fileserverLink);
 
                                             $("#data-link" + this.id).attr('target','_blank');
                                             $("#data-link" + this.id).html($("#data-link" + this.id).html()+ externalIcon );
 
                                             /*
                                             $("#data-link" + this.id).click(function (event) {
                                                 event.preventDefault();
                                                 $fileserverLink = $(this).attr('data-link-org');
                                                 window.open($fileserverLink, '_blank');
                                             });
                                             */
 
                                             $fileserverLink = $("#data-link-dl" + this.id).attr('href');
                                             $("#data-link-dl" + this.id).attr('href', decodeURIComponent(link));
                                             $("#data-link-dl" + this.id).attr('data-link-org', $fileserverLink);
 
                                             $("#data-link-dl" + this.id).attr('target','_blank');
 
                                             $("#download-link-filename" + this.id).html($("#download-link-filename" + this.id).html()+ externalIcon );
 
                                             /*
                                             $("#data-link-dl" + this.id).click(function (event) {
                                                 event.preventDefault();
                                                 $fileserverLink = $(this).attr('data-link-org');
                                                 window.open($fileserverLink, '_blank');
                                             });
                                             */
 
                                             $("#install-link-filename" + this.id).html($("#install-link-filename" + this.id).html() + externalIcon );
                                         }
 
 
                                         $compatibleCheckbox = $("#data-checkbox-compatible-" + this.id);
 
                                         if(this.active == '0') {
                                             $compatibleCheckbox.prop('disabled', 'disabled');
                                         }
 
                                         $compatibleCheckbox.click(function (event) {
                                             event.preventDefault();
                                             $fileId = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id');
                                             $isCompatible = this.checked;
                                             updateOcsCompatible($fileId, $isCompatible);
                                         });
 
 
                                         //fileSizeSum += parseInt(this.size);
                                         if(parseInt(this.size)>0) {
                                             fileSizeSum += roundFileSizeInMB(parseInt(this.size));
                                         }
 
                                     //if (!isExternLink)
                                     //{
                                        //fileSizeSum += roundFileSizeInMB(parseInt(this.size));
                                     //}
 
 
                                     if (this.type == 'audio/mpeg' || this.type == 'application/ogg') {
                                         isPlayable = true;
                                     }
 
                                     //}
 
                                  });
 
                                  //
                                  //Inactive Fiels
                                  //
                                  $.each(myArrayInactive, function () {
                                     if(null == oldestFileId) {
                                             oldestFileId = this.id;
                                     }
 
                                     if(this.id < oldestFileId) {
                                             oldestFileId = this.id;
                                     }
 
                                     var count_downloads = this.downloaded_count || 0;
 
                                     downloaded_count_total = downloaded_count_total+parseInt(count_downloads);
 
                                     var hash = '<?= $this->download_hash ?>';
                                     var timetamp = '<?= $this->download_timestamp ?>';
                                     var userid = '<?= $this->product->member_id?>';
                                     var downloadUrl = "https://<?= $_SERVER["SERVER_NAME"]?>/p/<?= $this->product->project_id ?>/startdownload?file_id=" + this.id + "&file_name=" + this.name + "&file_type=" + this.type + "&file_size=" + this.size + "&url=" + encodeURIComponent(pploadApiUri + 'files/download/id/' + this.id + '/s/' + hash + '/t/' + timetamp + '/u/' + userid + '/' + this.name);
                                     //var downloadLink = '<a class="inactiverows" style="color: #ccc; display:none;" href="' + downloadUrl + '" id="data-link' + this.id + '">' + this.name + '</a>';
                                     var downloadLink = '<a class="inactiverows opendownloadfile" style="color: #ccc; display:none;" href="' + downloadUrl + '" id="data-link' + this.id + '" data-file_id="' + this.id + '" data-file_name="' + this.name + '" data-file_type="' + this.type + '" data-file_size="' + this.size + '" data-project_id="<?= $this->product->project_id ?>"  data-link_type="download">' + this.name + '</a>';
 
 
                                      var fileDescription = '';
                                      if (this.description) {
                                          fileDescription = this.description;
                                      }
 
 
                                      //if(this.active == '1') {
                                        var greyText = ' class="inactiverows" style="color: #ccc; display:none;"';
 
                                        if(this.version==null) {version = '';} else{version = this.version;}
 
                                          var isExternLink = false;
                                          if ((typeof link != 'undefined') && (link != "")) {
                                             isExternLink = true;
                                             downloadLink = '<a href="' + decodeURIComponent(link) + '" id="data-link' + this.id + '" style="color: #ccc;">' + this.name + '</a>';
                                          }
                                          var mnt = moment(this.created_timestamp);
                                          
                                         var tableString = "";
                                         tableString += '<tr data-ppload-file-id="' + this.id + '"' + greyText + '>';
                                         tableString += '<td>' + downloadLink + '</td>';
                                         tableString += '<td>' + version + '</td>';
                                         tableString += '<td>' + fileDescription + '</td>';
 
                                         <?php
                                             //Show all Tag-Groups for this Category and show them as Dropdowns
                                             if(!empty($tagGroups)) {
 
                                         ?>        
                                         var tagGroups = null;
                                         //get cat-tag-groups
                                         $.ajax({
                                             url: '/p/<?= $this->product->project_id ?>/gettaggroupsforcatajax',
                                             type: 'GET',
                                             async: false,
                                             cache: false,
                                             timeout: 30000,
                                             data: {project_cat_id: <?= $this->product->project_category_id ?>, file_id: this.id, test: false},
                                             dataType: 'json',
                                             success: function (data, textStatus, jqXHR) {
                                                 if (data.status != 'success') {
                                                     tagGroups = data.tag_groups;
                                                     var fileId = this.id;
                                                     $.each(tagGroups, function() {
                                                         tableString += '<td>';
                                                         for(key in this.tag_list){
+                                                            if(null != this.selected_tags) {
+                                                                $tag_name = this.tag_list[key];
+                                                                $.each(this.selected_tags, function() {
+                                                                    if(key == this.tag_id) {
+                                                                        tableString += '<span>'+$tag_name+'</span>';
+                                                                        if($tag_name.toUpperCase() == 'APPIMAGE'){
+                                                                            tableString += ' <i class="fa fa-question-circle appimagequestion" style="cursor: pointer;"></i>';
+                                                                        }
+                                                                        tableString += '<br>';
+                                                                    }
+                                                                })
+                                                            }
+                                                            /*
                                                             if(null != this.selected_tag && key == this.selected_tag) {
                                                                 tableString += '<span>'+this.tag_list[key]+'</span>';
-                                                            }
+                                                            }*/
                                                         }
                                                     });
                                                     return;
                                                 }
                                             },
                                             error: function (jqXHR, textStatus, errorThrown) {
                                                 return;
                                             }
                                         });
                                         
                                         <?php
                                             }
                                         ?>
 
                                         
                                         tableString += '<td style="text-align: right"><span id="download_counter_' + this.id + '">' + count_downloads + '</td>';
                                         tableString += '<td>' +mnt.format('YYYY-MM-DD') + '</td>';
                                         tableString += '<td style="text-align: right">' + humanFileSize(this.size,false) + '</td>';
                                         tableString += '<td style="text-align: right; "></td>';
                                         tableString += '<td style="text-align: right; "></td>';
                                         tableString += '</tr>';
                                         $pploadCollection.find('table[data-ppload-files] tbody').append(tableString);
 
                                          if (isExternLink) {
                                             //$("#data-link" + this.id).attr('href', decodeURIComponent(link));
                                                 $("#data-link" + this.id).attr('target','_blank');
                                             $("#data-link" + this.id).html($("#data-link" + this.id).html() + externalIcon );
                                          }
 
 
 
                                         //fileSizeSum += parseInt(this.size);
                                             if(parseInt(this.size)>0) {
                                                 fileSizeSum += roundFileSizeInMB(parseInt(this.size));
                                             }
                                          //if (!isExternLink)
                                          //{
                                             //fileSizeSum += roundFileSizeInMB(parseInt(this.size));
                                          //}
 
 
                                          if (this.type == 'audio/mpeg' || this.type == 'application/ogg') {
                                              isPlayable = true;
                                          }
 
                                      //}
 
                                  });
 
 
                                  //add old download counter
                                  downloaded_count_total += parseInt(<?= $this->product->count_downloads_hive?>);
 
                                  //add old download counter to oldest file
                                  var fileCount = $('#download_counter_'+ oldestFileId).html();
                                  var oldNewCounter = parseInt(fileCount) + parseInt(<?= $this->product->count_downloads_hive?>);
                                  $('#download_counter_'+ oldestFileId).html(oldNewCounter);
 
 
 
                                 //$('#downloadscnt').html(downloaded_count_total);
                                 var colsStart = 3;
                                 <?php
                                 //Show all Tag-Groups for this Category and show the saved values
                                 if(!empty($tagGroups)) {
                                     echo "colsStart += " . count($tagGroups) . ";";
                                 }
 
                                 ?>
                                 
 
                                  $pploadCollection.find('table[data-ppload-files] tfoot').append(
                                      '<tr>'
                                      + '<th colspan="' + colsStart + '">' + myArrayActive.length + ' <?= $this->translate("files")?> (<span style="color: #ccc;" ><a style="cursor:pointer" onclick="fnToggleInactiveFiles();return false;">'+myArrayInactive.length+' archived</a></span>)</th>'
                              
                                      + '<th style="text-align: right">' + downloaded_count_total + '</th>'
                                      + '<th></th>'
                                     + '<th style="text-align: right">' + fileSizeSum.toFixed(2) + ' MB</th>'
                                      //+ '<th style="text-align: right">' + humanFileSize(fileSizeSum) + '</th>'
                                      + '<th></th>'
                                        + '<th></th>'
                                      + '</tr>'
                                  );
 
                                  $pploadCollection.find('a[data-ppload-download-link]').attr(
                                      'href',
                                      pploadApiUri + 'collections/download/id/' + collectionId
                                  );
 
 
                                  /*
                                  var b= false;
                                  if (isPlayable && !$plingMusic.attr('src')) {
                                      $plingMusic.attr({
                                          src: $plingMusic.attr('data-pling-music-uri')
                                          + '?play_collection=' + collectionId,
                                          width: '100%',
                                          height: '550'
                                      });
 
                                  $('.carousel-inner').prepend($('#carouselPPlay').show());
                                  $('.carousel-indicators').prepend('<li data-target="#myCarousel" data-slide-to="0"></li>');
                                  $('.carousel-indicators > li').first().addClass('active');
                                     b = true;
                                  }
 
                                  if(!b){
                                    activeCarouselFirstImg();
                                  }
                                   */
 
 
                                  if (data.pagination.next) {
                                      getPploadFiles(data.pagination.next);
                                  }
 
                              },
                              error: function (jqXHR, textStatus, errorThrown) {
 
                                   activeCarouselFirstImg();
 
 
                              }
                          });
                      }
 
                      function generateOcsUrl(url, type, filename) {
                          if (!url || !type) {
                              return '';
                          }
                          if (!filename) {
                              filename = url.split('/').pop().split('?').shift();
                          }
                          return 'ocs://install'
                             + '?url=' + encodeURIComponent(url)
                             + '&type=' + encodeURIComponent(type)
                             + '&filename=' + encodeURIComponent(filename);
                      }
 
 
                      function updateOcsCompatible(fileId, isCompatible) {
                         var $url = "/p/<?= $this->product->project_id ?>/updatepploadfile";
 
                         if(fileId != 'undefined' && fileId != null) {
 
                             $.ajax({
                                 url: $url,
                                 type: 'POST',
                                 data: {
                                     file_id: fileId,
                                     ocs_compatible: (isCompatible==true?1:0)
                                 },
                                 dataType: 'json',
                                 success: function (data, textStatus, jqXHR) {
                                     if (data.status == 'ok') {
                                         $("#files-panel").find('table[data-ppload-files] tbody').html('');
                                         $('#dropdown_downloads').html('');
                                         $("#files-panel").find('table[data-ppload-files] tfoot').html('');
                                         getPploadFiles();
 
                                     }
 
                                 },
                                 error: function (jqXHR, textStatus, errorThrown) {
                                     alert("Error: " + textStatus + ", " + errorThrown);
 
                                 }
                             });
                         }
                     }
 
                     function shortFilename(filename) {
                         var returnString = filename;
                         if(filename.length > 25) {
                             var name = filename.substring(0,22);
                             var fileExt = filename.split('.').pop();
                             if(fileExt.length>3) {
                                 name = name.substring(0,(25-fileExt.length));
                             }
                             returnString = name + '...' + fileExt;
                         }
                         return returnString;
                     }
 
 
                      function roundFileSizeInMB(bytes)
                      {
                         // min size 0.01MB
                         if(bytes>0)
                         {
                             var size = (bytes / 1048576).toFixed(2);
                             if(size == '0.00')
                             {
                                 return Number('0.01');
                             }else
                             {
                                 return Number(size);
                             }
                         }
                      }
 
 
 
                       fnToggleInactiveFiles = function(){
                            $('.inactiverows').toggle();
                       };
 
 
 
                      function humanFileSize(bytes,isExternLink) {
                          if(isExternLink) return '----';
                          if(bytes>0)
                          {
                              var size = '';
                              size = (bytes / 1048576).toFixed(2);
                              if(size == '0.00')
                              {
                                 return '0.01 MB';
                              }else
                              {
                                 return size+' MB';
                              }
                          }
                          else
                          {
                             return '0.00 MB';
                          }
                      }
 
                      function humanFileSize_(bytes) {
                          if(bytes>0)
                          {
                              var size = '';
                              size = (bytes / 1048576).toFixed(2);
                              /*
                               if (bytes >= 1073741824) {
                               size = (bytes / 1073741824).toFixed(2) + 'GB';
                               }
                               else if (bytes >= 1048576) {
                               size = (bytes / 1048576).toFixed(2) + 'MB';
                               }
                               else if (bytes >= 1024) {
                               size = (bytes / 1024).toFixed(2) + 'KB';
                               }
                               else {
                               size = bytes + 'bytes';
                               }*/
 
                              if(size == '0.00')
                              {
                                 return '0.01 MB';
                              }else
                              {
                                 return size+' MB';
                              }
                          }
                          else
                          {
                             return '0.00 MB';
                          }
                      }
 
                      //$('a[href="#files-panel"][data-toggle="tab"]').on('click', function () {
                      if (!hasFilesPanelOpened) {
                          getPploadFiles();
                          hasFilesPanelOpened = true;
 
 
                      }
                      //});
 
                  });
 
                 $(function() {
 
                     $('#modal-installation-instructions').on('show.bs.modal', function (e) {                                                       
                               $.ajax({
                                   url: '/p/<?= $this->product->project_id?>/loadinstallinstruction',
                                   type: 'html',
                                   success: function (results) {
                                       var text = results.data;                                     
                                       $('#modal-installation-instructions').find('.modal-body').html(text);
                                   }
                               });
                         });
 
                 });
              </script>
          <?php endif; ?>
          <!-- /ppload -->
diff --git a/application/modules/default/views/scripts/user/products.phtml b/application/modules/default/views/scripts/user/products.phtml
index a68859b6a..b2d446616 100644
--- a/application/modules/default/views/scripts/user/products.phtml
+++ b/application/modules/default/views/scripts/user/products.phtml
@@ -1,1615 +1,1634 @@
 <?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 = 'products';
 ?>
 <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'); ?>
 
                 <!-- /NAVIGATION -->
 
                 <div class="my-products-heading">
                     <h1 class="page-title left"><?= $this->translate('Products') ?></h1>
 
                     <div class="right light lightgrey num-products">
                         <span class="label label-default">
                             <?= $this->products->getTotalItemCount() ?> <?= $this->translate('products') ?>
                         </span>
                     </div>
                 </div>
 
                 <div class="my-products-list">
                     <div class="row">
                         <?php echo $this->partialLoop('user/partials/loopMyProducts.phtml', $this->products, $this->productFiles); ?>
                     </div>
                 </div>
 
                 <section style="text-align: center;">
                     <?php echo $this->paginationControl($this->products, 'Sliding', '/partials/paginationControlBootstrap.phtml',
                         array('dom_target' => 'section.my-products-page')); ?>
                 </section>
 
             </section>
 
             <!-- /PAGE BODY -->
 
         </section>
 
     </section>
 
 </main>
 
 <script type="text/javascript">
     var myProducts = (function () {
         return {
             setup: function () {
                 this.initBtnPublish();
             },
 
             initBtnPublish: function () {
                 $('body').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;
                 });
             }
 
         }
     })();
 </script>
 <?php
 $this->inlineScript()->appendScript(
     '    $(document).ready(function(){
             myProducts.setup();
             Partials.setup();
         });
     ');
 ?>
 <!-- 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">
     $(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 $modalPpload = $('#modal-updates');
 
         $('a[href="#modal-updates"]').on('click', function (event) {
             event.preventDefault();
             $modalPpload.attr('data-product-id', $(this).attr('data-product-id'));
             $modalPpload.attr('data-product-title', $(this).attr('data-product-title'));
 
             $modalPpload.find('h3[data-ppload-label]').html('Changelog for ' + $modalPpload.attr('data-product-tile'));
 
             $modalPpload.find('#update-list').html('');
 
             if ($modalPpload.attr('data-product-id')) {
                 getUpdates();
             }
 
         });
 
 
         function getUpdates(page) {
             $modalPpload.find('#update-list').html('');
 
             var productId = $modalPpload.attr('data-product-id');
             $.ajax({
                 url: '/p/'+productId+'/getupdatesajax/',
                 type: 'GET',
                 data: {
                     format: 'json',
                     ignore_status_code: 1
                 },
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'success') {
                         return;
                     }
                     $modalPpload.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/>');
 
                         $modalPpload.find('#update-list').append(divEl);
 
                     });
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     return;
                 }
             });
 
         }
 
         $modalPpload.on('click', 'button[data-add-update-btn]', function (event) {
             //var product_version = $modalPpload.find('#product-version').val();
             var update_id = $modalPpload.find('#update-id').val();
             var title = $modalPpload.find('#update-title').val();
             var text = $modalPpload.find('#update-text').val();
             var productId = $modalPpload.attr('data-product-id');
             event.preventDefault();
 
             $.ajax({
                 url: '/p/'+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('');
                     $modalPpload.find('#update-title').val('');
                     $modalPpload.find('#update-text').val('');
                     $modalPpload.find('#update-id').val('');
 
                     //if(update_id) {
                         getUpdates();
                     //} else {
                     //  $modalPpload.modal('hide');
                     //  location.reload();
                     //}
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     return;
                 }
             });
 
         });
 
 
         $modalPpload.on('click', 'button[data-delete-update-btn]', function (event) {
             var updateId = $(this).attr('data-delete-update-btn');
             var productId = $modalPpload.attr('data-product-id');
                 event.preventDefault();
 
             $.ajax({
                 url: '/p/'+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;
                 }
             });
 
         });
 
         $modalPpload.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');
 
                 $modalPpload.find('#update-title').val(title);
             $modalPpload.find('#update-text').val(text);
             $modalPpload.find('#update-id').val(updateId);
 
             $modalPpload.find('#update-title').focus();
 
                 event.preventDefault();
 
         });
 
         $modalPpload.on('click', 'button[data-updates-cancel-btn]', function (event) {
             event.preventDefault();
             $modalPpload.modal('hide');
         });
 
     });
 
 </script>
 
 <!-- ppload -->
 
 <div id="modal-ppload"
      class="modal fade"
      role="dialog"
      aria-labelledby="modal-ppload-label"
      data-ppload-api-uri="<?= PPLOAD_API_URI ?>"
      data-ppload-collection-id=""
      data-product-version=""
      data-product-id=""
      data-product-cat-id=""
      data-product-tile=""
      data-addpploadfile-uri=""
      data-updatepploadfile-uri=""
      data-updatefiletag-uri=""
      data-deletefiletag-uri=""
      data-deletepploadfile-uri=""
      data-deletepploadfiles-uri="">
     <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-ppload-label" data-ppload-label=""><?= $this->translate('Files') ?></h3>
             </div>
             <div class="modal-body">
                 <input type="file" style="display: none;" data-file-upload="" multiple>
                 <input type="file" style="display: none;" data-file-upload-update="" data-ppload-file-id="">
 
                 <p data-file-upload-msg=""><?= $this->translate('Drop file(s) here') ?>:</p>
 
                 <div data-file-upload="" dropzone style="font-size: small; " class="datafiledroparea">
                     <table class="table" data-ppload-files="">
                         <thead>
                         
                         </thead>
                         <tbody></tbody>
                     </table>
                     <table class="table" data-file-upload="">
                         <tbody></tbody>
                     </table>
                 </div>
 
 
                 <div style="float: right; padding-top: 10px;" class="small light">
                     Deleted files are archived. Number of downloads are kept. *
                 </div>
             </div>
 
             <div class="modal-footer" style="margin-top: 20px;">
                 <span class="pull-left">
                     <input type="checkbox" data-accept-checkbox="">
                     <?= $this->translate('I accept the ') ?>
                     <a href="/content/terms"><?= $this->translate('Terms and Conditions') ?></a>
                 </span>
 
             </div>
             <div class="modal-footer">
                 <button class="btn btn-native pull-left" data-addpploadfile-btn="">
                     <?= $this->translate('Add File(s)') ?>
                 </button>
                 <button class="btn btn-danger pull-left" data-file-upload-cancel-btn="">
                     <?= $this->translate('Cancel Upload') ?>
                 </button>
                 <button id="github_picker" class="btn btn-native pull-left" data-toggle="" data-target="#generic-dialog" data-username="<?=$this->member->link_github?>" title="add an URL here">
                     <?= $this->translate('Add URL') ?>
                 </button>
                 <button class="btn btn-native pull-right" data-ppload-cancel-btn=""><?= $this->translate('Close') ?></button>
             </div>
             <div class="modal-footer">
 
             </div>
        </div>
    </div>
 </div>
 
 <script type="text/javascript">
 
     $(function () {
 
         $('body').on("click", "#github_picker", function (event) {
 
             html = '<form id="get-url-form">' +
                 '<div class="form-group">' +
                 '<input type="url" class="form-control" id="get-url" placeholder="Enter a URL where the files can be downloaded" required="required" />' +
                 '<span id="get-url-help" class="help-block small">e.g. https://github.com/mongodb/mongo/archive/r3.5.2.tar.gz</span></div>' +
                 '<button type="submit" class="btn btn-native btn-sm" id="get-url-submit">Submit</button>' +
                 '</form>';
 
             var msgBox = $('#generic-dialog');
             msgBox.modal('hide');
             msgBox.find('.modal-header-text').empty().append('Enter a download URL:');
             msgBox.find('.modal-body').empty().append(html);
             setTimeout(function () {
                 msgBox.modal('show');
             }, 900);
 
         });
 
         $('body').on('submit', '#get-url-form', function(event) {
             if (! $('#get-url-form').validate()) {
                 return true;
             }
             event.preventDefault();
             $.ajax({
                 url: '/file/link/',
                 type: 'post',
                 data: {
                     project_id: $('#modal-ppload').attr('data-product-id'),
                     u: $('#get-url').val()
                 },
                 success: function(returned_data) {
                     if (!returned_data.file) {
                         $('#get-url').addClass('hasError').focus();
                         $('#get-url-help').html('An Error occurred. Please check your URL or try again later.');
                         return;
                     }
                     data_file = returned_data.file;
                     $modalPpload.attr('data-ppload-collection-id', data_file.collection_id);
                     $('#get-url').val('').removeClass('hasError');
                     $('#get-url-help').html('');
                     $('#generic-dialog').modal('hide');
                     getPploadFiles();
                 },
                 error: function() {
                     $('#get-url').addClass('hasError').focus();
                     $('#get-url-help').html('An Error occurred. Please check your URL or try again later.');
                 }
             });
         });
 
         $('body').on('change', '#get-url', function(event) {
             $('#get-url-help').empty();
         });
 
         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 $modalPpload = $('#modal-ppload');
 
         var pploadApiUri = $modalPpload.attr('data-ppload-api-uri');
 
         var pploadUploads = {
             queue: {},
             currentUploadId: null,
             uploading: null
         };
 
         function keysrt(key, asc) {
             if(asc) {
                   return function(a,b){
                    if (a[key] > b[key]) return 1;
                    if (a[key] < b[key]) return -1;
                    return 0;
                   }
             } else {
              return function(a,b){
                        if (a[key] < b[key]) return 1;
                        if (a[key] > b[key]) return -1;
                        return 0;
              }
             }
         }
 
         function getUpdates(page) {
             $modalPpload.find('#update-list').html('');
 
             var productId = $modalPpload.attr('data-product-id');
             $.ajax({
                 url: '/p/'+productId+'/getupdatesajax/',
                 type: 'GET',
                 data: {
                     format: 'json',
                     ignore_status_code: 1
                 },
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'success') {
                         return;
                     }
                     $modalPpload.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(btnDelete);
                         divEl.append('<br/><br/><br/><br/>');
 
                         $modalPpload.find('#update-list').append(divEl);
 
                     });
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     return;
                 }
             });
 
         }
 
         function getPploadFiles(page) {
             var collectionId = $modalPpload.attr('data-ppload-collection-id');
             var catId = $modalPpload.attr('data-product-cat-id');
             var prodId = $modalPpload.attr('data-product-id');
             
             if (!page) {
                 page = 1;
                 $modalPpload.find('table[data-ppload-files] tbody').empty();
             }
             $.ajax({
                 url: pploadApiUri + 'files/index',
                 type: 'GET',
                 data: {
                     collection_id: collectionId,
                     perpage: 1000,
                     page: page,
                     format: 'json',
                     ignore_status_code: 0,
                     status: 'active'
                 },
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'success') {
                         return;
                     }
                     
                     //get cat-tag-groups
                     var tagGroups = null;
                     var tagGroupsCount = 0;
                     $.ajax({
                         url: '/p/'+prodId+'/gettaggroupsforcatajax',
                         type: 'GET',
                         async: false,
                         cache: false,
                         timeout: 30000,
                         data: {project_cat_id: catId},
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'success') {
                                 $modalPpload.find('table[data-ppload-files] thead').html('');
                                 
                                 tagGroups = data.tag_groups;
                                 tagGroupsCount = data.ResultSize;
                                 
                                 var tableHeader = '';
                                 tableHeader += '<tr>';
                                 tableHeader +=  '    <th><?= $this->translate('Filename') ?></th>';
                                 tableHeader +=  '    <th><?= $this->translate('Version') ?></th>';
                                 tableHeader +=  '    <th><?= $this->translate('Description') ?></th>';
 
                                 if(tagGroupsCount>0) {
                                     $.each(tagGroups, function() {
                                         tableHeader += '<th>'+this.group_display_name+'</th>';
                                     });
                                 } else {
                                     tableHeader += '<th></th>';
                                 }
 
                                 tableHeader += '    <th><?= $this->translate('Date added') ?></th>';
                                 tableHeader += '    <th style="text-align: right"><?= $this->translate('Filesize') ?></th>';
                                 tableHeader +=  '   <th style="text-align: right"><?= $this->translate('# DLs') ?></th>';
                                 tableHeader +=  '   <th></th>';
                                 tableHeader +=  '</tr>';
                                 $modalPpload.find('table[data-ppload-files] thead').append(tableHeader);
 
 
                                 return;
                             }
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             return;
                         }
                     });
                     
                     var updatePploadFileBtn = '<a href="#" class="btn btn-native btn-xs btn-file-dropzone" data-updatepploadfile-btn="">Update</a>';
                     var updatePploadFileBtnPerFile = '';
                     var deletePploadFileBtn = '<a href="#" class="btn btn-native btn-xs btn-file-dropzone" data-deletepploadfile-btn=""><span class="glyphicon glyphicon-trash"></span></a>';
                     var deletePploadFileBtnPerFile = '';
 
                     var myArray = $.map(data.files, function(entry) {
                         return entry;
                     });
                     myArray.sort(keysrt('created_timestamp'), false);
 
                     //var tagOptions = UserTags.getTagOptions();
                     var fileTagsArray = null;
                     var fileTagsArraySize = 0;
 
                     $.each(myArray, function () {
                         if(null != tagGroups && tagGroupsCount > 0) {
                             //get cat-tag-groups
                             $.ajax({
                                 url: '/p/'+prodId+'/gettaggroupsforcatajax',
                                 type: 'GET',
                                 async: false,
                                 cache: false,
                                 timeout: 30000,
                                 data: {project_cat_id: catId, file_id: this.id, test: false},
                                 dataType: 'json',
                                 success: function (data, textStatus, jqXHR) {
                                     if (data.status != 'success') {
                                         tagGroups = data.tag_groups;
                                         return;
                                     }
                                 },
                                 error: function (jqXHR, textStatus, errorThrown) {
                                     return;
                                 }
                             });
                         } else {
                             //get cat-tag-groups
                             $.ajax({
                                 url: '/p/'+prodId+'/getfiletagsajax',
                                 type: 'GET',
                                 async: false,
                                 cache: false,
                                 timeout: 30000,
                                 data: {file_id: this.id},
                                 dataType: 'json',
                                 success: function (data, textStatus, jqXHR) {
                                     if (data.status != 'success') {
                                         fileTagsArray = data.file_tags;
                                         fileTagsArraySize = data.ResultSize;
                                         return;
                                     }
                                 },
                                 error: function (jqXHR, textStatus, errorThrown) {
                                     return;
                                 }
                             });
                         }
 
                         var fileDescription = '';
                         if (this.description) {
                             fileDescription = this.description;
                             fileDescription = fileDescription.replace(/<\/?[^>]+(>|$)/g, "");
                         }
 
                         var inputFileDescription = '<input data-ppload-file-description="" class="form-control input-sm"'
                             + ' type="text" maxlength="140" placeholder="File description"'
                             + ' value="' + fileDescription + '">';
                         if(this.active == '0') {
                             inputFileDescription = '<input disabled="disabled" data-ppload-file-description="" class="form-control input-sm"'
                                 + ' type="text" maxlength="140" placeholder="File description"'
                                 + ' value="' + fileDescription + '">';
                         }
 
                         var versionText;
                         if(this.version==null) {versionText = '';} else{versionText = this.version;}
                         versionText = versionText.replace(/<\/?[^>]+(>|$)/g, "");
 
                         var version = '<input data-ppload-file-version="" class="form-control input-sm"'
                             + ' type="text" maxlength="140" placeholder="File version"'
                             + ' value="' + versionText + '">';
                         if(this.active == '0') {
                             version = '<input disabled="disabled" data-ppload-file-version="" class="form-control input-sm"'
                                 + ' type="text" maxlength="140" placeholder="File version"'
                                 + ' value="' + versionText + '">';
                         }
 
                         var fileCategory = '';
                         if (this.category) {
                             fileCategory = this.category;
                         }
                         var link = '';
                         var fileTags = '';
                         
                         $.each(tagGroups, function() {
                             eval('var '+ this.group_legacy_name + 'Id = \'\';');
                         });
                         
                         
                         //downloadlink is now: domain/api/files/download/id/ID/s/TOKEN/t/TIMESTAMP/u/USERID/FILE_NAME
                         $projectId = $('#modal-ppload').attr('data-product-id')
                         var downloadUrl = "https://<?= $_SERVER["SERVER_NAME"]?>/p/"+$projectId+"/startdownload?file_id=" + this.id + "&file_name=" + this.name + "&file_type=" + this.type + "&file_size=" + this.size;
                         
                         var downloadLinkFilename = link ? this.name + ' (External Link)' : this.name;
                         var downloadLink = '<a href="' + downloadUrl + '" id="data-link' + this.id + '" class="opendownloadfile" data-file_id="' + this.id + '" data-file_name="' + this.name + '" data-file_type="' + this.type + '" data-file_size="' + this.size + '" data-project_id="'+$projectId+'"  data-link_type="download">' + downloadLinkFilename + '</a>';
 
 
 
                         if(this.active == '1') {
                             updatePploadFileBtnPerFile = updatePploadFileBtn;
                             deletePploadFileBtnPerFile = deletePploadFileBtn;
                         } else {
                             updatePploadFileBtnPerFile = '';
                             deletePploadFileBtnPerFile = '';
                         }
 
                         var numDownloads = this.downloaded_count;
                         numDownloads = numDownloads || 0;
 
                         var tableString = '';
                         tableString += '<tr data-ppload-file-id="' + this.id + '" data-ppload-file-category="' + fileCategory + '" data-ppload-file-tags="' + fileTags + '">';
                         tableString += '<td>' + downloadLink + '</td>';
                         tableString += '<td>' + version + '</td>';
                         tableString += '<td>' + inputFileDescription + '</td>';
 
                         var fileId = this.id;
 
                         if(tagGroupsCount>0) {
                             $.each(tagGroups, function() {
                                 tableString += '<td>';
-                                tableString +='<select id="data-select-' + this.group_legacy_name + fileId + '" data-'+this.group_legacy_name+'-id="" data-tag-group-id="' + this.tag_group_id + '" data-tag-group="' + this.group_legacy_name + '" name="' + this.group_legacy_name + '" class="form-control input-sm" style="width: 150px;">';
-                                tableString += '<option value=\"\"></option>';
+                                tableString +='<select multiple="multiple" id="data-select-' + this.group_legacy_name + fileId + '" data-'+this.group_legacy_name+'-id="" data-tag-group-id="' + this.tag_group_id + '" data-tag-group="' + this.group_legacy_name + '" name="' + this.group_legacy_name + '" class="multi" style="width: 150px;">';
+                                            
+                                //tableString +='<select id="data-select-' + this.group_legacy_name + fileId + '" data-'+this.group_legacy_name+'-id="" data-tag-group-id="' + this.tag_group_id + '" data-tag-group="' + this.group_legacy_name + '" name="' + this.group_legacy_name + '" class="form-control input-sm" style="width: 150px;">';
+                                //tableString += '<option value=\"\"></option>';
 
-                                for(key in this.tag_list){
+                                for(key in this.tag_list) {
                                     tableString += '<option value=\"'+key+'\"';
-                                    if(null != this.selected_tag && key == this.selected_tag) {
-                                        tableString += ' selected="selected"';
+                                    if(null != this.selected_tags) {
+                                        $.each(this.selected_tags, function() {
+                                            if(key == this.tag_id) {
+                                                tableString += ' selected="selected"';
+                                            }
+                                        })
                                     }
+
                                     tableString += '>' + this.tag_list[key] + '</option>';
                                 }
 
                                 tableString += '</select>';
                                 tableString += '</td>';
                             });
                         } else {
 
                             if(fileTagsArraySize>0) {
                                 tableString += '<td>';
 
                                 tableString += '<span class="select2 select2-container select2-container--default select2-container--below select2-container--focus" dir="ltr" style="width: auto;">';
                                 tableString += '    <span class="selection">';
                                 tableString += '        <span class="select2-selection select2-selection--multiple" aria-expanded="false" tabindex="-1">';
                                 tableString += '            <ul class="select2-selection__rendered">';
 
                                 $.each(fileTagsArray, function() {
                                     tableString += '                <li id="file-tag-'+fileId+'-'+this.tag_id+'" class="select2-selection__choice"  style="line-height: 20px !important; font-size: 9px !important;" title="'+this.name+'">';
                                     tableString += '                    <span class="select2-selection__choice__remove" data-file-id="'+fileId+'" data-file-tag-id="'+this.tag_id+'" role="presentation">×</span>'+this.name+'</li>';
                                 });
                                 tableString += '            </ul>';
                                 tableString += '        </span>';
                                 tableString += '    </span>';
                                 tableString += '</span>';
 
                                 tableString += '</td>';
                             } else {
                                 tableString += '<td></td>';
                             }
                         }
 
                         tableString += '<td>' + this.created_timestamp + '</td>';
                         tableString += '<td style="text-align: right">' + humanFileSize(this.size) + '</td>';
                         tableString +='<td style="text-align: right">' + numDownloads + '</td>';
                         tableString +='<td>' + updatePploadFileBtnPerFile + '</td>';
                         tableString +='<td>' + deletePploadFileBtnPerFile + '</td>';
                         tableString +='</tr>';
                         $modalPpload.find('table[data-ppload-files] tbody').append(tableString);
 
-
+                        $('.multi').multiselect({
+                            includeSelectAllOption: true,
+                            buttonClass: 'btn btn-native btn-xs'
+                        });
 
                         if ((typeof link != 'undefined') && (link != "")) {
                             //$("#data-link" + this.id).attr('href', decodeURIComponent(link));
                             $("#data-link" + this.id).attr('target','_blank');
                             $("#data-link" + this.id).html($("#data-link" + this.id).html() + " (External Link)");
                         }
                     });
 
                     $modalPpload.find('p[data-file-upload-msg]').show();
                     $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
                     $modalPpload.find('button[data-file-upload-ok-btn]').removeAttr('disabled');
 
                     $modalPpload.find('button[data-deletepploadfiles-btn]').removeAttr('disabled');
 
                     if ($modalPpload.find('input[data-accept-checkbox]').is(':checked')) {
                         $modalPpload.find('button[data-addpploadfile-btn]').removeAttr('disabled');
                         $modalPpload.find('#github_picker').removeAttr('disabled');
                     } else {
                         $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
                         $modalPpload.find('#github_picker').attr('disabled', 'disabled');
                     }
 
                     if (data.pagination.next) {
                         getPploadFiles(data.pagination.next);
                     }
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     return;
                 }
             });
         }
 
         function addFileToPploadUploadQueue(fileId, fileUpload) {
             var uploadId = 'file-upload-' + Math.floor(Math.random() * 1000) + '-' + new Date().getTime();
             pploadUploads.queue[uploadId] = {
                 fileId: fileId,
                 fileUpload: fileUpload
             };
 
             $modalPpload.find('table[data-file-upload] tbody').append(
                 '<tr data-file-upload-id="' + uploadId + '">'
                 + '<td>' + fileUpload.name + ' (' + humanFileSize(fileUpload.size) + ')</td>'
                 + '<td>'
                 + '<progress max="100" value="0" data-file-upload-progress=""></progress>'
                 + '<br>'
                 + '<span'
                 + ' data-file-upload-progress=""'
                 + ' data-file-upload-loaded="0"'
                 + ' data-file-upload-time="0"></span>'
                 + '</td>'
                 + '<td><a href="#" data-file-upload-cancel-btn="">×</a></td>'
                 + '</tr>'
             );
         }
 
         function startUploadPploadFiles() {
             if ($.isEmptyObject(pploadUploads.queue) || pploadUploads.uploading) {
                 return;
             }
 
             //var productId = $modalPpload.attr('data-product-id');
             var uploadId = null;
             var formData = new FormData();
             $.each(pploadUploads.queue, function (key, value) {
                 uploadId = key;
                 if (value.fileId) {
                     formData.append('file_id', value.fileId);
                 }
                 formData.append('file_upload', value.fileUpload);
                 return false;
             });
             var $uploadContainer = $modalPpload.find('tr[data-file-upload-id="' + uploadId + '"]');
             var $uploadProgressBar = $uploadContainer.find('progress[data-file-upload-progress]');
             var $uploadProgress = $uploadContainer.find('span[data-file-upload-progress]');
             $uploadProgress.attr('data-file-upload-time', new Date().getTime());
 
             $modalPpload.find('button[data-deletepploadfiles-btn]').attr('disabled', 'disabled');
             $modalPpload.find('button[data-file-upload-ok-btn]').attr('disabled', 'disabled');
             $modalPpload.find('button[data-file-upload-cancel-btn]').removeAttr('disabled');
 
             pploadUploads.currentUploadId = uploadId;
 
             var url = '';
             if (formData.has('file_id')) {
                 url = $modalPpload.attr('data-updatepploadfile-uri');
             } else {
                 url = $modalPpload.attr('data-addpploadfile-uri');
             }
 
             pploadUploads.uploading = $.ajax({
                 xhr: function () {
                     var xhr = $.ajaxSettings.xhr();
                     if (xhr.upload) {
                         xhr.upload.addEventListener('progress', function (event) {
                             var progress = parseInt(event.loaded / event.total * 10000) / 100;
                             var previousLoaded = parseInt($uploadProgress.attr('data-file-upload-loaded'));
                             var previousTime = parseInt($uploadProgress.attr('data-file-upload-time'));
                             var currentTime = new Date().getTime();
                             var rate = '--';
                             if (previousTime < currentTime) {
                                 $uploadProgress.attr('data-file-upload-loaded', event.loaded);
                                 $uploadProgress.attr('data-file-upload-time', currentTime);
                                 rate = humanFileSize(Math.floor((event.loaded - previousLoaded) / (currentTime - previousTime) * 1000));
                             }
                             $uploadProgressBar.attr('value', progress);
                             $uploadProgress.html(progress + '% | ' + rate + '/s');
                         }, false);
                     }
                     xhr.addEventListener('abort', function (event) {
                         if (pploadUploads.queue[uploadId].fileId) {
                             $modalPpload.find('tr[data-ppload-file-id="' + pploadUploads.queue[uploadId].fileId + '"]').show();
                         }
                         delete pploadUploads.queue[uploadId];
                         pploadUploads.currentUploadId = null;
                         pploadUploads.uploading = null;
                         $uploadContainer.remove();
                         if ($modalPpload.attr('data-ppload-collection-id')) {
                             $modalPpload.find('button[data-deletepploadfiles-btn]').removeAttr('disabled');
                         }
                         $modalPpload.find('button[data-file-upload-ok-btn]').removeAttr('disabled');
                         $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
                         startUploadPploadFiles();
                     }, false);
                     return xhr;
                 },
                 url: url,
                 type: 'POST',
                 data: formData,
                 dataType: 'json',
                 contentType: false,
                 processData: false,
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'ok') {
                         return;
                     }
 
                     if (pploadUploads.queue[uploadId].fileId) {
                         $modalPpload.find('tr[data-ppload-file-id="' + pploadUploads.queue[uploadId].fileId + '"]').remove();
                     }
                     delete pploadUploads.queue[uploadId];
                     pploadUploads.currentUploadId = null;
                     pploadUploads.uploading = null;
                     $uploadContainer.remove();
                     $('a[href="#modal-ppload"][data-product-id="' + $modalPpload.attr('data-product-id') + '"]')
                         .attr('data-ppload-collection-id', data.file.collection_id);
                     $modalPpload.attr('data-ppload-collection-id', data.file.collection_id);
 
                     var versionText;
                     if(data.file.version==null) {versionText = '';} else{versionText = data.file.version;}
                     versionText = versionText.replace(/<\/?[^>]+(>|$)/g, "");
 
                     var version = '<input data-ppload-file-version="" class="form-control input-sm"'
                         + ' type="text" maxlength="140" placeholder="File version"'
                         + ' value="' + versionText + '">';
 
                     var fileDescription = '';
                     if (data.file.description) {
                         fileDescription = data.file.description;
                     }
                     var fileCategory = '';
                     if (data.file.category) {
                         fileCategory = data.file.category;
                     }
                     var fileTags = '';
                     if (data.file.tags) {
                         fileTags = data.file.tags;
                     }
 
                     //var tagOptions = UserTags.getTagOptions();
 
                     var tableString = '';
                     tableString += '<tr data-ppload-file-id="' + data.file.id + '" data-ppload-file-category="' + fileCategory + '" data-ppload-file-tags="' + fileTags + '">';
                     tableString += '<td><a href="' + pploadApiUri + 'files/download/';
                     tableString += 'id/' + data.file.id + '/' + data.file.name + '">' + data.file.name + '</a></td>';
                     tableString += '<td>' + version + '</td>';
                     tableString += '<td><input data-ppload-file-description="" class="form-control input-sm"';
                     tableString += ' type="text" maxlength="140" placeholder="File description"';
                     tableString += ' value="' + fileDescription + '"></td>';
 
                     var fileId = data.file.id;
 
 
                     //get cat-tag-groups
                     var tagGroups = null;
                     var tagGroupsCount = 0;
                     var catId = $modalPpload.attr('data-product-cat-id');
 
                     $.ajax({
                         url: '/p/'+$modalPpload.attr('data-product-id')+'/gettaggroupsforcatajax',
                         type: 'GET',
                         async: false,
                         cache: false,
                         timeout: 30000,
                         data: {project_cat_id: catId},
                         dataType: 'json',
                         success: function (data, textStatus, jqXHR) {
                             if (data.status != 'success') {
                                 tagGroups = data.tag_groups;
                                 tagGroupsCount = data.ResultSize;
                                 return;
                             }
                         },
                         error: function (jqXHR, textStatus, errorThrown) {
                             return;
                         }
                     });
 
 
                     if(tagGroupsCount>0) {
                         $.each(tagGroups, function() {
                             tableString += '<td>';
                             tableString +='<select id="data-select-' + this.group_legacy_name + fileId + '" data-'+this.group_legacy_name+'-id="" data-tag-group-id="' + this.tag_group_id + '" data-tag-group="' + this.group_legacy_name + '" name="' + this.group_legacy_name + '" class="form-control input-sm" style="width: 150px;">';
                             tableString += '<option value=\"\"></option>';
 
 
                             for(key in this.tag_list){
                                 tableString += '<option value=\"'+key+'\"';
                                 if(null != this.selected_tag && key == this.selected_tag) {
                                     tableString += ' selected="selected"';
                                 }
                                 tableString += '>' + this.tag_list[key] + '</option>';
                             }
 
                             tableString += '</select>';
                             tableString += '</td>';
                         });
                     } else {
                         tableString += '<td></td>';
                     }
 
 
                     tableString += '<td>' + data.file.created_timestamp + '</td>';
                     tableString += '<td style="text-align: right">' + humanFileSize(data.file.size) + '</td>';
                     tableString +='<td style="text-align: right">0</td>';
                     tableString += '<td><a href="#" class="btn btn-native btn-xs btn-file-dropzone" data-updatepploadfile-btn="">Update</a></td>';
                     tableString += '<td><a href="#" class="btn btn-native btn-xs btn-file-dropzone" data-deletepploadfile-btn=""><span class="glyphicon glyphicon-trash"></span></a></td>';
                     tableString += '</tr>';
                     $modalPpload.find('table[data-ppload-files] tbody').append(tableString);
 
                     //UserTags.activateSelect(data.file.id, '');
 
                     $modalPpload.find('button[data-deletepploadfiles-btn]').removeAttr('disabled');
                     $modalPpload.find('button[data-file-upload-ok-btn]').removeAttr('disabled');
                     $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
                     startUploadPploadFiles();
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     alert("Error: " + textStatus + ", " + errorThrown);
                     return;
                 }
             });
         }
 
         function updatePploadFile(fileId, fileDescription, fileCategory, fileTags) {
             $.ajax({
                 url: $modalPpload.attr('data-updatepploadfile-uri'),
                 type: 'POST',
                 data: {
                     file_id: fileId,
                     file_description: fileDescription,
                     file_category: fileCategory
                 },
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'ok') {
                         return;
                     }
 
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     alert("Error: " + textStatus + ", " + errorThrown);
                     return;
                 }
             });
         }
         
         function updateFileTag(fileId, tagId, tagGroupId) {
             $.ajax({
                 url: $modalPpload.attr('data-updatefiletag-uri'),
                 type: 'POST',
                 data: {
                     file_id: fileId,
                     tag_id: tagId,
                     tag_group_id: tagGroupId
                 },
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'ok') {
                         return;
                     }
 
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     alert("Error: " + textStatus + ", " + errorThrown);
                     return;
                 }
             });
         }
         
         function deleteFileTag(fileId, tagId) {
             $.ajax({
                 url: $modalPpload.attr('data-deletefiletag-uri'),
                 type: 'POST',
                 data: {
                     file_id: fileId,
                     tag_id: tagId
                 },
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status == 'ok') {
                         $('#file-tag-'+fileId+'-'+tagId).remove();
                         return true;
                     }
 
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     alert("Error: " + textStatus + ", " + errorThrown);
                     return false;
                 }
             });
 
         }
 
         function updatePploadFileVersion(fileId, version) {
             version = version.replace(/<\/?[^>]+(>|$)/g, "");
             $.ajax({
                 url: $modalPpload.attr('data-updatepploadfile-uri'),
                 type: 'POST',
                 data: {
                     file_id: fileId,
                     file_version: version
                 },
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'ok') {
                         return;
                     }
 
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     alert("Error: " + textStatus + ", " + errorThrown);
                     return;
                 }
             });
         }
 
         function updatePploadFileTags(fileId, fileTags) {
             $.ajax({
                 url: $modalPpload.attr('data-updatepploadfile-uri'),
                 type: 'POST',
                 data: {
                     file_id: fileId,
                     file_tags: fileTags
                 },
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'ok') {
                         return;
                     }
 
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     alert("Error: " + textStatus + ", " + errorThrown);
                     return;
                 }
             });
         }
 
         function deletePploadFile(fileId) {
             $.ajax({
                 url: $modalPpload.attr('data-deletepploadfile-uri'),
                 type: 'POST',
                 data: {file_id: fileId},
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'ok') {
                         alert('Error: ' + data.error_text);
                         return;
                     }
                     $modalPpload.find('table[data-ppload-files] thead').html('');
                     $modalPpload.find('table[data-ppload-files] tbody').html('');
                     $modalPpload.find('table[data-file-upload] tbody').html('');
                     getPploadFiles();
                     /**
                     $modalPpload.find('tr[data-ppload-file-id="' + fileId + '"]').remove();
                     if ($modalPpload.find('tr[data-ppload-file-id]').size() === 0) {
                         $modalPpload.find('table[data-ppload-files] tbody').html('');
                         $modalPpload.find('table[data-file-upload] tbody').html('');
                         $modalPpload.find('p[data-file-upload-msg]').show();
                         $modalPpload.find('button[data-deletepploadfiles-btn]').attr('disabled', 'disabled');
                         $modalPpload.find('button[data-file-upload-ok-btn]').removeAttr('disabled');
                         $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
 
                         if ($modalPpload.find('input[data-accept-checkbox]').is('checked')) {
                             $modalPpload.find('button[data-addpploadfile-btn]').removeAttr('disabled');
                         } else {
                             $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
                         }
 
                     }
                     **/
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     alert("Error: " + textStatus + ", " + errorThrown);
                     return;
                 }
             });
         }
 
         function deletePploadFiles() {
             $.ajax({
                 url: $modalPpload.attr('data-deletepploadfiles-uri'),
                 type: 'POST',
                 data: {},
                 dataType: 'json',
                 success: function (data, textStatus, jqXHR) {
                     if (data.status != 'ok') {
                         return;
                     }
                     $modalPpload.find('table[data-ppload-files] thead').html('');
                     $modalPpload.find('table[data-ppload-files] tbody').html('');
                     $modalPpload.find('table[data-file-upload] tbody').html('');
                     $modalPpload.find('p[data-file-upload-msg]').show();
 
                     //$modalPpload.find('button[data-addpploadfile-btn]').removeAttr('disabled');
                     $modalPpload.find('button[data-deletepploadfiles-btn]').attr('disabled', 'disabled');
                     $modalPpload.find('button[data-file-upload-ok-btn]').removeAttr('disabled');
                     $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
 
                     $modalPpload.find('input[data-accept-checkbox]').removeAttr('disabled');
                     $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     return;
                 }
             });
         }
 
         function humanFileSize(bytes) {
             var size = '';
             size = (bytes / 1048576).toFixed(2) + ' MB';
             /*
              if (bytes >= 1073741824) {
              size = (bytes / 1073741824).toFixed(2) + 'GB';
              }
              else if (bytes >= 1048576) {
              size = (bytes / 1048576).toFixed(2) + 'MB';
              }
              else if (bytes >= 1024) {
              size = (bytes / 1024).toFixed(2) + 'KB';
              }
              else {
              size = bytes + 'bytes';
              }*/
             return size;
         }
 
         $('a[href="#modal-ppload"]').on('click', function (event) {
             event.preventDefault();
             $modalPpload.attr('data-ppload-collection-id', $(this).attr('data-ppload-collection-id'));
             $modalPpload.attr('data-product-id', $(this).attr('data-product-id'));
             $modalPpload.attr('data-product-cat-id', $(this).attr('data-product-cat-id'));
             $modalPpload.attr('data-product-tile', $(this).attr('data-product-title'));
             $modalPpload.attr('data-product-version', $(this).attr('data-product-version'));
             $modalPpload.attr('data-addpploadfile-uri', $(this).attr('data-addpploadfile-uri'));
             $modalPpload.attr('data-updatefiletag-uri', $(this).attr('data-updatefiletag-uri'));
             $modalPpload.attr('data-deletefiletag-uri', $(this).attr('data-deletefiletag-uri'));
             $modalPpload.attr('data-updatepploadfile-uri', $(this).attr('data-updatepploadfile-uri'));
             $modalPpload.attr('data-deletepploadfile-uri', $(this).attr('data-deletepploadfile-uri'));
             $modalPpload.attr('data-deletepploadfiles-uri', $(this).attr('data-deletepploadfiles-uri'));
             $modalPpload.find('div[data-file-upload]').css({
                 'min-height': '200px',
                 'max-height': '400px',
                 'border-width': '5px',
                 'border-style': 'dashed',
                 'border-color': '#cccccc',
                 'overflow': 'inherit'
             });
 
             $modalPpload.find('h3[data-ppload-label]').html('Files for ' + $modalPpload.attr('data-product-tile'));
             $modalPpload.find('#product-version').val($modalPpload.attr('data-product-version'));
 
             $modalPpload.find('table[data-ppload-files] thead').html('');
             $modalPpload.find('table[data-ppload-files] tbody').html('');
             $modalPpload.find('table[data-file-upload] tbody').html('');
             $modalPpload.find('p[data-file-upload-msg]').show();
 
             $modalPpload.find('#update-list').html('');
 
             $modalPpload.find('input[data-accept-checkbox]').removeAttr('disabled');
 
             $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
             $modalPpload.find('button[data-deletepploadfiles-btn]').attr('disabled', 'disabled');
             $modalPpload.find('button[data-file-upload-ok-btn]').removeAttr('disabled');
             $modalPpload.find('button[data-file-upload-cancel-btn]').attr('disabled', 'disabled');
 
             if ($modalPpload.attr('data-ppload-collection-id')) {
                 getPploadFiles();
             }
 
             //if ($modalPpload.attr('data-product-id')) {
             //    getUpdates();
             //}
 
         });
 
         $modalPpload.on('dragover', 'div[data-file-upload]', function (event) {
             event.preventDefault();
         });
 
         $modalPpload.on('dragenter', 'div[data-file-upload]', function (event) {
             event.preventDefault();
             $(this).css('border-color', '#00ccff');
         });
 
         $modalPpload.on('dragleave', 'div[data-file-upload]', function (event) {
             event.preventDefault();
             $(this).css('border-color', '#cccccc');
         });
 
         $modalPpload.on('drop', 'div[data-file-upload]', function (event) {
             event.preventDefault();
             $.each(event.originalEvent.dataTransfer.files, function () {
                 addFileToPploadUploadQueue(null, this);
             });
             startUploadPploadFiles();
             $(this).css('border-color', '#cccccc');
         });
 
         $modalPpload.on('change', 'input[data-file-upload]', function (event) {
             $.each(this.files, function () {
                 addFileToPploadUploadQueue(null, this);
             });
             startUploadPploadFiles();
         });
 
         $modalPpload.on('click', 'button[data-addpploadfile-btn]', function (event) {
             event.preventDefault();
             $modalPpload.find('input[data-file-upload]').click();
         });
 
         $modalPpload.on('change', 'input[data-file-upload-update]', function (event) {
             if ($(this).attr('data-ppload-file-id')) {
                 var fileId = $(this).attr('data-ppload-file-id');
                 $modalPpload.find('tr[data-ppload-file-id="' + fileId + '"]').hide();
                 addFileToPploadUploadQueue(fileId, this.files[0]);
                 startUploadPploadFiles();
             }
         });
 
         $modalPpload.on('click', 'tr[data-ppload-file-id] a[data-updatepploadfile-btn]', function (event) {
             event.preventDefault();
             var $inputForm = $modalPpload.find('input[data-file-upload-update]');
             $inputForm.attr('data-ppload-file-id', $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id'));
             $inputForm.click();
         });
 
         $modalPpload.on('click', 'input[data-accept-checkbox]', function (event) {
             if ($modalPpload.find('input[data-accept-checkbox]').is(':checked')) {
                 $modalPpload.find('button[data-addpploadfile-btn]').removeAttr('disabled');
                 $modalPpload.find('#github_picker').removeAttr('disabled');
             } else {
                 $modalPpload.find('button[data-addpploadfile-btn]').attr('disabled', 'disabled');
                 $modalPpload.find('#github_picker').attr('disabled', 'disabled');
             }
         });
 
         $modalPpload.on('click', 'tr[data-ppload-file-id] a[data-deletepploadfile-btn]', function (event) {
             event.preventDefault();
             deletePploadFile($(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id'));
         });
 
         $modalPpload.on('click', 'button[data-deletepploadfiles-btn]', function (event) {
             event.preventDefault();
             deletePploadFiles();
         });
 
         $modalPpload.on('click', 'button[data-ppload-cancel-btn]', function (event) {
             event.preventDefault();
             $modalPpload.modal('hide');
         });
 
         $modalPpload.on('click', 'button[data-file-upload-cancel-btn]', function (event) {
             event.preventDefault();
             pploadUploads.uploading.abort();
             pploadUploads.queue = {};
             $modalPpload.find('table[data-file-upload] tbody').html('');
         });
 
         $modalPpload.on('click', 'tr[data-file-upload-id] a[data-file-upload-cancel-btn]', function (event) {
             event.preventDefault();
             var uploadId = $(this).closest('tr[data-file-upload-id]').attr('data-file-upload-id');
             if (uploadId == pploadUploads.currentUploadId) {
                 pploadUploads.uploading.abort();
             }
             else {
                 delete pploadUploads.queue[uploadId];
                 $modalPpload.find('tr[data-file-upload-id="' + uploadId + '"]').remove();
             }
         });
 
         $modalPpload.on('change', 'input[data-ppload-file-description]', function (event) {
             event.preventDefault();
             var fileId = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id');
             var fileDescription = $(this).closest('input[data-ppload-file-description]').val();
             var fileCategory = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-category');
             var fileTags = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-tags');
 
             $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-tags', fileTags);
             fileDescription = fileDescription.replace(/<\/?[^>]+(>|$)/g, "");
             updatePploadFile(fileId, fileDescription, fileCategory, fileTags);
         });
 
         $modalPpload.on('change', 'input[data-ppload-file-version]', function (event) {
             event.preventDefault();
             var fileId = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id');
             var fileVersion = $(this).closest('input[data-ppload-file-version]').val();
             updatePploadFileVersion(fileId, fileVersion);
         });
 
         $modalPpload.on('click', 'button[data-add-update-btn]', function (event) {
             var product_version = $modalPpload.find('#product-version').val();
             var update_id = $modalPpload.find('#update-id').val();
             var title = $modalPpload.find('#update-title').val();
             var text = $modalPpload.find('#update-text').val();
             var productId = $modalPpload.attr('data-product-id');
             event.preventDefault();
 
             $.ajax({
                 url: '/p/'+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('#update-title').val('');
                     $modalPpload.find('#update-text').val('');
                     $modalPpload.find('#update-id').val('');
 
                     if(update_id) {
                         getUpdates();
                     } else {
                         $modalPpload.modal('hide');
                         location.reload();
                     }
                 },
                 error: function (jqXHR, textStatus, errorThrown) {
                     return;
                 }
             });
 
         });
 
 
         $modalPpload.on('click', 'button[data-delete-update-btn]', function (event) {
             var updateId = $(this).attr('data-delete-update-btn');
             var productId = $modalPpload.attr('data-product-id');
             event.preventDefault();
 
             $.ajax({
                 url: '/p/'+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;
                 }
             });
 
         });
 
         $modalPpload.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');
             var productId = $modalPpload.attr('data-product-id');
 
             $modalPpload.find('#update-title').val(title);
             $modalPpload.find('#update-text').val(text);
             $modalPpload.find('#update-id').val(updateId);
 
             $modalPpload.find('#update-title').focus();
 
             event.preventDefault();
 
         });
 
 
         /*
         $modalPpload.on('change', 'select.chosen', function (event) {
             event.preventDefault();
             var fileId = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id');
             var currentTags = $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags');
             var chosenTags = $(this).val();
 
             var newTags = UserTags.removeOldTags(currentTags);
             newTags = UserTags.setNewTags(newTags, chosenTags);
 
             updatePploadFileTags(fileId, newTags);
             $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags',newTags);
         });
         */
 
         $modalPpload.on('change', 'select[data-tag-group]', function(event) {
             event.preventDefault();
             var fileId = $(this).closest('tr[data-ppload-file-id]').attr('data-ppload-file-id');
             var fileTags = $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags');
             var tagId = $(this).val();
             var tagGroupId = $(this).attr('data-tag-group-id');
             var tagGroupName = $(this).attr('data-tag-group');
 
             var newFileTags = '';
             if (fileTags) {
 
                 $.each(fileTags.split(','), function () {
                     // skip old entries
                     if ((this.length == 0) || (this.indexOf(tagGroupName+'id-') == 0) || (this.indexOf(tagGroupName+'id##') == 0)) {
                         return true;
                     }
                     newFileTags += ',' + this;
                 });
 
             }
             newFileTags += ','+tagGroupName+'id-'+tagId;
             updatePploadFileTags(fileId, newFileTags);
             $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags',newFileTags);
             updateFileTag(fileId, tagId, tagGroupId);
         });
         
         
         $modalPpload.on('click', 'span[data-file-tag-id]', function (event) {
             event.preventDefault();
 
             $tagId = $(this).attr('data-file-tag-id');
             $fileId = $(this).attr('data-file-id');
             var fileTags = $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags');
 
             /*
             var newFileTags = '';
             if (fileTags) {
 
                 $.each(fileTags.split(','), function () {
                     // skip old entries
                     if ((this.length == 0) || (this.indexOf(tagGroupName+'id-') == 0) || (this.indexOf(tagGroupName+'id##') == 0)) {
                         return true;
                     }
                     newFileTags += ',' + this;
                 });
 
             }
             newFileTags += ','+tagGroupName+'id-'+tagId;
             updatePploadFileTags(fileId, newFileTags);
 
             $(this).closest('tr[data-ppload-file-tags]').attr('data-ppload-file-tags',newFileTags);
 
             */
             deleteFileTag($fileId, $tagId);
         });
     });
 
 </script>
 <script type="text/javascript" src="/theme/flatui/js/lib/chosen.jquery.min.js"></script>
 <!-- /ppload -->
 
 <?php
             $this->inlineScript()->appendScript(
                 '    $(document).ready(function(){
                         TagingLoopMyProducts.setup();
                         Opendownloadfile.setup();
                     });
                 ');
 
      ?>