@bennerinformatics/ember-fw-table 2.1.4 → 2.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/addon/components/fw-table-resort.js +16 -2
- package/addon/templates/components/fw-table-resort.hbs +3 -0
- package/docs/api.js +61 -0
- package/docs/assets/css/custom.css +82 -0
- package/docs/assets/css/external-small.png +0 -0
- package/docs/assets/css/logo.png +0 -0
- package/docs/assets/css/main.css +793 -0
- package/docs/assets/css/theme.css +547 -0
- package/docs/assets/favicon.ico +0 -0
- package/docs/assets/icons/android-icon-144x144.png +0 -0
- package/docs/assets/icons/android-icon-192x192.png +0 -0
- package/docs/assets/icons/android-icon-36x36.png +0 -0
- package/docs/assets/icons/android-icon-48x48.png +0 -0
- package/docs/assets/icons/android-icon-72x72.png +0 -0
- package/docs/assets/icons/android-icon-96x96.png +0 -0
- package/docs/assets/icons/apple-icon-114x114.png +0 -0
- package/docs/assets/icons/apple-icon-120x120.png +0 -0
- package/docs/assets/icons/apple-icon-144x144.png +0 -0
- package/docs/assets/icons/apple-icon-152x152.png +0 -0
- package/docs/assets/icons/apple-icon-180x180.png +0 -0
- package/docs/assets/icons/apple-icon-57x57.png +0 -0
- package/docs/assets/icons/apple-icon-60x60.png +0 -0
- package/docs/assets/icons/apple-icon-72x72.png +0 -0
- package/docs/assets/icons/apple-icon-76x76.png +0 -0
- package/docs/assets/icons/apple-icon-precomposed.png +0 -0
- package/docs/assets/icons/apple-icon.png +0 -0
- package/docs/assets/icons/browserconfig.xml +2 -0
- package/docs/assets/icons/favicon-16x16.png +0 -0
- package/docs/assets/icons/favicon-32x32.png +0 -0
- package/docs/assets/icons/favicon-96x96.png +0 -0
- package/docs/assets/icons/favicon.ico +0 -0
- package/docs/assets/icons/manifest.json +41 -0
- package/docs/assets/icons/ms-icon-144x144.png +0 -0
- package/docs/assets/icons/ms-icon-150x150.png +0 -0
- package/docs/assets/icons/ms-icon-310x310.png +0 -0
- package/docs/assets/icons/ms-icon-70x70.png +0 -0
- package/docs/assets/img/ember-logo.png +0 -0
- package/docs/assets/img/fw-logo.png +0 -0
- package/docs/assets/img/spinner.gif +0 -0
- package/docs/assets/index.html +10 -0
- package/docs/assets/js/api-filter.js +56 -0
- package/docs/assets/js/api-list.js +255 -0
- package/docs/assets/js/api-search.js +98 -0
- package/docs/assets/js/apidocs.js +376 -0
- package/docs/assets/js/yui-prettify.js +17 -0
- package/docs/assets/js/yuidoc-bootstrap.js +274 -0
- package/docs/assets/vendor/bootstrap/css/bootstrap.css +6760 -0
- package/docs/assets/vendor/bootstrap/css/bootstrap.min.css +6 -0
- package/docs/assets/vendor/bootstrap/fonts/glyphicons-halflings-regular.eot +0 -0
- package/docs/assets/vendor/bootstrap/fonts/glyphicons-halflings-regular.svg +288 -0
- package/docs/assets/vendor/bootstrap/fonts/glyphicons-halflings-regular.ttf +0 -0
- package/docs/assets/vendor/bootstrap/fonts/glyphicons-halflings-regular.woff +0 -0
- package/docs/assets/vendor/bootstrap/fonts/glyphicons-halflings-regular.woff2 +0 -0
- package/docs/assets/vendor/bootstrap/img/glyphicons-halflings-white.png +0 -0
- package/docs/assets/vendor/bootstrap/img/glyphicons-halflings.png +0 -0
- package/docs/assets/vendor/bootstrap/js/bootstrap.js +2363 -0
- package/docs/assets/vendor/bootstrap/js/bootstrap.min.js +7 -0
- package/docs/assets/vendor/font-awesome/css/font-awesome.css +2199 -0
- package/docs/assets/vendor/font-awesome/css/font-awesome.min.css +4 -0
- package/docs/assets/vendor/font-awesome/fonts/FontAwesome.otf +0 -0
- package/docs/assets/vendor/font-awesome/fonts/fontawesome-webfont.eot +0 -0
- package/docs/assets/vendor/font-awesome/fonts/fontawesome-webfont.svg +685 -0
- package/docs/assets/vendor/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
- package/docs/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff +0 -0
- package/docs/assets/vendor/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
- package/docs/assets/vendor/github-slugger/slugger.js +59 -0
- package/docs/assets/vendor/jquery/jquery.min.js +6 -0
- package/docs/assets/vendor/jquery-ui/jquery-ui.min.js +6 -0
- package/docs/assets/vendor/prettify/CHANGES.html +130 -0
- package/docs/assets/vendor/prettify/COPYING +202 -0
- package/docs/assets/vendor/prettify/README.html +203 -0
- package/docs/assets/vendor/prettify/prettify-min.css +1 -0
- package/docs/assets/vendor/prettify/prettify-min.js +1 -0
- package/docs/classes/BaseCells.html +484 -0
- package/docs/classes/Export.html +457 -0
- package/docs/classes/Format.html +577 -0
- package/docs/classes/FwCellAction.html +312 -0
- package/docs/classes/FwCellBoolean.html +311 -0
- package/docs/classes/FwCellNullable.html +312 -0
- package/docs/classes/FwCellPermissionIcon.html +321 -0
- package/docs/classes/FwColumnSortable.html +358 -0
- package/docs/classes/FwColumnTitle.html +314 -0
- package/docs/classes/FwDeleteModal.html +485 -0
- package/docs/classes/FwExpandableRow.html +307 -0
- package/docs/classes/FwPaginationWrapper.html +2129 -0
- package/docs/classes/FwRowToggle.html +355 -0
- package/docs/classes/FwRowToggleIndex.html +312 -0
- package/docs/classes/FwTableExpandedRow.html +307 -0
- package/docs/classes/FwTableResort.html +827 -0
- package/docs/classes/FwTableSortable.html +1293 -0
- package/docs/classes/Row.html +352 -0
- package/docs/classes/Table.html +672 -0
- package/docs/classes/TableUtil.html +410 -0
- package/docs/classes/index.html +10 -0
- package/docs/data.json +2324 -0
- package/docs/elements/index.html +10 -0
- package/docs/files/addon_classes_Row.js.html +318 -0
- package/docs/files/addon_classes_Table.js.html +390 -0
- package/docs/files/addon_components_fw-cell-action.js.html +257 -0
- package/docs/files/addon_components_fw-cell-boolean.js.html +251 -0
- package/docs/files/addon_components_fw-cell-nullable.js.html +253 -0
- package/docs/files/addon_components_fw-cell-permission-icon.js.html +266 -0
- package/docs/files/addon_components_fw-column-sortable.js.html +281 -0
- package/docs/files/addon_components_fw-column-title.js.html +259 -0
- package/docs/files/addon_components_fw-delete-modal.js.html +318 -0
- package/docs/files/addon_components_fw-expandable-row.js.html +248 -0
- package/docs/files/addon_components_fw-pagination-wrapper.js.html +838 -0
- package/docs/files/addon_components_fw-row-toggle-index.js.html +252 -0
- package/docs/files/addon_components_fw-row-toggle.js.html +270 -0
- package/docs/files/addon_components_fw-table-expanded-row.js.html +261 -0
- package/docs/files/addon_components_fw-table-expanded-rows.js.html +263 -0
- package/docs/files/addon_components_fw-table-resort.js.html +457 -0
- package/docs/files/addon_components_fw-table-sortable.js.html +663 -0
- package/docs/files/addon_documentation.js.html +301 -0
- package/docs/files/addon_initializers_responsive.js.html +253 -0
- package/docs/files/addon_utils_base-cells.js.html +313 -0
- package/docs/files/addon_utils_export.js.html +316 -0
- package/docs/files/addon_utils_formats.js.html +335 -0
- package/docs/files/addon_utils_table.js.html +274 -0
- package/docs/files/index.html +10 -0
- package/docs/index.html +252 -0
- package/docs/modules/CellComponents.html +313 -0
- package/docs/modules/ColumnComponents.html +284 -0
- package/docs/modules/Components.html +285 -0
- package/docs/modules/Introduction.html +261 -0
- package/docs/modules/Utils.html +285 -0
- package/docs/modules/index.html +10 -0
- package/package.json +2 -2
- package/.yalc/ember-sortable/.huskyrc +0 -5
- package/.yalc/ember-sortable/CHANGELOG.md +0 -755
- package/.yalc/ember-sortable/CODE_OF_CONDUCT.md +0 -6
- package/.yalc/ember-sortable/LICENSE.md +0 -9
- package/.yalc/ember-sortable/MIGRATION_GUIDE_MODIFIERS.md +0 -95
- package/.yalc/ember-sortable/MIGRATION_GUIDE_V2.md +0 -120
- package/.yalc/ember-sortable/Makefile +0 -24
- package/.yalc/ember-sortable/README.md +0 -423
- package/.yalc/ember-sortable/RELEASE.md +0 -60
- package/.yalc/ember-sortable/V2_MIGRATION_RFC.md +0 -1100
- package/.yalc/ember-sortable/addon/modifiers/sortable-group.js +0 -754
- package/.yalc/ember-sortable/addon/modifiers/sortable-handle.js +0 -29
- package/.yalc/ember-sortable/addon/modifiers/sortable-item.js +0 -869
- package/.yalc/ember-sortable/addon/services/ember-sortable.js +0 -92
- package/.yalc/ember-sortable/addon/system/scroll-container.js +0 -53
- package/.yalc/ember-sortable/addon/system/scroll-parent.js +0 -33
- package/.yalc/ember-sortable/addon/utils/constant.js +0 -9
- package/.yalc/ember-sortable/addon/utils/coordinate.js +0 -34
- package/.yalc/ember-sortable/addon/utils/css-calculation.js +0 -20
- package/.yalc/ember-sortable/addon/utils/defaults.js +0 -26
- package/.yalc/ember-sortable/addon/utils/keyboard.js +0 -32
- package/.yalc/ember-sortable/addon-test-support/helpers/drag.js +0 -111
- package/.yalc/ember-sortable/addon-test-support/helpers/index.js +0 -4
- package/.yalc/ember-sortable/addon-test-support/helpers/reorder.js +0 -41
- package/.yalc/ember-sortable/addon-test-support/utils/keyboard.js +0 -32
- package/.yalc/ember-sortable/addon-test-support/utils/offset.js +0 -14
- package/.yalc/ember-sortable/app/modifiers/sortable-group.js +0 -1
- package/.yalc/ember-sortable/app/modifiers/sortable-handle.js +0 -1
- package/.yalc/ember-sortable/app/modifiers/sortable-item.js +0 -1
- package/.yalc/ember-sortable/app/services/ember-sortable-internal-state.js +0 -1
- package/.yalc/ember-sortable/config/environment.js +0 -5
- package/.yalc/ember-sortable/demo.gif +0 -0
- package/.yalc/ember-sortable/index.js +0 -5
- package/.yalc/ember-sortable/package.json +0 -65
- package/.yalc/ember-sortable/yalc.sig +0 -1
- package/yalc.lock +0 -10
|
@@ -0,0 +1,577 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>Format - Ember-FW-Table</title>
|
|
6
|
+
<meta name="description" content="A set of components surrounding the functionality of the fw-table-sortable, which is a simplified table, with ember-light-table as its internals.">
|
|
7
|
+
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
|
|
8
|
+
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
|
|
9
|
+
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
|
|
10
|
+
<link rel="stylesheet" href="../assets/css/custom.css">
|
|
11
|
+
<link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.css">
|
|
12
|
+
<link rel="stylesheet" href="../assets/vendor/font-awesome/css/font-awesome.min.css">
|
|
13
|
+
<link rel="stylesheet" href="../assets/css/theme.css">
|
|
14
|
+
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700' rel='stylesheet' type='text/css'>
|
|
15
|
+
<!-- favicon information -->
|
|
16
|
+
<link rel="apple-touch-icon" sizes="57x57" href="/assets/icons/apple-icon-57x57.png">
|
|
17
|
+
<link rel="apple-touch-icon" sizes="60x60" href="/assets/icons/apple-icon-60x60.png">
|
|
18
|
+
<link rel="apple-touch-icon" sizes="72x72" href="/assets/icons/apple-icon-72x72.png">
|
|
19
|
+
<link rel="apple-touch-icon" sizes="76x76" href="/assets/icons/apple-icon-76x76.png">
|
|
20
|
+
<link rel="apple-touch-icon" sizes="114x114" href="/assets/icons/apple-icon-114x114.png">
|
|
21
|
+
<link rel="apple-touch-icon" sizes="120x120" href="/assets/icons/apple-icon-120x120.png">
|
|
22
|
+
<link rel="apple-touch-icon" sizes="144x144" href="/assets/icons/apple-icon-144x144.png">
|
|
23
|
+
<link rel="apple-touch-icon" sizes="152x152" href="/assets/icons/apple-icon-152x152.png">
|
|
24
|
+
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-icon-180x180.png">
|
|
25
|
+
<link rel="icon" type="image/png" sizes="192x192" href="/assets/icons/android-icon-192x192.png">
|
|
26
|
+
<link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32x32.png">
|
|
27
|
+
<link rel="icon" type="image/png" sizes="96x96" href="/assets/icons/favicon-96x96.png">
|
|
28
|
+
<link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16x16.png">
|
|
29
|
+
<link rel="manifest" href="/assets/icons/manifest.json">
|
|
30
|
+
<meta name="msapplication-TileImage" content="/assets/icons/ms-icon-144x144.png">
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
<style>
|
|
34
|
+
body a {
|
|
35
|
+
color: #7E3DB7;
|
|
36
|
+
}
|
|
37
|
+
body a:hover {
|
|
38
|
+
color: #7E3DB7;
|
|
39
|
+
opacity: 0.5;
|
|
40
|
+
}
|
|
41
|
+
.navbar.navbar-default .navbar-nav> li> a:focus, .navbar.navbar-default .navbar-nav> li> a:hover {
|
|
42
|
+
color: #7E3DB7;
|
|
43
|
+
}
|
|
44
|
+
.navbar.navbar-default .navbar-nav> .active> a, .navbar.navbar-default .navbar-nav> .active> a:focus, .navbar.navbar-default .navbar-nav> .active> a:hover {
|
|
45
|
+
color: #7E3DB7;
|
|
46
|
+
}
|
|
47
|
+
#docs-main .page-header {
|
|
48
|
+
color: #7E3DB7;
|
|
49
|
+
}
|
|
50
|
+
#docs-main .page-section .nav-tabs {
|
|
51
|
+
border-bottom: 1px solid #7E3DB7;
|
|
52
|
+
}
|
|
53
|
+
#docs-main .page-section .nav-tabs> li.active a {
|
|
54
|
+
background: #7E3DB7;
|
|
55
|
+
border: 1px solid #7E3DB7;
|
|
56
|
+
}
|
|
57
|
+
#sidebar li.panel .panel-body ol> li.active, #sidebar li.panel .panel-body ol> li:hover {
|
|
58
|
+
background: #efefef;
|
|
59
|
+
}
|
|
60
|
+
</style>
|
|
61
|
+
</head>
|
|
62
|
+
<body>
|
|
63
|
+
<nav class="navbar navbar-default">
|
|
64
|
+
<div class="container-fluid">
|
|
65
|
+
<div class="navbar-header">
|
|
66
|
+
<a href="../" class="navbar-brand">
|
|
67
|
+
<img src="..\assets\img\fw-logo.png" alt="enterprise logo">
|
|
68
|
+
<span>Ember-FW-Table (API)</span>
|
|
69
|
+
</a>
|
|
70
|
+
</div>
|
|
71
|
+
|
|
72
|
+
<div class="collapse navbar-collapse" id="nav">
|
|
73
|
+
<ul class="nav navbar-nav navbar-right">
|
|
74
|
+
<li><a href="https://linformatics.bitbucket.io/docs/">Docs</a></li>
|
|
75
|
+
<li><a href="https://linformatics.bitbucket.io/downloads/">Downloads</a></li>
|
|
76
|
+
<li><a href="https://linformatics.bitbucket.io/api/">API</a></li>
|
|
77
|
+
<li><a href="https://bitbucket.org/linformatics/ember-fw-table" class="fa fa-github github"></a></li>
|
|
78
|
+
</ul>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
</nav>
|
|
82
|
+
<div id="main-wrapper" class="row">
|
|
83
|
+
<div id="content-wrapper">
|
|
84
|
+
<ol class="panel-group" id="sidebar" role="tablist" aria-multiselectable="true">
|
|
85
|
+
<li class="panel panel-default">
|
|
86
|
+
<div class="panel-heading" role="tab" id="sidebar-search-heading">
|
|
87
|
+
<h4 class="panel-title">
|
|
88
|
+
<a role="button" data-toggle="collapse" href="#sidebar-search" aria-expanded="true" aria-controls="collapseOne">
|
|
89
|
+
Search
|
|
90
|
+
</a>
|
|
91
|
+
</h4>
|
|
92
|
+
</div>
|
|
93
|
+
<div id="sidebar-search" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="sidebar-search-heading">
|
|
94
|
+
<div class="panel-body">
|
|
95
|
+
<div id="api-tabview-filter">
|
|
96
|
+
<input type="search" id="api-filter" placeholder="Search...">
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
</li>
|
|
101
|
+
<li class="panel panel-default">
|
|
102
|
+
<div class="panel-heading" role="tab" id="sidebar-version-heading">
|
|
103
|
+
<h4 class="panel-title">
|
|
104
|
+
<a role="button" href="https://bitbucket.org/linformatics/ember-fw-table/commits/04d3b2ce" target="_blank">
|
|
105
|
+
Tag: 2.1.4.04d3b2ce
|
|
106
|
+
</a>
|
|
107
|
+
</h4>
|
|
108
|
+
</div>
|
|
109
|
+
</li>
|
|
110
|
+
<li class="panel panel-default">
|
|
111
|
+
<div class="panel-heading" role="tab" id="sidebar-modules-heading">
|
|
112
|
+
<h4 class="panel-title">
|
|
113
|
+
<a role="button" data-toggle="collapse" href="#sidebar-modules" aria-expanded="true" aria-controls="collapseOne">
|
|
114
|
+
Modules
|
|
115
|
+
</a>
|
|
116
|
+
</h4>
|
|
117
|
+
</div>
|
|
118
|
+
<div id="sidebar-modules" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="sidebar-modules-heading">
|
|
119
|
+
<div class="panel-body">
|
|
120
|
+
<ol>
|
|
121
|
+
<li>
|
|
122
|
+
<a href="../modules/CellComponents.html">CellComponents</a>
|
|
123
|
+
</li>
|
|
124
|
+
<li>
|
|
125
|
+
<a href="../modules/ColumnComponents.html">ColumnComponents</a>
|
|
126
|
+
</li>
|
|
127
|
+
<li>
|
|
128
|
+
<a href="../modules/Components.html">Components</a>
|
|
129
|
+
</li>
|
|
130
|
+
<li>
|
|
131
|
+
<a href="../modules/Introduction.html">Introduction</a>
|
|
132
|
+
</li>
|
|
133
|
+
<li>
|
|
134
|
+
<a href="../modules/Utils.html">Utils</a>
|
|
135
|
+
</li>
|
|
136
|
+
</ol>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
</li>
|
|
140
|
+
|
|
141
|
+
<li class="panel panel-default">
|
|
142
|
+
<div class="panel-heading" role="tab" id="sidebar-classes-heading">
|
|
143
|
+
<h4 class="panel-title">
|
|
144
|
+
<a role="button" data-toggle="collapse" href="#sidebar-classes" aria-expanded="true" aria-controls="collapseOne">
|
|
145
|
+
Classes
|
|
146
|
+
</a>
|
|
147
|
+
</h4>
|
|
148
|
+
</div>
|
|
149
|
+
<div id="sidebar-classes" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="sidebar-classes-heading">
|
|
150
|
+
<div class="panel-body">
|
|
151
|
+
<ol>
|
|
152
|
+
<li>
|
|
153
|
+
<a href="../classes/BaseCells.html">BaseCells</a>
|
|
154
|
+
</li>
|
|
155
|
+
<li>
|
|
156
|
+
<a href="../classes/Export.html">Export</a>
|
|
157
|
+
</li>
|
|
158
|
+
<li>
|
|
159
|
+
<a href="../classes/Format.html">Format</a>
|
|
160
|
+
</li>
|
|
161
|
+
<li>
|
|
162
|
+
<a href="../classes/FwCellAction.html">FwCellAction</a>
|
|
163
|
+
</li>
|
|
164
|
+
<li>
|
|
165
|
+
<a href="../classes/FwCellBoolean.html">FwCellBoolean</a>
|
|
166
|
+
</li>
|
|
167
|
+
<li>
|
|
168
|
+
<a href="../classes/FwCellNullable.html">FwCellNullable</a>
|
|
169
|
+
</li>
|
|
170
|
+
<li>
|
|
171
|
+
<a href="../classes/FwCellPermissionIcon.html">FwCellPermissionIcon</a>
|
|
172
|
+
</li>
|
|
173
|
+
<li>
|
|
174
|
+
<a href="../classes/FwColumnSortable.html">FwColumnSortable</a>
|
|
175
|
+
</li>
|
|
176
|
+
<li>
|
|
177
|
+
<a href="../classes/FwColumnTitle.html">FwColumnTitle</a>
|
|
178
|
+
</li>
|
|
179
|
+
<li>
|
|
180
|
+
<a href="../classes/FwDeleteModal.html">FwDeleteModal</a>
|
|
181
|
+
</li>
|
|
182
|
+
<li>
|
|
183
|
+
<a href="../classes/FwPaginationWrapper.html">FwPaginationWrapper</a>
|
|
184
|
+
</li>
|
|
185
|
+
<li>
|
|
186
|
+
<a href="../classes/FwRowToggle.html">FwRowToggle</a>
|
|
187
|
+
</li>
|
|
188
|
+
<li>
|
|
189
|
+
<a href="../classes/FwRowToggleIndex.html">FwRowToggleIndex</a>
|
|
190
|
+
</li>
|
|
191
|
+
<li>
|
|
192
|
+
<a href="../classes/FwTableResort.html">FwTableResort</a>
|
|
193
|
+
</li>
|
|
194
|
+
<li>
|
|
195
|
+
<a href="../classes/FwTableSortable.html">FwTableSortable</a>
|
|
196
|
+
</li>
|
|
197
|
+
<li>
|
|
198
|
+
<a href="../classes/Row.html">Row</a>
|
|
199
|
+
</li>
|
|
200
|
+
<li>
|
|
201
|
+
<a href="../classes/Table.html">Table</a>
|
|
202
|
+
</li>
|
|
203
|
+
<li>
|
|
204
|
+
<a href="../classes/TableUtil.html">TableUtil</a>
|
|
205
|
+
</li>
|
|
206
|
+
</ol>
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
</li>
|
|
210
|
+
</ol>
|
|
211
|
+
<div class="content-container">
|
|
212
|
+
<div class="apidocs">
|
|
213
|
+
<div id="docs-main">
|
|
214
|
+
<div class="content">
|
|
215
|
+
|
|
216
|
+
|
|
217
|
+
<div class="page-header">
|
|
218
|
+
<h1> <i class="fa fa-bookmark-o" aria-hidden="true"></i> Format Class
|
|
219
|
+
<a class="pull-right file-edit" href="https://bitbucket.org/linformatics/ember-fw-table/src/04d3b2ce/addon\utils\formats.js#L4" target="_blank">
|
|
220
|
+
<i class="fa fa-pencil" aria-hidden="true"></i>
|
|
221
|
+
</a>
|
|
222
|
+
</h1>
|
|
223
|
+
</div>
|
|
224
|
+
|
|
225
|
+
|
|
226
|
+
<div class="content-meta">
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
Module: <a href="../modules/Utils.html">Utils</a>
|
|
230
|
+
|
|
231
|
+
|
|
232
|
+
<div class="foundat">
|
|
233
|
+
Defined In: <a href="https://bitbucket.org/linformatics/ember-fw-table/src/04d3b2ce/addon\utils\formats.js#L4">addon\utils\formats.js:4</a>
|
|
234
|
+
</div>
|
|
235
|
+
</div>
|
|
236
|
+
|
|
237
|
+
|
|
238
|
+
|
|
239
|
+
<div class="class-description">
|
|
240
|
+
<p>These utils are designed for helping you be able to easily format a column by passing this function into the <code>format</code> attribute of the column. To use these functions, all you need to do
|
|
241
|
+
is import them at the top of the Javascript file, with the following import:</p>
|
|
242
|
+
<pre class="code prettyprint"><code class="language-js">import {functionName} from '@bennerinformatics/ember-fw-table/utils/formats';
|
|
243
|
+
</code></pre>
|
|
244
|
+
<p>Then you use it in the column array to format it appropriately. Each function gives you an example of how to use it.</p>
|
|
245
|
+
|
|
246
|
+
</div>
|
|
247
|
+
|
|
248
|
+
<div>
|
|
249
|
+
<div class="page-section">
|
|
250
|
+
<!-- Nav tabs -->
|
|
251
|
+
<ul class="nav nav-tabs" role="tablist">
|
|
252
|
+
<li role="presentation" class="active"><a href="#tab_index" aria-controls="tab_index" role="tab" data-toggle="tab">Index</a></li>
|
|
253
|
+
<li role="presentation"><a href="#tab_methods" aria-controls="tab_methods" role="tab" data-toggle="tab">Methods</a></li>
|
|
254
|
+
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
</ul>
|
|
258
|
+
|
|
259
|
+
<!-- Tab panes -->
|
|
260
|
+
<div class="tab-content">
|
|
261
|
+
|
|
262
|
+
<form id="options-form" class="form-inline">
|
|
263
|
+
Show:
|
|
264
|
+
<label for="api-show-inherited" class="checkbox">
|
|
265
|
+
<input type="checkbox" id="api-show-inherited" checked>
|
|
266
|
+
Inherited
|
|
267
|
+
</label>
|
|
268
|
+
|
|
269
|
+
<label for="api-show-protected" class="checkbox">
|
|
270
|
+
<input type="checkbox" id="api-show-protected">
|
|
271
|
+
Protected
|
|
272
|
+
</label>
|
|
273
|
+
|
|
274
|
+
<label for="api-show-private" class="checkbox">
|
|
275
|
+
<input type="checkbox" id="api-show-private">
|
|
276
|
+
Private
|
|
277
|
+
</label>
|
|
278
|
+
<label for="api-show-deprecated" class="checkbox">
|
|
279
|
+
<input type="checkbox" id="api-show-deprecated">
|
|
280
|
+
Deprecated
|
|
281
|
+
</label>
|
|
282
|
+
|
|
283
|
+
</form>
|
|
284
|
+
|
|
285
|
+
<div id="tab_index" role="tabpanel" class="tab-pane active" >
|
|
286
|
+
<div class="index-section methods">
|
|
287
|
+
<h3>Methods</h3>
|
|
288
|
+
|
|
289
|
+
<ul class="index-list methods">
|
|
290
|
+
<li class="index-item method">
|
|
291
|
+
<a href="#method_formatBoolean">formatBoolean</a>
|
|
292
|
+
|
|
293
|
+
</li>
|
|
294
|
+
<li class="index-item method">
|
|
295
|
+
<a href="#method_formatMoment">formatMoment</a>
|
|
296
|
+
|
|
297
|
+
</li>
|
|
298
|
+
<li class="index-item method">
|
|
299
|
+
<a href="#method_formatNullable">formatNullable</a>
|
|
300
|
+
|
|
301
|
+
</li>
|
|
302
|
+
</ul>
|
|
303
|
+
</div>
|
|
304
|
+
|
|
305
|
+
|
|
306
|
+
|
|
307
|
+
</div>
|
|
308
|
+
|
|
309
|
+
<div id="tab_methods" role="tabpanel" class="tab-pane">
|
|
310
|
+
<div class="item-list">
|
|
311
|
+
<div id="method_formatBoolean" class="method item">
|
|
312
|
+
<span class="method-signature">
|
|
313
|
+
<span class="name anchorable-toc">
|
|
314
|
+
<a class="fa fa-link toc-anchor" href="#method_formatBoolean"></a>
|
|
315
|
+
formatBoolean
|
|
316
|
+
</span>
|
|
317
|
+
|
|
318
|
+
<div class="args">
|
|
319
|
+
<span class="paren">(</span><ul class="args-list inline commas">
|
|
320
|
+
<li class="arg">
|
|
321
|
+
<code>value</code>
|
|
322
|
+
</li>
|
|
323
|
+
</ul><span class="paren">)</span>
|
|
324
|
+
</div>
|
|
325
|
+
<span class="returns-inline">
|
|
326
|
+
<span class="type"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
|
|
327
|
+
</span>
|
|
328
|
+
</span>
|
|
329
|
+
|
|
330
|
+
|
|
331
|
+
|
|
332
|
+
|
|
333
|
+
|
|
334
|
+
|
|
335
|
+
|
|
336
|
+
<div class="meta">
|
|
337
|
+
<p>
|
|
338
|
+
Defined in
|
|
339
|
+
<a href="https://bitbucket.org/linformatics/ember-fw-table/src/04d3b2ce/addon\utils\formats.js#L14">addon\utils\formats.js:14</a>
|
|
340
|
+
</p>
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
|
|
344
|
+
</div>
|
|
345
|
+
|
|
346
|
+
<div class="description"><p>Format function which replaces the value with a basic Yes/No format for if its true or false. Designed to be used in the following way with a boolean column (after importing <code>formatBoolean</code> in the way described above):</p>
|
|
347
|
+
<pre class="code prettyprint"><code class="language-js">column: [{
|
|
348
|
+
label: 'My Boolean',
|
|
349
|
+
valuePath: 'myBoolean',
|
|
350
|
+
format: formatBoolean
|
|
351
|
+
...
|
|
352
|
+
}...],</code></pre>
|
|
353
|
+
</div>
|
|
354
|
+
|
|
355
|
+
<div class="params">
|
|
356
|
+
<h4>Parameters:</h4>
|
|
357
|
+
|
|
358
|
+
<ul class="params-list">
|
|
359
|
+
<li class="param">
|
|
360
|
+
<code class="param-name">value</code>
|
|
361
|
+
<span class="type">Any</span>
|
|
362
|
+
|
|
363
|
+
|
|
364
|
+
<div class="param-description"><p>Value to test</p>
|
|
365
|
+
</div>
|
|
366
|
+
|
|
367
|
+
</li>
|
|
368
|
+
</ul>
|
|
369
|
+
</div>
|
|
370
|
+
|
|
371
|
+
<div class="returns">
|
|
372
|
+
<h4>Returns:</h4>
|
|
373
|
+
|
|
374
|
+
<div class="returns-description">
|
|
375
|
+
<span class="type"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>:
|
|
376
|
+
<p>"Yes" if the value is truthy, "No" otherwise</p>
|
|
377
|
+
|
|
378
|
+
</div>
|
|
379
|
+
</div>
|
|
380
|
+
|
|
381
|
+
</div>
|
|
382
|
+
<div id="method_formatMoment" class="method item">
|
|
383
|
+
<span class="method-signature">
|
|
384
|
+
<span class="name anchorable-toc">
|
|
385
|
+
<a class="fa fa-link toc-anchor" href="#method_formatMoment"></a>
|
|
386
|
+
formatMoment
|
|
387
|
+
</span>
|
|
388
|
+
|
|
389
|
+
<div class="args">
|
|
390
|
+
<span class="paren">(</span><ul class="args-list inline commas">
|
|
391
|
+
<li class="arg">
|
|
392
|
+
<code>format</code>
|
|
393
|
+
</li>
|
|
394
|
+
<li class="arg">
|
|
395
|
+
<code>exportFormat</code>
|
|
396
|
+
</li>
|
|
397
|
+
</ul><span class="paren">)</span>
|
|
398
|
+
</div>
|
|
399
|
+
<span class="returns-inline">
|
|
400
|
+
<span class="type"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
|
|
401
|
+
</span>
|
|
402
|
+
</span>
|
|
403
|
+
|
|
404
|
+
|
|
405
|
+
|
|
406
|
+
|
|
407
|
+
|
|
408
|
+
|
|
409
|
+
|
|
410
|
+
<div class="meta">
|
|
411
|
+
<p>
|
|
412
|
+
Defined in
|
|
413
|
+
<a href="https://bitbucket.org/linformatics/ember-fw-table/src/04d3b2ce/addon\utils\formats.js#L62">addon\utils\formats.js:62</a>
|
|
414
|
+
</p>
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
|
|
418
|
+
</div>
|
|
419
|
+
|
|
420
|
+
<div class="description"><p>Generates a function which formats a date based on the specified format. Designed to be used in the following way with a column displaying a date (after importing <code>formatMoment</code> in the way described above):</p>
|
|
421
|
+
<pre class="code prettyprint"><code class="language-js">column: [
|
|
422
|
+
//will display date as 1970-01-01
|
|
423
|
+
{
|
|
424
|
+
label: 'Some Column',
|
|
425
|
+
valuePath: 'someColumn',
|
|
426
|
+
format: formatMoment('YYYY-MM-DD')
|
|
427
|
+
...
|
|
428
|
+
},
|
|
429
|
+
//will display date in the table as 1970-01-01, but when exporting display 01-01-1970
|
|
430
|
+
{
|
|
431
|
+
label: 'Some Column',
|
|
432
|
+
valueText: 'someColumn',
|
|
433
|
+
format: formatMoment('YYYY-MM-DD', 'MM-DD-YYYY')
|
|
434
|
+
}
|
|
435
|
+
...],</code></pre>
|
|
436
|
+
</div>
|
|
437
|
+
|
|
438
|
+
<div class="params">
|
|
439
|
+
<h4>Parameters:</h4>
|
|
440
|
+
|
|
441
|
+
<ul class="params-list">
|
|
442
|
+
<li class="param">
|
|
443
|
+
<code class="param-name">format</code>
|
|
444
|
+
<span class="type"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
|
|
445
|
+
|
|
446
|
+
|
|
447
|
+
<div class="param-description"><p>moment format. For a list of valid strings, see <a href="https://momentjs.com/docs/#/displaying/format/">Moment docs</a></p>
|
|
448
|
+
</div>
|
|
449
|
+
|
|
450
|
+
</li>
|
|
451
|
+
<li class="param">
|
|
452
|
+
<code class="param-name">exportFormat</code>
|
|
453
|
+
<span class="type"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
|
|
454
|
+
|
|
455
|
+
|
|
456
|
+
<div class="param-description"><p>moment format used on exporting</p>
|
|
457
|
+
</div>
|
|
458
|
+
|
|
459
|
+
</li>
|
|
460
|
+
</ul>
|
|
461
|
+
</div>
|
|
462
|
+
|
|
463
|
+
<div class="returns">
|
|
464
|
+
<h4>Returns:</h4>
|
|
465
|
+
|
|
466
|
+
<div class="returns-description">
|
|
467
|
+
<span class="type"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>:
|
|
468
|
+
<p>Function to pass into a column which formats a date</p>
|
|
469
|
+
|
|
470
|
+
</div>
|
|
471
|
+
</div>
|
|
472
|
+
|
|
473
|
+
</div>
|
|
474
|
+
<div id="method_formatNullable" class="method item">
|
|
475
|
+
<span class="method-signature">
|
|
476
|
+
<span class="name anchorable-toc">
|
|
477
|
+
<a class="fa fa-link toc-anchor" href="#method_formatNullable"></a>
|
|
478
|
+
formatNullable
|
|
479
|
+
</span>
|
|
480
|
+
|
|
481
|
+
<div class="args">
|
|
482
|
+
<span class="paren">(</span><ul class="args-list inline commas">
|
|
483
|
+
<li class="arg">
|
|
484
|
+
<code class="optional">nullText='None'</code>
|
|
485
|
+
</li>
|
|
486
|
+
</ul><span class="paren">)</span>
|
|
487
|
+
</div>
|
|
488
|
+
<span class="returns-inline">
|
|
489
|
+
<span class="type"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>
|
|
490
|
+
</span>
|
|
491
|
+
</span>
|
|
492
|
+
|
|
493
|
+
|
|
494
|
+
|
|
495
|
+
|
|
496
|
+
|
|
497
|
+
|
|
498
|
+
|
|
499
|
+
<div class="meta">
|
|
500
|
+
<p>
|
|
501
|
+
Defined in
|
|
502
|
+
<a href="https://bitbucket.org/linformatics/ember-fw-table/src/04d3b2ce/addon\utils\formats.js#L31">addon\utils\formats.js:31</a>
|
|
503
|
+
</p>
|
|
504
|
+
|
|
505
|
+
|
|
506
|
+
|
|
507
|
+
</div>
|
|
508
|
+
|
|
509
|
+
<div class="description"><p>Generates a format function which returns the value or an italic default text if the value is null. Designed to be used in the following way with a column that may have a null value (after importing <code>formatNullable</code> in the way described above):</p>
|
|
510
|
+
<pre class="code prettyprint"><code class="language-js">column: [
|
|
511
|
+
//if null, will display the default "None" in italics
|
|
512
|
+
{
|
|
513
|
+
label: 'Some Column',
|
|
514
|
+
valuePath: 'someColumn',
|
|
515
|
+
format: formatNullable
|
|
516
|
+
...
|
|
517
|
+
},
|
|
518
|
+
//if null, will display "No Value" instead of "None" in italics
|
|
519
|
+
{
|
|
520
|
+
label: 'Some Column',
|
|
521
|
+
valueText: 'someColumn',
|
|
522
|
+
format: formatNullable('No Value')
|
|
523
|
+
}
|
|
524
|
+
...],</code></pre>
|
|
525
|
+
</div>
|
|
526
|
+
|
|
527
|
+
<div class="params">
|
|
528
|
+
<h4>Parameters:</h4>
|
|
529
|
+
|
|
530
|
+
<ul class="params-list">
|
|
531
|
+
<li class="param">
|
|
532
|
+
<code class="param-name optional">[nullText='None']</code>
|
|
533
|
+
<span class="type"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
|
|
534
|
+
<span class="flag optional" title="This parameter is optional.">optional</span>
|
|
535
|
+
|
|
536
|
+
|
|
537
|
+
<div class="param-description"><p>Text if the value is null</p>
|
|
538
|
+
</div>
|
|
539
|
+
|
|
540
|
+
</li>
|
|
541
|
+
</ul>
|
|
542
|
+
</div>
|
|
543
|
+
|
|
544
|
+
<div class="returns">
|
|
545
|
+
<h4>Returns:</h4>
|
|
546
|
+
|
|
547
|
+
<div class="returns-description">
|
|
548
|
+
<span class="type"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function" class="crosslink external" target="_blank">Function</a></span>:
|
|
549
|
+
<p>Function to pass into the column format</p>
|
|
550
|
+
|
|
551
|
+
</div>
|
|
552
|
+
</div>
|
|
553
|
+
|
|
554
|
+
</div>
|
|
555
|
+
</div>
|
|
556
|
+
</div>
|
|
557
|
+
|
|
558
|
+
|
|
559
|
+
|
|
560
|
+
</div>
|
|
561
|
+
</div>
|
|
562
|
+
</div>
|
|
563
|
+
</div>
|
|
564
|
+
</div>
|
|
565
|
+
</div>
|
|
566
|
+
</div>
|
|
567
|
+
</div>
|
|
568
|
+
</div>
|
|
569
|
+
<script src="../assets/vendor/prettify/prettify-min.js"></script>
|
|
570
|
+
<script>prettyPrint();</script>
|
|
571
|
+
<script src="../assets/vendor/jquery/jquery.min.js"></script>
|
|
572
|
+
<script src="../assets/vendor/jquery-ui/jquery-ui.min.js"></script>
|
|
573
|
+
<script src="../assets/vendor/bootstrap/js/bootstrap.js"></script>
|
|
574
|
+
<script src="../assets/vendor/github-slugger/slugger.js"></script>
|
|
575
|
+
<script src="../assets/js/yuidoc-bootstrap.js"></script>
|
|
576
|
+
</body>
|
|
577
|
+
</html>
|