├── renovate.json
├── view
    ├── base
    │   └── web
    │   │   ├── css
    │   │       └── source
    │   │       │   └── _module.less
    │   │   ├── template
    │   │       └── grid
    │   │       │   ├── refresh
    │   │       │       └── refresh.html
    │   │       │   ├── sticky
    │   │       │       └── sticky.html
    │   │       │   └── toolbar.html
    │   │   └── js
    │   │       └── grid
    │   │           └── refresh
    │   │               └── refresh.js
    └── adminhtml
    │   └── ui_component
    │       └── sales_order_grid.xml
├── registration.php
├── composer.json
├── etc
    └── module.xml
├── .github
    └── FUNDING.yml
├── .gitignore
├── LICENSE
└── README.md


/renovate.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": [
3 |     "config:base"
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/view/base/web/css/source/_module.less:
--------------------------------------------------------------------------------
 1 | .data-grid-filters-action-wrap {
 2 |     .action-default.adapttive-action-refresh {
 3 |         padding-left: 0.7rem !important;
 4 |         padding-right: 0.5rem !important;
 5 |         &:before {
 6 |             content: '\e61f' !important;
 7 |         }
 8 |     }
 9 | }
10 | 


--------------------------------------------------------------------------------
/view/base/web/template/grid/refresh/refresh.html:
--------------------------------------------------------------------------------
1 | <div class="data-grid-filters-actions-wrap">
2 |     <div class="data-grid-filters-action-wrap">
3 |         <button class="action-default adapttive-action-refresh" type="button" attr="title: $t('Refresh')" click="refresh" disable="loading()"></button>
4 |     </div>
5 | </div>
6 | 


--------------------------------------------------------------------------------
/registration.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  *
 4 |  * Adapttive/Ui: module for Magento2 provides enhanced ui grid with refresh and conditional filters
 5 |  *
 6 |  * @category PHP
 7 |  * @package Adapttive
 8 |  * @subpackage Ui
 9 |  * @author Milind Singh <hello@adapttive.com>
10 |  * @copyright 2020 Milind Singh
11 |  * @license MIT
12 |  * @version 1.0.0
13 |  */
14 | 
15 | use \Magento\Framework\Component\ComponentRegistrar;
16 | 
17 | ComponentRegistrar::register(ComponentRegistrar::MODULE, 'Adapttive_Ui', __DIR__);
18 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "adapttive/advance-grid",
 3 |     "description": "Module for Magento2 provides enhanced ui grid with refresh and conditional filters.",
 4 |     "type": "magento2-module",
 5 |     "require": {
 6 |         "php": "~7.1.3||~7.2.0||~7.3.0||~7.4.0",
 7 |         "magento/module-ui": "101.1.*",
 8 |         "magento/framework": "102.0.*"
 9 |     },
10 |     "license": [
11 |         "MIT"
12 |     ],
13 |     "autoload": {
14 |         "files": [
15 |             "registration.php"
16 |         ],
17 |         "psr-4": {
18 |             "Adapttive\\Ui\\": ""
19 |         }
20 |     },
21 |     "version": "1.0.0"
22 | }
23 | 


--------------------------------------------------------------------------------
/etc/module.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <!--
 3 | /**
 4 |  *
 5 |  * Adapttive/Ui: module for Magento2 provides enhanced ui grid with refresh and conditional filters
 6 |  *
 7 |  * @category XML
 8 |  * @package Adapttive
 9 |  * @subpackage Ui
10 |  * @author Milind Singh <hello@adapttive.com>
11 |  * @copyright 2020 Milind Singh
12 |  * @license MIT
13 |  * @version 1.0.0
14 |  */
15 | -->
16 | <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
17 |     <module name="Adapttive_Ui" >
18 |         <sequence>
19 |             <module name="Magento_Ui"/>
20 |         </sequence>
21 |     </module>
22 | </config>
23 | 


--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
 1 | # These are supported funding model platforms
 2 | 
 3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
 4 | patreon: adapttive # Replace with a single Patreon username
 5 | open_collective: # Replace with a single Open Collective username
 6 | ko_fi: # Replace with a single Ko-fi username
 7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
 9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
13 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | #--------------------------#
 2 | # Magento Default Files    #
 3 | #--------------------------#
 4 | 
 5 | /PATCH_*.sh
 6 | 
 7 | /app/etc/local.xml
 8 | 
 9 | /media/*
10 | !/media/.htaccess
11 | 
12 | !/media/customer
13 | /media/customer/*
14 | !/media/customer/.htaccess
15 | 
16 | !/media/dhl
17 | /media/dhl/*
18 | !/media/dhl/logo.jpg
19 | 
20 | !/media/downloadable
21 | /media/downloadable/*
22 | !/media/downloadable/.htaccess
23 | 
24 | !/media/xmlconnect
25 | /media/xmlconnect/*
26 | 
27 | !/media/xmlconnect/custom
28 | /media/xmlconnect/custom/*
29 | !/media/xmlconnect/custom/ok.gif
30 | 
31 | !/media/xmlconnect/original
32 | /media/xmlconnect/original/*
33 | !/media/xmlconnect/original/ok.gif
34 | 
35 | !/media/xmlconnect/system
36 | /media/xmlconnect/system/*
37 | !/media/xmlconnect/system/ok.gif
38 | 
39 | /var/*
40 | !/var/.htaccess
41 | 
42 | !/var/package
43 | /var/package/*
44 | !/var/package/*.xml
45 | 
46 | 


--------------------------------------------------------------------------------
/view/adminhtml/ui_component/sales_order_grid.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <!--
 3 | /**
 4 |  *
 5 |  * Adapttive/Ui: module for Magento2 provides enhanced ui grid with refresh and conditional filters
 6 |  *
 7 |  * @category XML
 8 |  * @package Adapttive
 9 |  * @subpackage Ui
10 |  * @author Milind Singh <hello@adapttive.com>
11 |  * @copyright 2020 Milind Singh
12 |  * @license MIT
13 |  * @version 1.0.0
14 |  */
15 | -->
16 | <listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
17 |          xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
18 |     <listingToolbar name="listing_top" template="Adapttive_Ui/grid/toolbar">
19 |         <argument name="data" xsi:type="array">
20 |             <item name="config" xsi:type="array">
21 |                 <item name="stickyTmpl" xsi:type="string">Adapttive_Ui/grid/sticky/sticky</item>
22 |             </item>
23 |         </argument>
24 |         <component name="listing_refresh" component="Adapttive_Ui/js/grid/refresh/refresh"/>
25 |     </listingToolbar>
26 | </listing>
27 | 


--------------------------------------------------------------------------------
/view/base/web/js/grid/refresh/refresh.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * @api
 3 |  */
 4 | define([
 5 |     'ko',
 6 |     'underscore',
 7 |     'mageUtils',
 8 |     'uiLayout',
 9 |     'uiElement'
10 | ], function (ko, _, utils, layout, Element) {
11 |     'use strict';
12 | 
13 |     return Element.extend({
14 |         defaults: {
15 |             template: 'Adapttive_Ui/grid/refresh/refresh',
16 |         },
17 | 
18 |         /**
19 |          * Initializes paging component.
20 |          *
21 |          * @returns {Refresh} Chainable.
22 |          */
23 |         initialize: function () {
24 |             this._super();
25 |             return this;
26 |         },
27 | 
28 | 
29 |         /**
30 |          * Refresh the current page.
31 |          *
32 |          * @returns {Refresh} Chainable.
33 |          */
34 |         refresh: function () {
35 |             this.source.initStorage().clearData();
36 |             this.source.reload({"refresh":true});
37 |             return this;
38 |         },
39 | 
40 |         loading: function () {
41 |             return false
42 |         }
43 |     });
44 | });
45 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 Milind Singh <hello@adapttive.com>
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/view/base/web/template/grid/sticky/sticky.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | /**
 3 |  * Copyright © Magento, Inc. All rights reserved.
 4 |  * See COPYING.txt for license details.
 5 |  */
 6 | -->
 7 | <div style="display: none;" css="stickyClass" afterRender="setStickyNode">
 8 |     <span class="data-grid-cap-left" afterRender="setLeftCap"/>
 9 |     <span class="data-grid-cap-right" afterRender="setRightCap"/>
10 | 
11 |     <div afterRender="setStickyToolbarNode">
12 |         <div class="admin__data-grid-header">
13 |             <div class="admin__data-grid-header-row">
14 |                 <scope args="requestChild('listing_massaction')" render=""/>
15 |                 <scope args="requestChild('listing_paging')" render="totalTmpl"/>
16 |                 <scope args="requestChild('listing_refresh')" render=""/>
17 |                 <each args="getRegion('dataGridFilters')" render=" $data.stickyTmpl || getTemplate()"/>
18 |                 <div class="admin__data-grid-actions-wrap" each="getRegion('dataGridActions')" render=""/>
19 |                 <scope args="requestChild('listing_paging')" render=""/>
20 |             </div>
21 |         </div>
22 | 
23 |         <scope args="requestChild('listing_filters_chips')" render="$data.stickyTmpl || getTemplate()"/>
24 | 
25 |         <scope args="columnsProvider" render="stickyTmpl"/>
26 |     </div>
27 | </div>
28 | 


--------------------------------------------------------------------------------
/view/base/web/template/grid/toolbar.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | /**
 3 |  * Copyright © Magento, Inc. All rights reserved.
 4 |  * See COPYING.txt for license details.
 5 |  */
 6 | -->
 7 | <div class="admin__data-grid-header" afterRender="$data.setToolbarNode">
 8 |     <div class="admin__data-grid-header-row">
 9 |         <div class="admin__data-grid-actions-wrap" each="getRegion('dataGridActions')" render=""/>
10 |         <each args="getRegion('dataGridFilters')" render=""/>
11 |     </div>
12 |     <div class="admin__data-grid-header-row row row-gutter">
13 |         <div class="col-xs-2" if="hasChild('listing_massaction')" ko-scope="requestChild('listing_massaction')" render=""/>
14 |         <div css="
15 |             'col-xs-10': hasChild('listing_massaction'),
16 |             'col-xs-12': !hasChild('listing_massaction')">
17 |             <div class="row">
18 |                 <!-- ko scope: requestChild('listing_paging') -->
19 |                 <div class="col-xs-3" render="totalTmpl"/>
20 |                 <!--/ko-->
21 |                 <div class="col-xs-9">
22 |                     <div class="row">
23 |                         <div class="col-xs-4" if="hasChild('listing_refresh')" ko-scope="requestChild('listing_refresh')" render=""/>
24 |                         <!-- ko scope: requestChild('listing_paging') -->
25 |                         <div class="col-xs-8" render=""></div>
26 |                         <!--/ko-->
27 |                     </div>
28 |                 </div>
29 |             </div>
30 |         </div>
31 |     </div>
32 | </div>
33 | 
34 | <render args="stickyTmpl" if="$data.sticky"/>
35 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # advance-grid
 2 | 
 3 | Module for Magento 2 provides enhanced ui grid with refresh and conditional filters
 4 | 
 5 | ![version](https://img.shields.io/packagist/v/adapttive/advance-grid)
 6 | ![php](https://img.shields.io/packagist/php-v/adapttive/advance-grid)
 7 | ![license](https://img.shields.io/packagist/l/adapttive/advance-grid) 
 8 | ![size](https://img.shields.io/github/repo-size/adapttive/advance-grid)
 9 | ![stars](https://img.shields.io/github/stars/adapttive/advance-grid?style=social)
10 | ![contributors](https://img.shields.io/github/contributors/adapttive/advance-grid)
11 | 
12 | ## installation
13 | 
14 | `composer require adapttive/advance-grid`
15 | 
16 | ## features
17 | 
18 | - **refresh**: without the page reload ![ready](https://img.shields.io/badge/refresh-ready-green)
19 | - **filter**: with conditions ![under-development](https://img.shields.io/badge/filter-under--development-yellow)
20 | - **locking**: of columns for horizontal scroll ![under-development](https://img.shields.io/badge/locking-under--development-yellow)
21 | - **ajax actions**: without grid reload for individual rows ![under-development](https://img.shields.io/badge/ajax_actions-under--development-yellow)
22 | 
23 | ## usage
24 | 
25 | ### refresh
26 | 
27 | - added to sales order grid by default
28 | - to add to other ui grids, add the following to ui grid xml:
29 | 
30 | ```xml
31 |    <listingToolbar name="listing_top" template="Adapttive_Ui/grid/toolbar">
32 |         <argument name="data" xsi:type="array">
33 |             <item name="config" xsi:type="array">
34 |                 <item name="stickyTmpl" xsi:type="string">Adapttive_Ui/grid/sticky/sticky</item>
35 |             </item>
36 |         </argument>
37 |         <component name="listing_refresh" component="Adapttive_Ui/js/grid/refresh/refresh"/>
38 |    </listingToolbar>
39 | ```
40 | 


--------------------------------------------------------------------------------