(OLD 5.7 Discussion FORUM)

Enabling Composer Editing for Thumb Gallery Add-On

Permalink May 05, 2015 at 7:59 PM

Hi folks,

I'm using C5.7.4RC2 and Vivid's Thumb Gallery. I'd like to add a gallery block to a page template of a page type. On page creation in composer I want to select a fileset, see the thumbnails of the selected fileset and reorganize the thumbnails display order.

So far I've made some progress and created a mostly working composer.php residing in /packages/vivid_thumb_gallery/blocks/vivid_thumb_gallery/composer.php

<?php    
defined('C5_EXECUTE') or die(_("Access Denied."));
/***
*   replaced all hard-coded form names with $view->field() 
*   replaced deprecated Loader::helper with Core::make
***/
// adding helpers
$al = Core::make('helper/concrete/asset_library');
$uh = Core::make('helper/concrete/urls');
$bt = BlockType::getByHandle('vivid_thumb_gallery');
// setting tools URL
$toolsURL = $uh->getBlockTypeToolsURL($bt);
$this->controller->set("toolsURL",$toolsURL."/get_thumbs");
$toolsURL = $toolsURL."/get_thumbs";
?>

Viewing 15 lines of 153 lines. View entire code block.

 
<?php    
defined('C5_EXECUTE') or die(_("Access Denied."));
/***
*   replaced all hard-coded form names with $view->field() 
*   replaced deprecated Loader::helper with Core::make
***/
// adding helpers
$al = Core::make('helper/concrete/asset_library');
$uh = Core::make('helper/concrete/urls');
$bt = BlockType::getByHandle('vivid_thumb_gallery');
// setting tools URL
$toolsURL = $uh->getBlockTypeToolsURL($bt);
$this->controller->set("toolsURL",$toolsURL."/get_thumbs");
$toolsURL = $toolsURL."/get_thumbs";
?>
<style>
    #btn-launch-file-manager { margin-top: 23px; }
    .thumb-item-shell { border: 1px solid #fff; box-shadow: 0 0 5px #ccc; margin: 0 10px 10px; display: inline-block; cursor: move; }
    .thumb-file-name { font-size: 9px; }
</style>
<?php 
$addSelected = true;
?>
 
<p>
<?php  print Core::make('helper/concrete/ui')->tabs(array(
    array('pane-thumbs', t('Items'), $addSelected),
    array('pane-settings', t('Settings'))
));?>
</p>
<div class="ccm-tab-content" id="ccm-tab-content-pane-thumbs">
 
    <div class="form-group">
        <label><?php echo t('Select Fileset')?></label>
        <select class="form-control" name="<?php echo $view->field('fileset'); ?>" id="form-select-fileset">
            <option value="none"><?php echo t('None')?></option>
            <?php
             $sets = FileSet::getMySets();
            foreach ($sets as $set){          
         ?>
            <option value="<?php echo $set->fsID; ?>" <?php  if($fileset==$set->fsID){echo "selected";}?>><?php echo $set->fsName?></option>
            <?php  } ?>
        </select>
    </div>
    <!-- leaving this alone for now -->
    <!--<div class="col-xs-3">
        <a href="javascript:launchFileManager();" class="btn btn-primary" id="btn-launch-file-manager">Launch File Manager</a>
    </div>-->
 
    <div class="well" id="items-container">
 
 
 
    </div>  
 
    <input type="hidden" id="toolURL" value="<?php echo $toolsURL?>">
 
</div>
<div class="ccm-tab-content" id="ccm-tab-content-pane-settings">
 
    <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label($view->field('thumbWidth'), t("Thumb Width")); ?>
                <div class="input-group">
                    <?php  echo $form->text($view->field('thumbWidth'),$thumbWidth?$thumbWidth:"300"); ?>
                    <div class="input-group-addon">px</div>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label($view->field('thumbHeight'), t("Thumb Height")); ?>
                <div class="input-group">
                    <?php  echo $form->text($view->field('thumbHeight'),$thumbHeight?$thumbHeight:"220"); ?>
                    <div class="input-group-addon">px</div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label($view->field('imageWidth'), t("Large Image Width")); ?>
                <div class="input-group">
                    <?php  echo $form->text($view->field('imageWidth'),$imageWidth?$imageWidth:"800"); ?>
                    <div class="input-group-addon">px</div>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label($view->field('imageHeight'), t("Large Image Height")); ?>
                <div class="input-group">
                    <?php  echo $form->text($view->field('imageHeight'),$imageHeight?$imageHeight:"600"); ?>
                    <div class="input-group-addon">px</div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <?php  echo $form->label($view->field('zoomType'), t("Zoom/Enlarge mode")); ?>
        <?php  echo $form->select($view->field('zoomType'), array(""=>"Zoom", "innerzoom"=>"Inner Zoom", "lenszoom"=>"Lens Zoom", "lightbox"=>"Lightbox"), $zoomType); ?>
    </div>
    <div class="row">        
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label($view->field('cols'), t("Number of Columns")); ?>
                <?php  echo $form->select($view->field('cols'),array("1"=>"1","2"=>"2","3"=>"3","4"=>"4","6"=>"6"),$cols?$cols:"4"); ?>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label($view->field('colsMobile'), t("# of Cols on Mobile <768px")); ?>
                <?php  echo $form->select($view->field('colsMobile'),array("1"=>"1","2"=>"2","3"=>"3","4"=>"4","6"=>"6"),$colsMobile?$colsMobile:"2"); ?>
            </div>
        </div>
    </div>
 
</div>
<script>
 
<?php  if(!$bID){$bID=0;}?>     
function indexItems(){
    $(".thumb-item-shell").each(function(i){
        $(this).find(".item-sort").val(i);
    });
}
$("#items-container").sortable({
    update: function(){
        indexItems();
    }
});
function launchFileManager(){
    ConcreteFileManager.launchDialog();
};
function getThumbs(){
    var selectedFileSet = $("#form-select-fileset").val();
    var toolURL = $("#toolURL").val();
    //if they selected a fileset
    if(selectedFileSet != 'none'){
        $.ajax({
            type: "POST",
            data: {fsID: selectedFileSet, bID: <?php echo $bID?>},
            dataType: 'json',
            url: toolURL,
            success: function(thumbs) {
                $("#items-container").html(thumbs);
                indexItems();
            },
            error: function(){
                $("#items-container").html("Something went wrong...");
            }
        });
    } else{
        //they selected none
        $("#items-container").html("Choose a Fileset");
    }
}
getThumbs();
$("#form-select-fileset").change(function(){
    getThumbs();
});    
</script>

So far fileset selection and thumbnail display work fine in composer. Clicking "Save and Exit", "Edit Mode" and "Publish" saves everything, except the thumbs display order.

Now I'm stabing in the dark. Can anyone tell me why the display order is not saved? Any hint pointing me into the right direction is much appreciated.

I've already posted a support request, but now I'm so close to success that I thought this might help others and get's more attention in the forum. Forgive me please for cross posting.

Thank you in advance.

razorcommerce replied on May 6, 2015 at 3:04 am Permalink Reply

Fairly wild guess here because I've never seen that package so I don't know how it works. What I'd be aiming to do though is find the logic used to control display order in the normal interface. It might involve an ajax call? So use the regular interface, watch for that ajax call and see what is passed. Maybe the current order is stored in some element then passed. Again just a guess not being able to see the original but I might suggest you post some relevant parts of the controller if you want more help because at some point the display order has to be saved through a method in the controller.

HardOne replied on May 6, 2015 at 9:36 pm Permalink Reply

Thank you very much much for your response.

I've tried to get behind the logic but I got it only half way. The display order is stored via controllers save() method into its own table. With $bID stored against $fID and an integer value for the display order. But I see nothing creating that array to pass it over to the save method. Neither in form.php, nor somewhere else. In form.php it must be because it's working via edit block.

What I can see is, that submitting composer form does not run save() function from controller.php. As I've read in the docs submitting a form to the backend should run save() method. I have no idea why it's not working in this case.

I've never learned js/ajax/json. Seems like an epic fail from me. There is an ajax call to get the thumbnails in add/edit form, but I can't find something ajax related storing data into the database.
I'll have to dig deeper into this, but I feel I need some more help.

For reference here's the controller.php

<?php 
namespace Concrete\Package\VividThumbGallery\Block\VividThumbGallery;
use \Concrete\Core\Block\BlockController;
use Loader;
use \File;
use FileSet;
use FileList;
use BlockType;
use Page;
use Core;
use \Concrete\Core\Block\View\BlockView as BlockView;
use Concrete\Core\File\Type\Type as FileType;
defined('C5_EXECUTE') or die(_("Access Denied.")); 
class Controller extends BlockController
{

Viewing 15 lines of 179 lines. View entire code block.

 
<?php 
namespace Concrete\Package\VividThumbGallery\Block\VividThumbGallery;
use \Concrete\Core\Block\BlockController;
use Loader;
use \File;
use FileSet;
use FileList;
use BlockType;
use Page;
use Core;
use \Concrete\Core\Block\View\BlockView as BlockView;
use Concrete\Core\File\Type\Type as FileType;
 
defined('C5_EXECUTE') or die(_("Access Denied.")); 
class Controller extends BlockController
{
    protected $btTable = 'btVividThumbGallery';
    protected $btInterfaceWidth = "800";
    protected $btWrapperClass = 'ccm-ui';
    protected $btInterfaceHeight = "465";
    protected $btCacheBlockOutput = true;
    protected $btCacheBlockOutputOnPost = true;
 
    public function getBlockTypeDescription()
    {
        return t("Add a Gallery of Images");
    }
 
    public function getBlockTypeName()
    {
        return t("Thumb Gallery");
    }
 
    function add() {
        $this->set('fsID', 0);
        $this->loaders();
    }
 
    function edit() {
        $this->loaders();
    }
    function loaders()
    {
        $sets = FileSet::getMySets();
        $this->set("sets",$sets);
 
        $this->requireAsset('core/file-manager');
 
        $uh = Loader::helper('concrete/urls');
        $bt = BlockType::getByHandle('vivid_thumb_gallery');
        $toolsURL = $uh->getBlockTypeToolsURL($bt);
        $this->set("toolsURL",$toolsURL."/get_thumbs");
    }
    function view(){
        $fsID = $this->fileset;
        $bID = $this->bID;
        $db = Loader::db();
        $existingThumbs = $db->GetAll('SELECT * from btVividThumbGalleryThumb WHERE bID = ? ORDER BY sort', array($bID)); //gives us all the files we've already saved/sorted
        $existingThumbIDs = array();
        foreach($existingThumbs as $thumb){
            $existingThumbIDs[] = $thumb['fID'];
        }
 
        $fs = FileSet::getByID($fsID);
        $fileList = new FileList();            
        $fileList->filterBySet($fs);
        $fileList->filterByType(FileType::T_IMAGE);
        $fileList->sortByFileSetDisplayOrder();
        $files = $fileList->get(); //gives us all the files in the set
 
        //we're going to make a new array of thumbs from the files in our fileset.
        $allThumbs = array();
        foreach($files as $file){
            if(in_array($file->getFileID(),$existingThumbIDs)){
                $sort = $db->GetOne('SELECT sort from btVividThumbGalleryThumb WHERE bID = ? and fID = ?', array($bID,$file->getFileID()));
                $thumb = array('fID'=>$file->getFileID(),'sort'=>$sort);
            } else{
                $thumb = array('fID'=>$file->getFileID(),'sort'=>9999);
            }
            $allThumbs[] = $thumb;
        }   
        $allThumbs = $this->thumbSort($allThumbs,'sort',SORT_ASC);
        $this->set("items",$allThumbs);
    }
    public function save($args)
    {
      $db = Loader::db();
        $db->execute('DELETE from btVividThumbGalleryThumb WHERE bID = ?', array($this->bID));
        $count = count($args['sort']);
        $i = 0;
        parent::save($args);
        while ($i < $count) {
            $vals = array($this->bID,$args['fID'][$i],$args['sort'][$i]);     
            $db->execute('INSERT INTO btVividThumbGalleryThumb (bID,fID, sort) values(?,?,?)', $vals);
            $i++;
        }
        $blockObject = $this->getBlockObject();
        if (is_object($blockObject)) {
            $blockObject->setCustomTemplate($args['zoomType']);
        }
    }
    public function duplicate($newBID) {
        parent::duplicate($newBID);
        $db = Loader::db();
        $vals = array($this->bID);
        $data = $db->query('SELECT * FROM btVividThumbGalleryThumb WHERE bID = ?', $vals);
        while ($row = $data->FetchRow()) {
            $vals = array($newBID,$row['fID'],$row['sort']);
            $db->execute('INSERT INTO btVividThumbGalleryThumb (bID, fID, sort) values(?,?,?)', $vals);
        }
    }
    public function validate($args)
    {
        $e = Core::make("helper/validation/error");       
        if(empty($args['thumbWidth'])){
            $e->add(t("Thumbnail Width must be set"));
        }
        if(!ctype_digit(trim($args['thumbWidth']))){
            $e->add(t("Thumbnail Width must be solely numeric"));
        }
        if(empty($args['thumbHeight'])){
            $e->add(t("Thumbnail Height must be set"));
        }
        if(!ctype_digit(trim($args['thumbHeight']))){
            $e->add(t("Thumbnail Height must be solely numeric"));
        }
        if(empty($args['imageWidth'])){
            $e->add(t("Image Width must be set"));
        }
        if(!ctype_digit(trim($args['imageWidth']))){
            $e->add(t("Image Width must be solely numeric"));
        }
        if(empty($args['imageHeight'])){
            $e->add(t("Image Height must be set"));
        }
        if(!ctype_digit(trim($args['imageHeight']))){
            $e->add(t("Image Height must be solely numeric"));
        }
        return $e;
    }
    public function registerViewAssets()
    {
        $uh = Loader::helper('concrete/urls');
        $bObj = $this->getBlockObject();
        if($bObj){
            $bt=$bObj->getBlockTypeObject();
            $blockURL = $uh->getBlockTypeAssetsURL($bt);
            $this->requireAsset('javascript', 'jquery');
            if($this->zoomType=="lightbox"){
                $this->addHeaderItem('<link rel="stylesheet" type="text/css" href="'.$blockURL.'/assets/featherlight.css"/>');
                $this->addFooterItem('<script type="text/javascript" src="'.$blockURL.'/assets/imagelightbox.min.js"></script>');
            }
            else{
                $this->addFooterItem('<script type="text/javascript" src="'.$blockURL.'/assets/elevateZoom.js"></script>');
            }
        }
    }
 
    function thumbSort($array, $on, $order=SORT_ASC)
    {
        $new_array = array();
        $sortable_array = array();
 
        if (count($array) > 0) {
            foreach ($array as $k => $v) {
                if (is_array($v)) {
                    foreach ($v as $k2 => $v2) {
                        if ($k2 == $on) {
                            $sortable_array[$k] = $v2;
                        }
                    }
                } else {
                    $sortable_array[$k] = $v;
                }
            }
 
            switch ($order) {
                case SORT_ASC:
                    asort($sortable_array);
                break;
                case SORT_DESC:
                    arsort($sortable_array);
                break;
            }
 
            foreach ($sortable_array as $k => $v) {
                $new_array[$k] = $array[$k];
            }
        }
 
        return $new_array;
    }
 
 
}

and the form.php (add.php and edit.php simply include form.php)

<?php    
defined('C5_EXECUTE') or die(_("Access Denied."));
$al = Loader::helper('concrete/asset_library');
?>
<style>
    #btn-launch-file-manager { margin-top: 23px; }
    .thumb-item-shell { border: 1px solid #fff; box-shadow: 0 0 5px #ccc; margin: 0 10px 10px; display: inline-block; cursor: move; }
    .thumb-file-name { font-size: 9px; }
</style>
<?php 
$addSelected = true;
?>
<p>
<?php  print Loader::helper('concrete/ui')->tabs(array(
    array('pane-thumbs', t('Items'), $addSelected),

Viewing 15 lines of 139 lines. View entire code block.

 
<?php    
defined('C5_EXECUTE') or die(_("Access Denied."));
$al = Loader::helper('concrete/asset_library');
 
?>
<style>
    #btn-launch-file-manager { margin-top: 23px; }
    .thumb-item-shell { border: 1px solid #fff; box-shadow: 0 0 5px #ccc; margin: 0 10px 10px; display: inline-block; cursor: move; }
    .thumb-file-name { font-size: 9px; }
</style>
<?php 
$addSelected = true;
?>
 
<p>
<?php  print Loader::helper('concrete/ui')->tabs(array(
    array('pane-thumbs', t('Items'), $addSelected),
    array('pane-settings', t('Settings'))
));?>
</p>
<div class="ccm-tab-content" id="ccm-tab-content-pane-thumbs">
 
    <div class="form-group">
        <label><?php echo t('Select Fileset')?></label>
        <select class="form-control" name="fileset" id="form-select-fileset">
            <option value="none"><?php echo t('None')?></option>
            <?php   foreach ($sets as $set){ ?>
            <option value="<?php   echo $set->fsID; ?>" <?php  if($fileset==$set->fsID){echo "selected";}?>><?php echo $set->fsName?></option>
            <?php  } ?>
        </select>
    </div>
    <!-- leaving this alone for now -->
    <!--<div class="col-xs-3">
        <a href="javascript:launchFileManager();" class="btn btn-primary" id="btn-launch-file-manager">Launch File Manager</a>
    </div>-->
 
    <div class="well" id="items-container">
 
 
 
    </div>  
 
    <input type="hidden" id="toolURL" value="<?php echo $toolsURL?>">
 
</div>
<div class="ccm-tab-content" id="ccm-tab-content-pane-settings">
 
    <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label("thumbWidth", t("Thumb Width")); ?>
                <div class="input-group">
                    <?php  echo $form->text("thumbWidth",$thumbWidth?$thumbWidth:"300"); ?>
                    <div class="input-group-addon">px</div>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label("thumbHeight", t("Thumb Height")); ?>
                <div class="input-group">
                    <?php  echo $form->text("thumbHeight",$thumbHeight?$thumbHeight:"220"); ?>
                    <div class="input-group-addon">px</div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label("imageWidth", t("Large Image Width")); ?>
                <div class="input-group">
                    <?php  echo $form->text("imageWidth",$imageWidth?$imageWidth:"800"); ?>
                    <div class="input-group-addon">px</div>
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label("imageHeight", t("Large Image Height")); ?>
                <div class="input-group">
                    <?php  echo $form->text("imageHeight",$imageHeight?$imageHeight:"600"); ?>
                    <div class="input-group-addon">px</div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <?php  echo $form->label("zoomType", t("Zoom/Enlarge mode")); ?>
        <?php  echo $form->select("zoomType", array(""=>"Zoom", "innerzoom"=>"Inner Zoom", "lenszoom"=>"Lens Zoom", "lightbox"=>"Lightbox"), $zoomType); ?>
    </div>
    <div class="row">        
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label("cols", t("Number of Columns")); ?>
                <?php  echo $form->select("cols",array("1"=>"1","2"=>"2","3"=>"3","4"=>"4","6"=>"6"),$cols?$cols:"4"); ?>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="form-group">
                <?php  echo $form->label("colsMobile", t("# of Cols on Mobile <768px")); ?>
                <?php  echo $form->select("colsMobile",array("1"=>"1","2"=>"2","3"=>"3","4"=>"4","6"=>"6"),$colsMobile?$colsMobile:"2"); ?>
            </div>
        </div>
    </div>
 
</div>
<script>
 
<?php  if(!$bID){$bID=0;}?>     
function indexItems(){
    $(".thumb-item-shell").each(function(i){
        $(this).find(".item-sort").val(i);
    });
}
$("#items-container").sortable({
    update: function(){
        indexItems();
    }
});
function launchFileManager(){
    ConcreteFileManager.launchDialog();
};
function getThumbs(){
    var selectedFileSet = $("#form-select-fileset").val();
    var toolURL = $("#toolURL").val();
    //if they selected a fileset
    if(selectedFileSet != 'none'){
        $.ajax({
            type: "POST",
            data: {fsID: selectedFileSet, bID: <?php echo $bID?>},
            dataType: 'json',
            url: toolURL,
            success: function(thumbs) {
                $("#items-container").html(thumbs);
                indexItems();
            },
            error: function(){
                $("#items-container").html("Something went wrong...");
            }
        });
    } else{
        //they selected none
        $("#items-container").html("Choose a Fileset");
    }
}
getThumbs();
$("#form-select-fileset").change(function(){
    getThumbs();
});    
</script>

and the get_thumbs.php located in /packages/vivid_thumb_gallery/blocks/vivid_thumb_gallery/tools/

<?php 
defined('C5_EXECUTE') or die("Access Denied.");
use Concrete\Core\File\Type\Type as FileType;
function thumbSort($array, $on, $order=SORT_ASC)
{
    $new_array = array();
    $sortable_array = array();
    if (count($array) > 0) {
        foreach ($array as $k => $v) {
            if (is_array($v)) {
                foreach ($v as $k2 => $v2) {
                    if ($k2 == $on) {
                        $sortable_array[$k] = $v2;
                    }
                }

Viewing 15 lines of 71 lines. View entire code block.

 
<?php 
defined('C5_EXECUTE') or die("Access Denied.");
use Concrete\Core\File\Type\Type as FileType;
 
function thumbSort($array, $on, $order=SORT_ASC)
{
    $new_array = array();
    $sortable_array = array();
 
    if (count($array) > 0) {
        foreach ($array as $k => $v) {
            if (is_array($v)) {
                foreach ($v as $k2 => $v2) {
                    if ($k2 == $on) {
                        $sortable_array[$k] = $v2;
                    }
                }
            } else {
                $sortable_array[$k] = $v;
            }
        }
 
        switch ($order) {
            case SORT_ASC:
                asort($sortable_array);
            break;
            case SORT_DESC:
                arsort($sortable_array);
            break;
        }
 
        foreach ($sortable_array as $k => $v) {
            $new_array[$k] = $array[$k];
        }
    }
 
    return $new_array;
}
 
$fsID = $_POST['fsID'];
$bID = $_POST['bID'];
 
$db = Loader::db();
$existingThumbs = $db->GetAll('SELECT * from btVividThumbGalleryThumb WHERE bID = ? ORDER BY sort', array($bID)); //gives us all the files we've already saved/sorted
$existingThumbIDs = array();
foreach($existingThumbs as $thumb){
    $existingThumbIDs[] = $thumb['fID'];
}
 
$fs = FileSet::getByID($fsID);
$fileList = new FileList();            
$fileList->filterBySet($fs);
$fileList->filterByType(FileType::T_IMAGE);
$fileList->sortByFileSetDisplayOrder();
$files = $fileList->get(); //gives us all the files in the set
 
//we're going to make a new array of thumbs from the files in our fileset.
$allThumbs = array();
foreach($files as $file){
    if(in_array($file->getFileID(),$existingThumbIDs)){
        $sort = $db->GetOne('SELECT sort from btVividThumbGalleryThumb WHERE bID = ? and fID = ?', array($bID,$file->getFileID()));
        $thumb = array('fID'=>$file->getFileID(),'sort'=>$sort);
    } else{
        $thumb = array('fID'=>$file->getFileID(),'sort'=>9999);
    }
    $allThumbs[] = $thumb;
}   
$allThumbs = thumbSort($allThumbs,'sort',SORT_ASC);
foreach($allThumbs as $thumb){
    $file = File::getByID($thumb['fID']);
    $html .= "<div class='thumb-item-shell'>";
    $html .= "<img src='".$file->getRecentVersion()->getThumbnailURL('file_manager_listing')."'>";
    $html .= "<div class='thumb-file-name'>".$file->getFileName()."</div>";
    $html .= "<input type='hidden' name='fID[]' value='".$file->getFileID()."'>";
    $html .= "<input type='hidden' name='sort[]' class='item-sort'>";
    $html .= "</div>";
}
 
 
 
echo json_encode($html);
exit;
?>

Thank you again.

HardOne replied on May 8, 2015 at 6:59 am Permalink Reply

Well, after submitting the composer form, the POST request aborts.

POST   (Aborted)   application/json (NS_BINDING_ABORTED)   http://mysite.local/index.php/ccm/system/panels/details/page/composer/publish?ccm_token=1431080677:1881d5dc1c921be2910f05610a218435&cID=225

I'm not sure if this is the cause or a result of my problem. And even worse, I have no idea how to debug this. I guess that after publishing a page from composer the reload of that page causes the POST request abort.

I really appreciate any feedback. Thanks.

Forums

(OLD 5.7 Discussion FORUM)

Enabling Composer Editing for Thumb Gallery Add-On

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?