R2m0x94 (Vasily)

интересно, попробую…

// id'шники вывожу на стр.
<div class="quickview-parent"
	data-quickview-mode="modal"
	data-data-action="chunk"
	data-data-element="quickview.tpl"
	data-quickview-loop="true"
	data-quickview-viewhash="true"
	data-dialog-size="size-wide"
	data-dialog-buttons='["prev","next"]'>
	[[!pdoPage?
		&parents=`3679`
		&element=`msProducts`
		&tpl=`@INLINE
		<a class='quickview'
		    data-click
		    data-data-id="[[+id]]"
		    data-quickview-group="product"
		    data-dialog-title="[[+pagetitle]]">[[+pagetitle]]</a>
	`]]
	[[!+page.nav]]
</div>

// В чанке quickview.tpl
    {'!getTable' | snippet : [
    'showLog'=>1,
    'toJSON'=>1,
    'table'=>[
        'class'=>'modResource',
        'actions'=>[
            'update' =>[
                'icon' => 'far fa-edit',
                'processors'=>['modResource'=>'resource/update'],
            ],
        ],
        'pdoTools'=>[
            'class'=>'modResource',
            'parents'=>3679,
            'template'=>4,
            'includeTVs'=>'technical_specifications,equipment,videos',
            'where'=>[
                'template' => 4, 
                'id' => $_modx->resource.id,
            ],
            'limit'=>5,
        ],
        'checkbox'=>0,
        'autosave'=>1,
        'row'=>[
            'id'=>[
                'custom' =>[
                
                'cls'=>'red',
                'icon' => 'far fa-edit',
                'tag' =>'a',
                'attr' => 'data-data-tag',
                ],
            ],
            'content'=>[
                'edit'=>[
                    'type'=>'textarea',
                ],
                
            ],
            'technical_specifications'=>[
                'class'=>'TV',
                'label'=>'Технические характеристики',
                'edit'=>['type'=>'textarea',],
            ],
            'equipment'=>[
                'class'=>'TV',
                'label'=>'Комплект поставки',
                'edit'=>[
                    'type'=>'textarea',
                    'where_field'=>'`TVequipment`.`value`',
                    'search_fields' => [
                        'contentid' => 'id',
                        'tmplvarid' => 95,
                    ],
                    'readonly'=>1,
                ],
                
           ],
           'videos'=>[
                'class'=>'TV',
                'label'=>'Видео',
                'edit'=>['type'=>'textarea',],
            ],
           'alias'=>['edit'=>['readonly'=>1,],],
        ],
    ],
]}

А какой синтаксис параметров !getTable вывести их из коробки? Например

[[!getTable? &table=`в фигурных или квадратных?`]]

Ну да в модалке можно, просто при ajax пагинации ace слитает

Попробовал выводить модалку quickview, а в ней форму редактирования, но не вышло. Взял за основу пример 5.
Окно открылось, но getTable сниппет отдаёт 'не найдено', хоть и в сервис quickview подключил getTable.

...
                            }
            }
        }
    }
}
0.0000050: __construct
0.0000019: getTables loaded.
0.0000191: cacheConfig
0.0004060: getTables init from cache.
0.0004311: load propertySet getTables_bootstrap_v3
0.0000069: cacheConfig
0.0002370: registerCSS_JS
0.0001199: handleRequest getTable/fetch
0.4405050: Total time
2 097 152: Memory usage

А как сделать, если стр. много и при переключении на вторую стр. редактор-ACE не слитал?

Было б вообще волшебно, чтоб как в админке с emmet'ом, но пока ещё эта настройка 'editor'=>'ACE' — не работает

Ещё предлагаю внести корректировки в textarea, чтобы можно было кодить с ACE

// такова типа (или же из системной настройки, если он установлен и возможность вкл/выкл редактора в системной настройке)
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js"></script>
<style>
    .autosize {
      /*resize: none;
      overflow: hidden;*/
      height:400px!important;
    }
    .autosize[readonly], .autosize[readonly] div {
        background: brown;
        user-select: none;
        cursor: not-allowed;
    }
</style>

autosize();
function autosize(){
    var text = $('.autosize');

    text.each(function(){
        $(this).attr('rows',1);
        resize($(this));
    });

    text.on('input', function(){
        resize($(this));
    });
    
    function resize ($text) {
        $text.css('height', 'auto');
        $text.css('height', $text[0].scrollHeight+'px');
    }
}

// Hook up ACE editor to all textareas with data-editor attribute
$(function() {
  $('textarea[data-editor]').each(function() {
    var textarea = $(this);
    var mode = textarea.data('editor');
    var editDiv = $('<div>', {
      position: 'absolute',
      width: textarea.width(),
      height: textarea.height(),
      'class': textarea.attr('class'),
      'readonly': textarea.attr('readonly')
    }).insertBefore(textarea);

    textarea.css('display', 'none');
    var editor = ace.edit(editDiv[0]);
    editor.renderer.setShowGutter(textarea.data('gutter'));
    editor.getSession().setValue(textarea.val());
    editor.getSession().setMode("ace/mode/" + mode);
    editor.setTheme("ace/theme/idle_fingers");
    //editor.setTheme("ace/theme/chrome");

    // copy back to textarea on form submit...
    textarea.closest('form').submit(function() {
      textarea.val(editor.getSession().getValue());
    })
  });
});



// Ещё в чанк getTable.EditRow.tpl для textarea
    {case 'textarea'}
        <textarea data-editor="xml" data-gutter="1" rows="15" data-field="{$edit.field}" name="{$edit.field}" placeholder="{$edit.placeholder}" class="form-control autosize get-table-autosave"
            style="max-height: 400px;" {if $edit.readonly}readonly{/if}>{$edit.value}</textarea>
        <span class="error_{$edit.field}"></span>

Ой, забыл добавить alias, теперь всё норм

Подключил bootstrap без quickview, окно открылось с полями, как и было задумано, но при сохранении в уведомлении пишет, что объект не сохранен.

Object   не сохранен update

И не сохранились значения, а напрямую в таблице всё сохраняется и сохранялось без проблем

Просто, задумка такова, чтобы связать сниппеты, например у меня используется mFilter2 и в нем quickview, я вывожу всё это дело в таблицу с фильтром, и тут появился getTables, который надо внедрить в mFilter2, соответственно решено было скрестить их, но перем маштабом, появилась необходимость сделать возможность окон на редактирование через quickview, так как он все равно подгружается, а из бутстрапа только сетка css и modal-dialog, конечно если есть решение как вывести mFilter2 с getTable, буду только рад. :)

Надо попробовать, ну а с табами тоже было б неплохо понять как их скомпилировать на вывод.

Jgrowl мне пришлось отключить, так как использую замену sweetalert, поэтому скорее всего сильно нагрузка выросла — там мол постоянно был цикличный запрос на этот файл, что повлекло нагрузку на аккаунт

{'getTable' | snippet : [
    'table'=>[
        'class'=>'modResource',
        'actions'=>[
            'create'=>[
            ],
            'update' =>[
                'action'=>'getTable/custom',
                'title'=>'{$_modx->resource.id}',
                'cls' => 'quickview" data-click quickview-mode="modal" data-data-action="chunk" data-data-id="{$_modx->resource.id}" data-data-element="getTable.Modal.CreateUpdate.tpl" data-dialog-size="size-wide" data-dialog-title="safasfa"',
                'row' => [],
                'icon' => 'far fa-edit',
                'modal' => [
                    'action' => 'getModal/fetchTableModal',
                    'tpl'=>'b4.getTable.Modal.CreateUpdate.tpl',
                ],
                
            ],
        ],
        'custom' =>[
                'action'=>"getTable/custom",
                'row' => [],
                'icon' => 'far fa-edit',
                'tag' =>'a',
                'attr' => 'data-data-tag',
            ],
        'pdoTools'=>[
             'class'=>'modResource',
             'parents'=>10,
             'template'=>24,
             'resource'=>'52603',
             'includeTVs'=>'keywords,partner_condition_multi',
             'where'=>[
                	'template' => 24, 
                	'id:IN' => ['', 52603, 2],
                ],
             'limit'=>20,
        ],
        'checkbox'=>0,
        'autosave'=>1,
        'row'=>[
                'id'=>[],
                'partner_condition_multi'=>[
                    'class'=>'TV',
                    ],
                'keywords'=>[
                    'class'=>'TV',
                    'edit'=>[
                        'type'=>'text',
                        'where_field'=>'`TVkeywords`.`value`',
                        'search_fields' => [
                            'contentid' => 'id',
                            'tmplvarid' => 6,
                        ]
                    ]
                   ],
                'test'=>[
                    'label'=>'quickview',
                    'content'=>'<a >da</a>',
                    ],
            ],
    ],
]}

получилось окно вывести, но проблема в том, что окно в окне получилось и на выходе пусто

// в attr вывести не удалось атрибуты
'attr' => '',

Намудрил, что-то не выходит. Вместо ссылки <\a — в таблице <\input

{'getTable' | snippet : [
    'table'=>[
        'class'=>'modResource',
        'actions'=>[
            'create'=>[
            ],
            'update' =>[
                'action'=>'getTable/update',
                'title'=>'{$_modx->resource.id}',
                'cls' => '=',
                'row' => [],
                'icon' => 'far fa-edit',
                'modal' => [
                    'action' => 'getModal/fetchTableModal',
                    'tpl'=>'b4.getTable.Modal.CreateUpdate.tpl',
                ],
                
            ],
        ],
        'custom' =>[
                'action'=>"getTable/custom",
                'row' => [],
                'icon' => 'far fa-edit',
                'tag' =>'a',
                'attr' => 'data-data-tag',
            ],
        'pdoTools'=>[
             'class'=>'modResource',
             'parents'=>10,
             'template'=>24,
             'resource'=>'52603',
             'includeTVs'=>'keywords,partner_condition_multi',
             'where'=>[
                	'template' => 24, 
                	'id:IN' => ['', 52603, 2],
                ],
             'limit'=>20,
        ],
        'checkbox'=>0,
        'autosave'=>1,
        'row'=>[
                'id'=>[],
                'partner_condition_multi'=>[
                    'class'=>'TV',
                    ],
                'keywords'=>[
                    'class'=>'TV',
                    'edit'=>[
                        'type'=>'text',
                        'where_field'=>'`TVkeywords`.`value`',
                        'search_fields' => [
                            'contentid' => 'id',
                            'tmplvarid' => 6,
                        ]
                    ]
                   ],
                'test'=>[
                    'label'=>'quickview',
                    'content'=>'<a >da</a>',
                    ],
            ],
    ],
]}

Ещё предложение добавить словари для настройки, а то когда переходишь в систему управления — описание нету и сложно додуматься, что для чего нужно. Спасибо

'update' =>[
                'action'=>'getTable/update',
                'title'=>'Изменить',
                'cls' => 'quickview',
                'click' => '',
                'quickview-mode' => 'modal',
                'row' => [],
                'icon' => 'far fa-edit',
                'modal' => [
                    'action' => 'getModal/fetchTableModal',
                    'tpl'=>'b4.getTable.Modal.CreateUpdate.tpl',
                ],

Было-бы неплохо давать возможность добавлять атрибуты на кнопку, чтобы появилась возможность связи с quickview

Класс добавился, а вот другие данные нет

Бутстрап грузится от quickview, а из gettables_mgr_framework_style_css — не грузит (в моём случае это хорошо, потом сделаю на quickview). Но для табсов ещё пока застрял на конфиге.

// gettables
<button type="button" class="btn get-table-row " data-name="update" data-action="getTable/update" data-modal="getModal/fetchTableModal" title="Изменить">

</button>

// quickview
<a class="quickview"
			data-click
			data-quickview-mode="modal"
			data-data-action="chunk"
			data-data-element="test"
			data-data-id="1"
			data-dialog-buttons='["close"]'
			> </a>

Вот думаю, как их объединить…
— gettables update выводит ругать в консоль, а именно сам вывод в феном, сейчас думаю объединить с quickview, но с update, что-то я не так делаю, возможно там не надо указывать параметров?

{'getTable' | snippet : [
    'table'=>[
        'class'=>'modResource',
        'actions'=>[
            'create'=>[
            ],
            'update' =>[
                'action'=>'getTable/update',
                'title'=>'Изменить',
                'cls' => '',
                
                'row' => [],
                'icon' => 'far fa-edit',
                'modal' => [
                    'action' => 'getModal/fetchTableModal',
                    'tpl'=>'b4.getTable.Modal.CreateUpdate.tpl',
                ],
                'processors'=>['modResource'=>'resource/update'],
            ],

да и не разобрался ещё какой чанк отвечает за actions

Отпишусь обязательно, пока только тестировать начал. Компонент очень нужный

Создал системную настройку gettables_admin. в неё записал:

{
    "table": {
        "class": "modResource",
        "actions": {
            "create": [],
            "update": []
        },
        "pdoTools": {
            "class": "modResource",
            "parents": 10,
            "includeTVs": "keywords,partner_condition_multi",
            "where": {"template": 24},
            "limit": 20
        },
        "checkbox": 0,
        "autosave": 1,
        "row": {
            "id": [],
            "partner_condition_multi": {
                "class": "TV"
            },
            "keywords": {
                "class": "TV"
            }
        }
    }
}
// Вывел, так
[[!getTabs? &config=`gettables_admin`]]

Но по прежнему — Нет конфига tabs!

[[!getTabs? &config=`gtsreview_admin`]]

На выходе пишет, что

Нет конфига tabs!

Уже пробовал создать системную настройку с параметрами из примера выше, но ничего не получилось. Хотелось бы про config узнать подробнее