Skip to content

Commit 37fdaf7

Browse files
CarstenWicknerCarstenWickner
committed
clean up raw texts in manipulation demo page
1 parent 60d9caf commit 37fdaf7

File tree

1 file changed

+52
-52
lines changed

1 file changed

+52
-52
lines changed

‎examples/js/manipulation/demo.js

Lines changed: 52 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -22,158 +22,158 @@ class Demo extends React.Component {
2222
<div>
2323
<div className='col-md-offset-1 col-md-8'>
2424
<div className='panel panel-default'>
25-
<div className='panel-heading'>Insert Row Example</div>
25+
<div className='panel-heading'>{'Insert Row Example'}</div>
2626
<div className='panel-body'>
27-
<h5>Source in /examples/js/manipulation/insert-row-table.js</h5>
27+
<h5>{'Source in /examples/js/manipulation/insert-row-table.js'}</h5>
2828
<InsertRowTable />
2929
</div>
3030
</div>
3131
</div>
3232
<div className='col-md-offset-1 col-md-8'>
3333
<div className='panel panel-default'>
34-
<div className='panel-heading'>Delete Row Example</div>
34+
<div className='panel-heading'>{'Delete Row Example'}</div>
3535
<div className='panel-body'>
36-
<h5>Source in /examples/js/manipulation/delete-row-table.js</h5>
36+
<h5>{'Source in /examples/js/manipulation/delete-row-table.js'}</h5>
3737
<DeleteRowTable />
3838
</div>
3939
</div>
4040
</div>
4141
<div className='col-md-offset-1 col-md-8'>
4242
<div className='panel panel-default'>
43-
<div className='panel-heading'>Table Search Example(Include after search hook)</div>
43+
<div className='panel-heading'>{'Table Search Example(Include after search hook)'}</div>
4444
<div className='panel-body'>
45-
<h5>Source in /examples/js/manipulation/strict-search-table.js</h5>
46-
<h5>The table's <code>strictSearch</code> is by default <code>true</code>.</h5>
47-
<h5>See your console to watch information of after searching.</h5>
48-
<h5>The Product ID has <code>searchable</code> set to <code>false</code>.</h5>
45+
<h5>{'Source in /examples/js/manipulation/strict-search-table.js'}</h5>
46+
<h5>{'The table\'s '}<code>{'strictSearch'}</code>{' is by default '}<code>{'true'}</code>{'.'}</h5>
47+
<h5>{'See your console to watch information of after searching.'}</h5>
48+
<h5>{'The Product ID has '}<code>{'searchable'}</code>{' set to '}<code>{'false'}</code>{'.'}</h5>
4949
<StrictSearchTable />
5050
</div>
5151
</div>
5252
</div>
5353
<div className='col-md-offset-1 col-md-8'>
5454
<div className='panel panel-default'>
55-
<div className='panel-heading'>Table Search Example(Use space to delimited search text, ex:"1 2 3")</div>
55+
<div className='panel-heading'>{'Table Search Example(Use space to delimited search text, ex:"1 2 3")'}</div>
5656
<div className='panel-body'>
57-
<h5>Source in /examples/js/manipulation/search-table.js</h5>
58-
<h5>The table's <code>strictSearch</code> is set to <code>false</code>.</h5>
59-
<h5>See your console to watch information of after searching.</h5>
60-
<h5>The Product ID has <code>searchable</code> set to <code>false</code>.</h5>
57+
<h5>{'Source in /examples/js/manipulation/search-table.js'}</h5>
58+
<h5>{'The table\'s '}<code>{'strictSearch'}</code>{' is set to '}<code>{'false'}</code>{'.'}</h5>
59+
<h5>{'See your console to watch information of after searching.'}</h5>
60+
<h5>{'The Product ID has '}<code>{'searchable'}</code>{' set to '}<code>{'false'}</code>{'.'}</h5>
6161
<SearchTable />
6262
</div>
6363
</div>
6464
</div>
6565
<div className='col-md-offset-1 col-md-8'>
6666
<div className='panel panel-default'>
67-
<div className='panel-heading'>Table Multi Search Example(Use space to delimited search text, ex:"3 4")</div>
67+
<div className='panel-heading'>{'Table Multi Search Example(Use space to delimited search text, ex:"3 4")'}</div>
6868
<div className='panel-body'>
69-
<h5>Source in /examples/js/manipulation/multi-search-table.js</h5>
70-
<h5>The table's <code>strictSearch</code> is by default <code>false</code>.</h5>
71-
<h5>The Product ID has <code>searchable</code> set to <code>false</code>.</h5>
69+
<h5>{'Source in /examples/js/manipulation/multi-search-table.js'}</h5>
70+
<h5>{'The table\'s '}<code>{'strictSearch'}</code>{' is by default '}<code>{'false'}</code>{'.'}</h5>
71+
<h5>{'The Product ID has '}<code>{'searchable'}</code>{' set to '}<code>{'false'}</code>{'.'}</h5>
7272
<MultiSearchTable />
7373
</div>
7474
</div>
7575
</div>
7676
<div className='col-md-offset-1 col-md-8'>
7777
<div className='panel panel-default'>
78-
<div className='panel-heading'>Table Multi Search Example(Use space to delimited search text, ex:"3 orange")</div>
78+
<div className='panel-heading'>{'Table Multi Search Example(Use space to delimited search text, ex:"3 orange")'}</div>
7979
<div className='panel-body'>
80-
<h5>Source in /examples/js/manipulation/strict-multi-search-table.js</h5>
81-
<h5>The table's <code>strictSearch</code> is set to <code>true</code>.</h5>
82-
<h5>The Product ID has <code>searchable</code> set to <code>false</code>.</h5>
80+
<h5>{'Source in /examples/js/manipulation/strict-multi-search-table.js'}</h5>
81+
<h5>{'The table\'s '}<code>{'strictSearch'}</code>{' is set to '}<code>{'true'}</code>{'.'}</h5>
82+
<h5>{'The Product ID has '}<code>{'searchable'}</code>{' set to '}<code>{'false'}</code>{'.'}</h5>
8383
<StrictMultiSearchTable />
8484
</div>
8585
</div>
8686
</div>
8787
<div className='col-md-offset-1 col-md-8'>
8888
<div className='panel panel-default'>
89-
<div className='panel-heading'>Table Search Example with Clear Button</div>
89+
<div className='panel-heading'>{'Table Search Example with Clear Button'}</div>
9090
<div className='panel-body'>
91-
<h5>Source in /examples/js/manipulation/search-clear-table.js</h5>
92-
<h5>The Product Name has <code>searchable</code> set to <code>false</code>.</h5>
91+
<h5>{'Source in /examples/js/manipulation/search-clear-table.js'}</h5>
92+
<h5>{'The Product Name has '}<code>{'searchable'}</code>{' set to '}<code>{'false'}</code>{'.'}</h5>
9393
<SearchClearTable />
9494
</div>
9595
</div>
9696
</div>
9797
<div className='col-md-offset-1 col-md-8'>
9898
<div className='panel panel-default'>
99-
<div className='panel-heading'>Search for custom format data</div>
99+
<div className='panel-heading'>{'Search for custom format data'}</div>
100100
<div className='panel-body'>
101-
<h5>You can custom the filter value by giving <code>filterValue</code> when searching or filtering</h5>
102-
<h5>For example, the second field is formatted from an object, and you can searh on its type by keying Cloud, Mail, Insert, Modify, Money</h5>
103-
<h5>You can also search or filter the column after formatted, just enable <code>filterFormatted</code></h5>
101+
<h5>{'You can custom the filter value by giving '}<code>{'filterValue'}</code>{' when searching or filtering'}</h5>
102+
<h5>{'For example, the second field is formatted from an object, and you can searh on its type by keying Cloud, Mail, Insert, Modify, Money'}</h5>
103+
<h5>{'You can also search or filter the column after formatted, just enable '}<code>{'filterFormatted'}</code></h5>
104104
<br/>
105-
<h5>Source in /examples/js/manipulation/search-format-table.js</h5>
105+
<h5>{'Source in /examples/js/manipulation/search-format-table.js'}</h5>
106106
<SearchFormatTable />
107107
</div>
108108
</div>
109109
</div>
110110
<div className='col-md-offset-1 col-md-8'>
111111
<div className='panel panel-default'>
112-
<div className='panel-heading'>Debounce Search Table Example(Use searchDelayTime props to set your search delay time)</div>
112+
<div className='panel-heading'>{'Debounce Search Table Example(Use searchDelayTime props to set your search delay time)'}</div>
113113
<div className='panel-body'>
114-
<h5>Source in /examples/js/manipulation/debounce-search-table.js</h5>
115-
<h5>use <code>searchDelayTime</code> for <code>options</code> object to set delay time in search input and default is 0.</h5>
114+
<h5>{'Source in /examples/js/manipulation/debounce-search-table.js'}</h5>
115+
<h5>{'use '}<code>{'searchDelayTime'}</code>{' for '}<code>{'options'}</code>{' object to set delay time in search input and default is 0.'}</h5>
116116
<DebounceSearchTable />
117117
</div>
118118
</div>
119119
</div>
120120
<div className='col-md-offset-1 col-md-8'>
121121
<div className='panel panel-default'>
122-
<div className='panel-heading'>Default Search Table</div>
122+
<div className='panel-heading'>{'Default Search Table'}</div>
123123
<div className='panel-body'>
124-
<h5>Source in /examples/js/manipulation/default-search-table.js</h5>
124+
<h5>{'Source in /examples/js/manipulation/default-search-table.js'}</h5>
125125
<DefaultSearchTable />
126126
</div>
127127
</div>
128128
</div>
129129
<div className='col-md-offset-1 col-md-8'>
130130
<div className='panel panel-default'>
131-
<div className='panel-heading'>Column Filter Example</div>
131+
<div className='panel-heading'>{'Column Filter Example'}</div>
132132
<div className='panel-body'>
133-
<h5>Source in /examples/js/manipulation/filter-table.js</h5>
134-
<h5>See your console to watch information of after column filtering.</h5>
133+
<h5>{'Source in /examples/js/manipulation/filter-table.js'}</h5>
134+
<h5>{'See your console to watch information of after column filtering.'}</h5>
135135
<ColumnFilterTable />
136136
</div>
137137
</div>
138138
</div>
139139
<div className='col-md-offset-1 col-md-8'>
140140
<div className='panel panel-default'>
141-
<div className='panel-heading'>Export CSV Example</div>
141+
<div className='panel-heading'>{'Export CSV Example'}</div>
142142
<div className='panel-body'>
143-
<h5>Source in /examples/js/manipulation/export-csv-table.js</h5>
144-
<h5><b>Use <code>csvFormat</code> to format cell when exporting.</b></h5>
145-
<h5><b>Use <code>csvHeader</code> to change the header text in csv.</b></h5>
146-
<h5><b>Use <code>csvFormatExtraData</code> to assign your extra data for formatting csv cell data.</b></h5>
143+
<h5>{'Source in /examples/js/manipulation/export-csv-table.js'}</h5>
144+
<h5><b>{'Use '}<code>{'csvFormat'}</code>{' to format cell when exporting.'}</b></h5>
145+
<h5><b>{'Use '}<code>{'csvHeader'}</code>{' to change the header text in csv.'}</b></h5>
146+
<h5><b>{'Use '}<code>{'csvFormatExtraData'}</code>{' to assign your extra data for formatting csv cell data.'}</b></h5>
147147
<ExportCSVTable />
148148
</div>
149149
</div>
150150
</div>
151151
<div className='col-md-offset-1 col-md-8'>
152152
<div className='panel panel-default'>
153-
<div className='panel-heading'>Export CSV Column Example</div>
153+
<div className='panel-heading'>{'Export CSV Column Example'}</div>
154154
<div className='panel-body'>
155-
<h5>Source in /examples/js/manipulation/export-csv-column-table.js</h5>
156-
<h5><b>Use <code>export</code> to ask <code>react-bootstrap-table</code> to export hidden column</b></h5>
157-
<h5><b>For example, The ID column is hidden, but can be exported by assigning <code>export</code></b></h5>
158-
<h5><b>You can also give <code>export=false</code> to ignore this column on exporting</b></h5>
155+
<h5>{'Source in /examples/js/manipulation/export-csv-column-table.js'}</h5>
156+
<h5><b>{'Use '}<code>{'export'}</code>{' to ask '}<code>{'react-bootstrap-table'}</code>{' to export hidden column'}</b></h5>
157+
<h5><b>{'For example, The ID column is hidden, but can be exported by assigning '}<code>{'export'}</code></b></h5>
158+
<h5><b>{'You can also give '}<code>{'export=false'}</code>{' to ignore this column on exporting'}</b></h5>
159159
<ExportCSVColumnTable />
160160
</div>
161161
</div>
162162
</div>
163163
<div className='col-md-offset-1 col-md-8'>
164164
<div className='panel panel-default'>
165-
<div className='panel-heading'>A Custom add/delete/exportcsv Button Text Example</div>
165+
<div className='panel-heading'>{'A Custom add/delete/exportcsv Button Text Example'}</div>
166166
<div className='panel-body'>
167-
<h5>Source in /examples/js/manipulation/custom-btn-text-table.js</h5>
167+
<h5>{'Source in /examples/js/manipulation/custom-btn-text-table.js'}</h5>
168168
<CustomButtonTextTable />
169169
</div>
170170
</div>
171171
</div>
172172
<div className='col-md-offset-1 col-md-8'>
173173
<div className='panel panel-default'>
174-
<div className='panel-heading'>Custom Confirmation for row deletion Example</div>
174+
<div className='panel-heading'>{'Custom Confirmation for row deletion Example'}</div>
175175
<div className='panel-body'>
176-
<h5>Source in /examples/js/manipulation/del-row-custom-confirm.js</h5>
176+
<h5>{'Source in /examples/js/manipulation/del-row-custom-confirm.js'}</h5>
177177
<DeleteRowCustomComfirmTable />
178178
</div>
179179
</div>

0 commit comments

Comments
 (0)