@jaisocx/css-table-ordered 2.2.2 → 2.2.4
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* Relative urls css imports */
|
|
2
2
|
|
|
3
|
-
@import url("@CssTable_MediaAndStyles/themes/theme_jaisocx_folder_listing/
|
|
3
|
+
@import url("@CssTable_MediaAndStyles/themes/theme_jaisocx_folder_listing/responsive_size_Imports_CssTable_theme_jaisocx_folder_listing_Webpack.css");
|
|
4
4
|
@import url("@CssTable_MediaAndStyles/themes/theme_jaisocx_folder_listing/CssTable_theme_jaisocx_folder_listing_thin.css");
|
|
5
5
|
@import url("@CssTable_MediaAndStyles/themes/theme_jaisocx_folder_listing/CssTable_theme_jaisocx_folder_listing_main.css");
|
|
6
6
|
|
package/index.example.html
CHANGED
|
@@ -8,19 +8,96 @@
|
|
|
8
8
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
|
9
9
|
|
|
10
10
|
|
|
11
|
+
<!-- <link
|
|
12
|
+
rel="icon"
|
|
13
|
+
type="image/x-icon"
|
|
14
|
+
href="favicon/Icon_Jaisocx.ico"
|
|
15
|
+
href-fallback="/favicon.ico"
|
|
16
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
17
|
+
/> -->
|
|
11
18
|
|
|
19
|
+
<link
|
|
20
|
+
rel="icon"
|
|
21
|
+
type="image/x-icon"
|
|
22
|
+
href="favicon/sandbox_brightday.ico"
|
|
23
|
+
href-fallback="/favicon.ico"
|
|
24
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
25
|
+
/>
|
|
12
26
|
|
|
13
|
-
<!-- <link rel="stylesheet" href="node_modules/@jaisocx/css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_relative.css" /> -->
|
|
14
|
-
<link rel="stylesheet" href="node_modules/@jaisocx/css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_resolved_minimal.css" />
|
|
15
27
|
|
|
16
28
|
|
|
17
|
-
|
|
18
|
-
<link rel="stylesheet" href="node_modules/@jaisocx/css-table/MediaAndStyles/CssTable_main_resolved_minimal.css" />
|
|
29
|
+
<!--# CSS CLEAN START 2: html & css WHEN STARTING A SITE FROM SCRATCH -->
|
|
19
30
|
|
|
31
|
+
<!--# importing @jaisocx/css-clean-start-2 IN DEV MODE, TO RESEARCH THE .css STYLES IN BROWSER'S DEV TOOLS IN NETWORKS TAB -->
|
|
32
|
+
<!-- <link
|
|
33
|
+
rel="stylesheet"
|
|
34
|
+
type="text/css"
|
|
35
|
+
charset="utf-8"
|
|
36
|
+
href="node_modules/@jaisocx/css-table/MediaAndStyles/CssTable_main_relative.css"
|
|
37
|
+
href-fallback="../css-table/MediaAndStyles/CssTable_main_relative.css"
|
|
38
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
39
|
+
/> -->
|
|
20
40
|
|
|
41
|
+
<!--# THE SAME importing @jaisocx/css-clean-start-2 IN PROD MODE, PACKED BY @jaisocx/css-importer TOOL -->
|
|
42
|
+
<link
|
|
43
|
+
rel="stylesheet"
|
|
44
|
+
type="text/css"
|
|
45
|
+
charset="utf-8"
|
|
46
|
+
href="node_modules/@jaisocx/css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_resolved_minimal.css"
|
|
47
|
+
href-fallback="../css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_resolved_minimal.css"
|
|
48
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
49
|
+
/>
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
<!--# CSS TABLE: css FOR THE SERVER SIDE PRODUCED TABLE MARKUP -->
|
|
56
|
+
|
|
57
|
+
<!--# importing @jaisocx/css-table IN DEV MODE, TO RESEARCH THE .css STYLES IN BROWSER'S DEV TOOLS IN NETWORKS TAB -->
|
|
58
|
+
<!-- <link
|
|
59
|
+
rel="stylesheet"
|
|
60
|
+
type="text/css"
|
|
61
|
+
charset="utf-8"
|
|
62
|
+
href="node_modules/@jaisocx/css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_relative.css"
|
|
63
|
+
href-fallback="./../css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_relative.css"
|
|
64
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
65
|
+
/> -->
|
|
66
|
+
|
|
67
|
+
<!--# THE SAME importing @jaisocx/css-table IN PROD MODE, PACKED BY @jaisocx/css-importer TOOL -->
|
|
68
|
+
<link
|
|
69
|
+
rel="stylesheet"
|
|
70
|
+
type="text/css"
|
|
71
|
+
charset="utf-8"
|
|
72
|
+
href="node_modules/@jaisocx/css-table/MediaAndStyles/CssTable_main_resolved_minimal.css"
|
|
73
|
+
href-fallback="../css-table/MediaAndStyles/CssTable_main_resolved_minimal.css"
|
|
74
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
75
|
+
/>
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
<!--# CSS TABLE STICKY SCROLL-->
|
|
82
|
+
<!--# importing theme in this @jaisocx/css-table-ordered npm package for the table first line columns labels sticky scroll -->
|
|
83
|
+
<link
|
|
84
|
+
rel="stylesheet"
|
|
85
|
+
type="text/css"
|
|
86
|
+
charset="utf-8"
|
|
87
|
+
href="MediaAndStyles/themes/theme_fixed_columns_labels/theme_fixed_columns_labels.css"
|
|
88
|
+
/>
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
<!--# CSS TABLE MOBILE PORTRAIT FOLDER LISTING -->
|
|
93
|
+
<!--# importing theme in this @jaisocx/css-table-ordered npm package where mobile portrait fine-tuned for the folder listing view served by the Jaisocx Sites Server -->
|
|
94
|
+
<!-- <link
|
|
95
|
+
rel="stylesheet"
|
|
96
|
+
type="text/css"
|
|
97
|
+
charset="utf-8"
|
|
98
|
+
href="MediaAndStyles/themes/theme_jaisocx_folder_listing/CssTable_theme_jaisocx_folder_listing_Relative.css"
|
|
99
|
+
/> -->
|
|
21
100
|
|
|
22
|
-
<link rel="stylesheet" href="MediaAndStyles/themes/theme_fixed_columns_labels/theme_fixed_columns_labels.css" />
|
|
23
|
-
<!-- <link rel="stylesheet" href="MediaAndStyles/themes/theme_jaisocx_folder_listing/CssTable_theme_jaisocx_folder_listing_Relative.css" /> -->
|
|
24
101
|
|
|
25
102
|
|
|
26
103
|
|
|
@@ -1688,8 +1765,7 @@
|
|
|
1688
1765
|
|
|
1689
1766
|
<script>
|
|
1690
1767
|
|
|
1691
|
-
currentButtonNodeClicked = null;
|
|
1692
|
-
|
|
1768
|
+
let currentButtonNodeClicked = null;
|
|
1693
1769
|
|
|
1694
1770
|
let cssClassesNames = [
|
|
1695
1771
|
"jsx",
|
|
@@ -1773,7 +1849,10 @@
|
|
|
1773
1849
|
|
|
1774
1850
|
<script>
|
|
1775
1851
|
|
|
1776
|
-
let
|
|
1852
|
+
let cssTableScrollInstance = new Object();
|
|
1853
|
+
let orderbyClassInstance = new Object();
|
|
1854
|
+
|
|
1855
|
+
|
|
1777
1856
|
|
|
1778
1857
|
function addScrollEventHandlers() {
|
|
1779
1858
|
cssTableScrollInstance = new CssTableScroll();
|
|
@@ -9,17 +9,96 @@
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
<!-- <link
|
|
13
|
+
rel="icon"
|
|
14
|
+
type="image/x-icon"
|
|
15
|
+
href="favicon/Icon_Jaisocx.ico"
|
|
16
|
+
href-fallback="/favicon.ico"
|
|
17
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
18
|
+
/> -->
|
|
13
19
|
|
|
14
|
-
|
|
20
|
+
<link
|
|
21
|
+
rel="icon"
|
|
22
|
+
type="image/x-icon"
|
|
23
|
+
href="favicon/sandbox_brightday.ico"
|
|
24
|
+
href-fallback="/favicon.ico"
|
|
25
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
26
|
+
/>
|
|
15
27
|
|
|
16
|
-
<!-- <link rel="stylesheet" href="css_tools/CssTable/MediaAndStyles/CssTable_main_relative.css" /> -->
|
|
17
|
-
<link rel="stylesheet" href="css_tools/CssTable/MediaAndStyles/CssTable_main_resolved_minimal.css" />
|
|
18
28
|
|
|
19
29
|
|
|
30
|
+
<!--# CSS CLEAN START 2: html & css WHEN STARTING A SITE FROM SCRATCH -->
|
|
31
|
+
|
|
32
|
+
<!--# importing @jaisocx/css-clean-start-2 IN DEV MODE, TO RESEARCH THE .css STYLES IN BROWSER'S DEV TOOLS IN NETWORKS TAB -->
|
|
33
|
+
<!-- <link
|
|
34
|
+
rel="stylesheet"
|
|
35
|
+
type="text/css"
|
|
36
|
+
charset="utf-8"
|
|
37
|
+
href="node_modules/@jaisocx/css-table/MediaAndStyles/CssTable_main_relative.css"
|
|
38
|
+
href-fallback="../css-table/MediaAndStyles/CssTable_main_relative.css"
|
|
39
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
40
|
+
/> -->
|
|
41
|
+
|
|
42
|
+
<!--# THE SAME importing @jaisocx/css-clean-start-2 IN PROD MODE, PACKED BY @jaisocx/css-importer TOOL -->
|
|
43
|
+
<link
|
|
44
|
+
rel="stylesheet"
|
|
45
|
+
type="text/css"
|
|
46
|
+
charset="utf-8"
|
|
47
|
+
href="node_modules/@jaisocx/css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_resolved_minimal.css"
|
|
48
|
+
href-fallback="../css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_resolved_minimal.css"
|
|
49
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
50
|
+
/>
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
<!--# CSS TABLE: css FOR THE SERVER SIDE PRODUCED TABLE MARKUP -->
|
|
57
|
+
|
|
58
|
+
<!--# importing @jaisocx/css-table IN DEV MODE, TO RESEARCH THE .css STYLES IN BROWSER'S DEV TOOLS IN NETWORKS TAB -->
|
|
59
|
+
<!-- <link
|
|
60
|
+
rel="stylesheet"
|
|
61
|
+
type="text/css"
|
|
62
|
+
charset="utf-8"
|
|
63
|
+
href="node_modules/@jaisocx/css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_relative.css"
|
|
64
|
+
href-fallback="./../css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_relative.css"
|
|
65
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
66
|
+
/> -->
|
|
67
|
+
|
|
68
|
+
<!--# THE SAME importing @jaisocx/css-table IN PROD MODE, PACKED BY @jaisocx/css-importer TOOL -->
|
|
69
|
+
<link
|
|
70
|
+
rel="stylesheet"
|
|
71
|
+
type="text/css"
|
|
72
|
+
charset="utf-8"
|
|
73
|
+
href="node_modules/@jaisocx/css-table/MediaAndStyles/CssTable_main_resolved_minimal.css"
|
|
74
|
+
href-fallback="../css-table/MediaAndStyles/CssTable_main_resolved_minimal.css"
|
|
75
|
+
onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
|
|
76
|
+
/>
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
<!--# CSS TABLE STICKY SCROLL-->
|
|
83
|
+
<!--# importing theme in this @jaisocx/css-table-ordered npm package for the table first line columns labels sticky scroll -->
|
|
84
|
+
<link
|
|
85
|
+
rel="stylesheet"
|
|
86
|
+
type="text/css"
|
|
87
|
+
charset="utf-8"
|
|
88
|
+
href="MediaAndStyles/themes/theme_fixed_columns_labels/theme_fixed_columns_labels.css"
|
|
89
|
+
/>
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
<!--# CSS TABLE MOBILE PORTRAIT FOLDER LISTING -->
|
|
94
|
+
<!--# importing theme in this @jaisocx/css-table-ordered npm package where mobile portrait fine-tuned for the folder listing view served by the Jaisocx Sites Server -->
|
|
95
|
+
<!-- <link
|
|
96
|
+
rel="stylesheet"
|
|
97
|
+
type="text/css"
|
|
98
|
+
charset="utf-8"
|
|
99
|
+
href="MediaAndStyles/themes/theme_jaisocx_folder_listing/CssTable_theme_jaisocx_folder_listing_Relative.css"
|
|
100
|
+
/> -->
|
|
20
101
|
|
|
21
|
-
<link rel="stylesheet" href="js_tools/CssTableOrdered/MediaAndStyles/themes/theme_fixed_columns_labels/theme_fixed_columns_labels.css" />
|
|
22
|
-
<!-- <link rel="stylesheet" href="js_tools/CssTableOrdered/MediaAndStyles/themes/theme_jaisocx_folder_listing/CssTable_theme_jaisocx_folder_listing_Relative.css" /> -->
|
|
23
102
|
|
|
24
103
|
|
|
25
104
|
|
|
@@ -336,14 +415,13 @@
|
|
|
336
415
|
|
|
337
416
|
|
|
338
417
|
|
|
339
|
-
<script src="
|
|
340
|
-
<script src="
|
|
418
|
+
<script src="transpiled/Simple/scroll/CssTableScroll.js"></script>
|
|
419
|
+
<script src="transpiled/Simple/orderby/CssTableOrderby.js"></script>
|
|
341
420
|
|
|
342
421
|
|
|
343
422
|
<script>
|
|
344
423
|
|
|
345
|
-
currentButtonNodeClicked = null;
|
|
346
|
-
|
|
424
|
+
let currentButtonNodeClicked = null;
|
|
347
425
|
|
|
348
426
|
let cssClassesNames = [
|
|
349
427
|
"jsx",
|
|
@@ -427,7 +505,10 @@
|
|
|
427
505
|
|
|
428
506
|
<script>
|
|
429
507
|
|
|
430
|
-
let
|
|
508
|
+
let cssTableScrollInstance = new Object();
|
|
509
|
+
let orderbyClassInstance = new Object();
|
|
510
|
+
|
|
511
|
+
|
|
431
512
|
|
|
432
513
|
function addScrollEventHandlers() {
|
|
433
514
|
cssTableScrollInstance = new CssTableScroll();
|