Magento Extensions Rating 2024
Magento 2 Documentation  2.3
Documentation for Magento 2 CMS v2.3 (December 2018)
module-grid.phtml
Go to the documentation of this file.
1 <?php
6 ?>
7 <h2 class="page-title">{{$state.current.header}}</h2>
8 
9 <div class="row" ng-show="modulesProcessed && total == 0">
10  <label class="form-label">
11  <b>We didn't find any modules at this time. Please try later.</b><br/>
12  </label>
13 </div>
14 <div class="admin__data-grid-outer-wrap" ng-show="modulesProcessed && total > 0">
15  <div class="admin__data-grid-header">
16  <div class="admin__data-grid-header-row row row-gutter">
17  <div class="col-xs-3">
18  <div class="admin__control-support-text module-summary">
19  <span class="module-summary-title">Available modules</span>
20  <span class="module-summary-count">{{total}} modules</span>
21  </div>
22  </div>
23  <div class="col-xs-9 admin__data-grid-pager-wrap"
24  ng-include="'<?= $this->basePath() ?>/pub/magento/setup/view/pagination.html'">
25  </div>
26  </div>
27  </div>
28  <div class="admin__data-grid-wrap" ng-show="$state.is('root.module')">
29  <table class="data-grid">
30  <thead data-part="head">
31  <tr>
32  <th class="data-grid-th _col-xs">
33  <span></span>
34  </th>
35  <th ng-click="order('name')"
36  ng-class="{'_ascend' : predicate === 'name' && !reverse,
37  '_descend' : predicate === 'name' && reverse}"
38  class="data-grid-th _sortable">
39  <span>Component Name</span>
40  </th>
41  <th ng-click="order('moduleName')"
42  ng-class="{'_ascend' : predicate === 'moduleName' && !reverse,
43  '_descend' : predicate === 'moduleName' && reverse}"
44  class="data-grid-th _sortable">
45  <span>Module Name</span>
46  </th>
47  <th ng-click="order('version')"
48  ng-class="{'_ascend' : predicate === 'version' && !reverse,
49  '_descend' : predicate === 'version' && reverse}"
50  class="data-grid-th _sortable">
51  <span>Version</span>
52  </th>
53  <th ng-click="order('vendor')"
54  ng-class="{'_ascend' : predicate === 'vendor' && !reverse,
55  '_descend' : predicate === 'vendor' && reverse}"
56  class="data-grid-th _sortable">
57  <span>Vendor</span>
58  </th>
59  <th class="data-grid-actions-cell data-grid-th">
60  <span>Action</span>
61  </th>
62  </tr>
63  </thead>
64  <tbody>
65  <tr ng-repeat="item in modules | orderBy:predicate:reverse
66  | startFrom:(currentPage - 1) * rowLimit | limitTo:rowLimit"
67  ng-class="{'_odd-row' : $index % 2}">
68  <td class="data-grid-indicator-cell">
69  <span class="component-indicator"
70  ng-class="getIndicatorInfo(item, 'icon')"
71  data-label="{{getIndicatorInfo(item, 'label')}}"
72  ><span>{{getIndicatorInfo(item, 'label')}}</span>
73  </span>
74  </td>
75  <td class="col-manager-item-name">
76  <div class="data-grid-data"
77  ng-click="showDependencies = !showDependencies"
78  ng-class="{'_show-dependencies': item.requiredBy.length > 0 && showDependencies,
79  '_hide-dependencies': item.requiredBy.length > 0 && !showDependencies,
80  '_no-dependencies': item.requiredBy.length == 0}">
81  {{item.package_title}}
82  </div>
83  <div class="product-modules-block" ng-show="item.requiredBy.length > 0 && showDependencies">
84  <div class="product-modules-title">
85  Packages currently using module
86  </div>
87  <div class="product-modules-descriprion">
88  Module Name
89  </div>
90  <ul class="product-modules-list">
91  <li ng-repeat="product in item.requiredBy">
92  <span class="component-indicator"
93  ng-class="getIndicatorInfo(product, 'icon')"
94  data-label="{{getIndicatorInfo(product, 'label')}}">
95  <span>{{getIndicatorInfo(product, 'label')}}</span>
96  </span>
97  {{product.package_title}}
98  </li>
99  </ul>
100  </div>
101  </td>
102  <td>
103  <div class="data-grid-data">{{item.moduleName}}</div>
104  <div class="product-modules-block" ng-show="item.requiredBy.length > 0 && showDependencies">
105  <div class="product-modules-title">
106  &nbsp;
107  </div>
108  <div class="product-modules-descriprion">
109  Package Type
110  </div>
111  <ul class="product-modules-list">
112  <li ng-repeat="product in item.requiredBy">
113  {{product.package_type}}
114  </li>
115  </ul>
116  </div>
117  </td>
118  <td>
119  <div class="data-grid-data">{{item.version}}</div>
120  <div class="product-modules-block" ng-show="item.requiredBy.length > 0 && showDependencies">
121  <div class="product-modules-title">
122  &nbsp;
123  </div>
124  <div class="product-modules-descriprion">
125  Version
126  </div>
127  <ul class="product-modules-list">
128  <li ng-repeat="product in item.requiredBy">
129  {{product.version}}
130  </li>
131  </ul>
132  </div>
133  </td>
134  <td>
135  <span class="data-grid-data">{{item.vendor}}</span>
136  </td>
137  <td class="data-grid-actions-cell">
138  <div class="action-select-wrap" ng-class="{'_active' : isActiveActionsCell(item)}">
139  <button class="action-select"
140  ng-click="toggleActiveActionsCell(item)"
141  ng-blur="closeActiveActionsCell(item)">
142  <span>Select</span>
143  </button>
144  <ul class="action-menu" ng-class="{'_active' : isActiveActionsCell(item)}">
145  <li ng-class="{'hide': item.enable}"
146  ng-mousedown="enableDisable('enable', item)">
147  <a class="action-menu-item item-enable">Enable</a>
148  </li>
149  <li ng-class="{'hide': !item.enable}"
150  ng-mousedown="enableDisable('disable', item)">
151  <a class="action-menu-item item-disable">Disable</a>
152  </li>
153  </ul>
154  </div>
155  </td>
156  </tr>
157  </tbody>
158  </table>
159  </div>
160 </div>