active_frontend 1.0.0

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.
Files changed (96) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +14 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +97 -0
  6. data/Rakefile +1 -0
  7. data/active_frontend.gemspec +23 -0
  8. data/app/assets/fonts/gotham/gotham-bold.eot +0 -0
  9. data/app/assets/fonts/gotham/gotham-bold.svg +2066 -0
  10. data/app/assets/fonts/gotham/gotham-bold.ttf +0 -0
  11. data/app/assets/fonts/gotham/gotham-bold.woff +0 -0
  12. data/app/assets/fonts/gotham/gotham-book.eot +0 -0
  13. data/app/assets/fonts/gotham/gotham-book.svg +631 -0
  14. data/app/assets/fonts/gotham/gotham-book.ttf +0 -0
  15. data/app/assets/fonts/gotham/gotham-book.woff +0 -0
  16. data/app/assets/fonts/gotham/gotham-light.eot +0 -0
  17. data/app/assets/fonts/gotham/gotham-light.svg +635 -0
  18. data/app/assets/fonts/gotham/gotham-light.ttf +0 -0
  19. data/app/assets/fonts/gotham/gotham-light.woff +0 -0
  20. data/app/assets/fonts/gotham/gotham-medium.eot +0 -0
  21. data/app/assets/fonts/gotham/gotham-medium.svg +629 -0
  22. data/app/assets/fonts/gotham/gotham-medium.ttf +0 -0
  23. data/app/assets/fonts/gotham/gotham-medium.woff +0 -0
  24. data/app/assets/fonts/ionicons/ionicons.eot +0 -0
  25. data/app/assets/fonts/ionicons/ionicons.svg +2232 -0
  26. data/app/assets/fonts/ionicons/ionicons.ttf +0 -0
  27. data/app/assets/fonts/ionicons/ionicons.woff +0 -0
  28. data/lib/active_frontend.rb +6 -0
  29. data/lib/active_frontend/version.rb +3 -0
  30. data/vendor/assets/javascripts/.keep +0 -0
  31. data/vendor/assets/javascripts/affix.js +153 -0
  32. data/vendor/assets/javascripts/alert.js +85 -0
  33. data/vendor/assets/javascripts/animation.js +45 -0
  34. data/vendor/assets/javascripts/button.js +107 -0
  35. data/vendor/assets/javascripts/carousel.js +228 -0
  36. data/vendor/assets/javascripts/chart.js +3309 -0
  37. data/vendor/assets/javascripts/collapse.js +202 -0
  38. data/vendor/assets/javascripts/date_picker.js +1649 -0
  39. data/vendor/assets/javascripts/dropdown.js +152 -0
  40. data/vendor/assets/javascripts/file_input.js +71 -0
  41. data/vendor/assets/javascripts/hoverdown.js +109 -0
  42. data/vendor/assets/javascripts/map.js +2174 -0
  43. data/vendor/assets/javascripts/modal.js +234 -0
  44. data/vendor/assets/javascripts/popover.js +99 -0
  45. data/vendor/assets/javascripts/scrollspy.js +163 -0
  46. data/vendor/assets/javascripts/sort.js +1432 -0
  47. data/vendor/assets/javascripts/swoggle.js +415 -0
  48. data/vendor/assets/javascripts/tab.js +144 -0
  49. data/vendor/assets/javascripts/tablespy.js +1883 -0
  50. data/vendor/assets/javascripts/time_ago.js +206 -0
  51. data/vendor/assets/javascripts/time_picker.js +1087 -0
  52. data/vendor/assets/javascripts/tooltip.js +466 -0
  53. data/vendor/assets/javascripts/transition.js +50 -0
  54. data/vendor/assets/javascripts/typeahead.js +368 -0
  55. data/vendor/assets/stylesheets/.keep +0 -0
  56. data/vendor/assets/stylesheets/ad.scss +72 -0
  57. data/vendor/assets/stylesheets/affix.scss +11 -0
  58. data/vendor/assets/stylesheets/alert.scss +57 -0
  59. data/vendor/assets/stylesheets/animation.scss +2388 -0
  60. data/vendor/assets/stylesheets/aside.scss +136 -0
  61. data/vendor/assets/stylesheets/breadcrumb.scss +23 -0
  62. data/vendor/assets/stylesheets/button.scss +581 -0
  63. data/vendor/assets/stylesheets/carousel.scss +152 -0
  64. data/vendor/assets/stylesheets/chart.scss +11 -0
  65. data/vendor/assets/stylesheets/code.scss +139 -0
  66. data/vendor/assets/stylesheets/collapse.scss +15 -0
  67. data/vendor/assets/stylesheets/datepicker.scss +136 -0
  68. data/vendor/assets/stylesheets/dropdown.scss +90 -0
  69. data/vendor/assets/stylesheets/footer.scss +68 -0
  70. data/vendor/assets/stylesheets/form.scss +346 -0
  71. data/vendor/assets/stylesheets/grid.scss +287 -0
  72. data/vendor/assets/stylesheets/header.scss +205 -0
  73. data/vendor/assets/stylesheets/icon.scss +1538 -0
  74. data/vendor/assets/stylesheets/image.scss +330 -0
  75. data/vendor/assets/stylesheets/label_and_badge.scss +110 -0
  76. data/vendor/assets/stylesheets/link.scss +25 -0
  77. data/vendor/assets/stylesheets/list.scss +60 -0
  78. data/vendor/assets/stylesheets/map.scss +13 -0
  79. data/vendor/assets/stylesheets/modal.scss +137 -0
  80. data/vendor/assets/stylesheets/nav_and_tab.scss +183 -0
  81. data/vendor/assets/stylesheets/pagination.scss +41 -0
  82. data/vendor/assets/stylesheets/panel.scss +62 -0
  83. data/vendor/assets/stylesheets/placeholder.scss +44 -0
  84. data/vendor/assets/stylesheets/popover.scss +117 -0
  85. data/vendor/assets/stylesheets/progress.scss +43 -0
  86. data/vendor/assets/stylesheets/reset.scss +88 -0
  87. data/vendor/assets/stylesheets/spinner.scss +767 -0
  88. data/vendor/assets/stylesheets/swoggle.scss +126 -0
  89. data/vendor/assets/stylesheets/table.scss +149 -0
  90. data/vendor/assets/stylesheets/timepicker.scss +75 -0
  91. data/vendor/assets/stylesheets/tooltip.scss +90 -0
  92. data/vendor/assets/stylesheets/transition.scss +12 -0
  93. data/vendor/assets/stylesheets/trunk.scss +116 -0
  94. data/vendor/assets/stylesheets/typeahead.scss +8 -0
  95. data/vendor/assets/stylesheets/typography.scss +191 -0
  96. metadata +167 -0
@@ -0,0 +1,126 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Swoggle */
4
+
5
+ /* # Swoggle
6
+ ================================================== */
7
+ .swoggle input[type='radio'],
8
+ .swoggle input[type='checkbox'] {
9
+ left: 0;
10
+ opacity: 0;
11
+ filter: alpha(opacity=0);
12
+ position: absolute !important;
13
+ top: 0;
14
+ z-index: -1;
15
+ }
16
+ .swoggle {
17
+ background: rgba(245,248,250,1);
18
+ border-radius: 500px;
19
+ border: 1px solid rgba(225,232,237,1);
20
+ color: rgba(43,50,53,1);
21
+ cursor: pointer;
22
+ display: inline-block;
23
+ -webkit-font-smoothing: antialiased;
24
+ font-weight: bold;
25
+ font-size: 12px;
26
+ line-height: 12px;
27
+ margin-top: -2px;
28
+ min-width: 64px;
29
+ overflow: hidden;
30
+ padding: 4px 0;
31
+ position: relative;
32
+ text-rendering: geometricPrecision;
33
+ text-transform: uppercase;
34
+ text-align: center;
35
+ -webkit-transition: all 0.5s ease-in-out;
36
+ transition: all 0.5s ease-in-out;
37
+ -webkit-user-select: none;
38
+ user-select: none;
39
+ vertical-align: middle;
40
+ }
41
+ .swoggle span,
42
+ .swoggle label {
43
+ -webkit-box-sizing: border-box;
44
+ box-sizing: border-box;
45
+ cursor: pointer;
46
+ display: inline-block;
47
+ height: 100%;
48
+ position: relative;
49
+ }
50
+ .swoggle label {
51
+ background: rgba(255,255,255,1);
52
+ border-radius: 500px;
53
+ margin-bottom: 0;
54
+ margin-top: 0;
55
+ padding-bottom: 4px;
56
+ padding-top: 3px;
57
+ text-align: center;
58
+ vertical-align: middle;
59
+ width: 20%;
60
+ z-index: 100;
61
+ }
62
+ .swoggle span {
63
+ padding-bottom: 0;
64
+ padding-top: 0;
65
+ text-align: center;
66
+ vertical-align: middle;
67
+ width: 40%;
68
+ z-index: 1;
69
+ }
70
+ .swoggle > div {
71
+ display: inline-block;
72
+ position: relative;
73
+ -webkit-transform: translate3d(0,0,0);
74
+ transform: translate3d(0,0,0);
75
+ top: 0;
76
+ width: 150%;
77
+ }
78
+ .swoggle.swoggle-on > div { margin-left: 0; }
79
+ .swoggle.swoggle-off > div { margin-left: -50%; }
80
+ .swoggle.swoggle-on.swoggle-black,
81
+ .swoggle.swoggle-on.swoggle-blue,
82
+ .swoggle.swoggle-on.swoggle-green,
83
+ .swoggle.swoggle-on.swoggle-red,
84
+ .swoggle.swoggle-on.swoggle-smoke { color: rgba(255,255,255,1); }
85
+ .swoggle.swoggle-on.swoggle-black {
86
+ background: rgba(56,67,81,1);
87
+ border-color: rgba(6,17,31,1);
88
+ }
89
+ .swoggle.swoggle-on.swoggle-blue {
90
+ background: rgba(15,135,226,1);
91
+ border-color: rgba(0,120,211,1);
92
+ }
93
+ .swoggle.swoggle-on.swoggle-green {
94
+ background: rgba(112,169,13,1);
95
+ border-color: rgba(74,153,0,1);
96
+ }
97
+ .swoggle.swoggle-on.swoggle-orange {
98
+ background: rgba(232,126,15,1);
99
+ border-color: rgba(202,96,0,1);
100
+ }
101
+ .swoggle.swoggle-on.swoggle-purple {
102
+ background: rgba(117,73,170,1);
103
+ border-color: rgba(97,43,130,1);
104
+ }
105
+ .swoggle.swoggle-on.swoggle-red {
106
+ background: rgba(218,79,46,1);
107
+ border-color: rgba(188,49,16,1);
108
+ }
109
+ .swoggle.swoggle-on.swoggle-smoke {
110
+ background: rgba(102,117,127,1);
111
+ border-color: rgba(62,77,87,1);
112
+ }
113
+ .swoggle.swoggle-on.swoggle-yellow {
114
+ background: rgba(255,217,15,1);
115
+ border-color: rgba(240,202,0,1);
116
+ }
117
+ .swoggle.swoggle-animate > div {
118
+ -webkit-transition: margin-left 0.5s;
119
+ transition: margin-left 0.5s;
120
+ }
121
+ .swoggle.swoggle-disabled,
122
+ .swoggle.swoggle-readonly {
123
+ cursor: default !important;
124
+ opacity: 0.5;
125
+ filter: alpha(opacity=50);
126
+ }
@@ -0,0 +1,149 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Table
4
+ # Media Queries */
5
+
6
+ /* # Table
7
+ ================================================== */
8
+ table {
9
+ background: transparent;
10
+ border-collapse: collapse;
11
+ border-spacing: 0;
12
+ max-width: 100%;
13
+ }
14
+ .table { width: 100%; }
15
+ .table caption,
16
+ .table th,
17
+ .table td {
18
+ background: rgba(255,255,255,1);
19
+ border-top: 1px solid rgba(225,232,237,1);
20
+ font-size: 16px;
21
+ line-height: 25px;
22
+ padding: 9px 10px 6px 10px;
23
+ text-align: left;
24
+ vertical-align: middle;
25
+ }
26
+ .table caption,
27
+ .table th,
28
+ .table tfoot td {
29
+ background: rgba(255,255,255,1);
30
+ font-size: 15px;
31
+ font-weight: bold;
32
+ padding: 7px 10px 7px 10px;
33
+ }
34
+ .table th a { color: rgba(43,50,53,1); }
35
+ .table th a:hover { color: rgba(15,135,226,1); }
36
+ .table th.tablespy-sort-asc:before {
37
+ content: "\f3d8";
38
+ float: right;
39
+ font-family: "Ionicons";
40
+ }
41
+ .table th.tablespy-sort-desc:before {
42
+ content: "\f3d0";
43
+ float: right;
44
+ font-family: "Ionicons";
45
+ }
46
+ .table th.tablespy-sort-none:before {
47
+ content: "\f462";
48
+ float: right;
49
+ font-family: "Ionicons";
50
+ }
51
+ .table th.tablespy-sort-asc,
52
+ .table th.tablespy-sort-desc,
53
+ .table th.tablespy-sort-none { cursor: pointer; }
54
+ .table th.tablespy-sort-empty:before { content: ""; }
55
+ .table th.tablespy-sort-empty { pointer-events: none; }
56
+
57
+ .table caption {
58
+ border-bottom: 1px solid rgba(225,232,237,1);
59
+ border-top: 0;
60
+ }
61
+ .table caption + thead tr:first-child th,
62
+ .table caption + thead tr:first-child td,
63
+ .table colgroup + thead tr:first-child th,
64
+ .table colgroup + thead tr:first-child td,
65
+ .table thead:first-child tr:first-child th,
66
+ .table thead:first-child tr:first-child td { border-top: 0; }
67
+ .table tbody + tbody { border-top: 2px solid rgba(225,232,237,1); }
68
+ .table-condensed caption,
69
+ .table-condensed th,
70
+ .table-condensed tfoot td {
71
+ font-size: 13px;
72
+ padding: 5px;
73
+ }
74
+ .table-condensed td {
75
+ font-size: 14px;
76
+ padding: 5px 5px 3px 5px;
77
+ }
78
+ .table-bordered {
79
+ border: 1px solid rgba(225,232,237,1);
80
+ border-collapse: separate;
81
+ border-left: 0;
82
+ }
83
+ .table-bordered caption {
84
+ border: 1px solid rgba(225,232,237,1);
85
+ margin-bottom: -1px;
86
+ }
87
+ .table-bordered th,
88
+ .table-bordered td { border-left: 1px solid rgba(225,232,237,1); }
89
+ .table-bordered caption + thead tr:first-child th,
90
+ .table-bordered caption + tbody tr:first-child th,
91
+ .table-bordered caption + tbody tr:first-child td,
92
+ .table-bordered colgroup + thead tr:first-child th,
93
+ .table-bordered colgroup + tbody tr:first-child th,
94
+ .table-bordered colgroup + tbody tr:first-child td,
95
+ .table-bordered thead:first-child tr:first-child th,
96
+ .table-bordered tbody:first-child tr:first-child th,
97
+ .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
98
+ .table-striped tbody > tr:nth-child(odd) > td,
99
+ .table-striped tbody > tr:nth-child(odd) > th { background: rgba(245,248,250,1); }
100
+ .table-hover tbody tr:hover > td,
101
+ .table-hover tbody tr:hover > th { background: rgba(240,243,245,1); }
102
+ .table-unbordered,
103
+ .table-unbordered thead,
104
+ .table-unbordered tbody,
105
+ .table-unbordered th,
106
+ .table-unbordered td { border: 0; }
107
+ .table-scrollable {
108
+ height: 300px;
109
+ overflow: auto;
110
+ }
111
+ .table .btn {
112
+ text-decoration: none !important;
113
+ text-transform: none !important;
114
+ }
115
+
116
+ /* # Media Queries
117
+ ================================================== */
118
+ @media only screen and (max-width: 960px) {
119
+ .table-responsive {
120
+ border: 1px solid rgba(225,232,237,1);
121
+ max-height: 300px;
122
+ -webkit-overflow-scrolling: touch;
123
+ -ms-overflow-style: -ms-autohiding-scrollbar;
124
+ overflow: scroll;
125
+ }
126
+ .table-responsive > .table > thead > tr > th,
127
+ .table-responsive > .table > tbody > tr > th,
128
+ .table-responsive > .table > tfoot > tr > th,
129
+ .table-responsive > .table > thead > tr > td,
130
+ .table-responsive > .table > tbody > tr > td,
131
+ .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
132
+ .table-responsive > .table-bordered { border: 0; }
133
+ .table-responsive > .table-bordered > thead > tr > th:first-child,
134
+ .table-responsive > .table-bordered > tbody > tr > th:first-child,
135
+ .table-responsive > .table-bordered > tfoot > tr > th:first-child,
136
+ .table-responsive > .table-bordered > thead > tr > td:first-child,
137
+ .table-responsive > .table-bordered > tbody > tr > td:first-child,
138
+ .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
139
+ .table-responsive > .table-bordered > thead > tr > th:last-child,
140
+ .table-responsive > .table-bordered > tbody > tr > th:last-child,
141
+ .table-responsive > .table-bordered > tfoot > tr > th:last-child,
142
+ .table-responsive > .table-bordered > thead > tr > td:last-child,
143
+ .table-responsive > .table-bordered > tbody > tr > td:last-child,
144
+ .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
145
+ .table-responsive > .table-bordered > tbody > tr:last-child > th,
146
+ .table-responsive > .table-bordered > tfoot > tr:last-child > th,
147
+ .table-responsive > .table-bordered > tbody > tr:last-child > td,
148
+ .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }
149
+ }
@@ -0,0 +1,75 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Timepicker */
4
+
5
+ /* # Timepicker
6
+ ================================================== */
7
+ .timepicker { position: relative; }
8
+ .timepicker .add-on i { display: inline-block; }
9
+ .timepicker-widget.dropdown-menu { padding: 5px 1px 5px 0; }
10
+ .timepicker-widget.dropdown-menu.open {
11
+ display: inline-block;
12
+ z-index: 1060;
13
+ }
14
+ .timepicker-widget.dropdown-menu:before {
15
+ border-bottom: 7px solid rgba(245,248,250,1);
16
+ border-right: 7px solid transparent;
17
+ border-left: 7px solid transparent;
18
+ content: "";
19
+ display: inline-block;
20
+ position: absolute;
21
+ }
22
+ .timepicker-widget.dropdown-menu:after {
23
+ border-bottom: 6px solid rgba(245,248,250,1);
24
+ border-right: 6px solid transparent;
25
+ border-left: 6px solid transparent;
26
+ content: "";
27
+ display: inline-block;
28
+ position: absolute;
29
+ }
30
+ .timepicker-widget.timepicker-orient-left:before { left: 6px; }
31
+ .timepicker-widget.timepicker-orient-left:after { left: 7px; }
32
+ .timepicker-widget.timepicker-orient-right:before { right: 6px; }
33
+ .timepicker-widget.timepicker-orient-right:after { right: 7px; }
34
+ .timepicker-widget.timepicker-orient-top:before { top: -7px; }
35
+ .timepicker-widget.timepicker-orient-top:after { top: -6px; }
36
+ .timepicker-widget.timepicker-orient-bottom:before {
37
+ border-bottom: 0;
38
+ border-top: 7px solid rgba(245,248,250,1);
39
+ bottom: -7px;
40
+ }
41
+ .timepicker-widget.timepicker-orient-bottom:after {
42
+ border-bottom: 0;
43
+ border-top: 6px solid rgba(245,248,250,1);
44
+ bottom: -6px;
45
+ }
46
+ .timepicker-widget a.btn,
47
+ .timepicker-widget input { border-radius: 3px; }
48
+ .timepicker-widget table {
49
+ margin: 0;
50
+ width: 100%;
51
+ }
52
+ .timepicker-widget table td {
53
+ text-align: center;
54
+ height: 30px;
55
+ margin: 0;
56
+ }
57
+ .timepicker-widget table td:not(.separator) { min-width: 30px; }
58
+ .timepicker-widget table td span { width: 100%; }
59
+ .timepicker-widget table td a {
60
+ color: rgba(43,50,53,1);
61
+ display: inline-block;
62
+ margin: 0;
63
+ padding: 8px 0;
64
+ outline: 0;
65
+ width: 100%;
66
+ }
67
+ .timepicker-widget table td a:hover {
68
+ color: rgba(15,135,226,1);
69
+ text-decoration: none;
70
+ }
71
+ .timepicker-widget table td input {
72
+ margin: 0;
73
+ text-align: center;
74
+ width: 25px;
75
+ }
@@ -0,0 +1,90 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Tooltip */
4
+
5
+ /* # Tooltip
6
+ ================================================== */
7
+ .tooltip {
8
+ color: rgba(255,255,255,1);
9
+ display: block;
10
+ font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
11
+ font-weight: bold;
12
+ font-style: normal;
13
+ font-size: 11px;
14
+ letter-spacing: 0;
15
+ line-height: 17px;
16
+ opacity: 0;
17
+ filter: alpha(opacity=0);
18
+ float: none;
19
+ position: absolute;
20
+ text-decoration: none;
21
+ text-transform: none;
22
+ visibility: visible;
23
+ z-index: 1070;
24
+ }
25
+ .tooltip.in {
26
+ opacity: 0.8;
27
+ filter: alpha(opacity=80);
28
+ }
29
+ .tooltip.top {
30
+ margin-top: -3px;
31
+ padding: 5px 0;
32
+ }
33
+ .tooltip.right {
34
+ margin-left: 3px;
35
+ padding: 0 5px;
36
+ }
37
+ .tooltip.bottom {
38
+ margin-top: 3px;
39
+ padding: 5px 0;
40
+ }
41
+ .tooltip.left {
42
+ margin-left: -3px;
43
+ padding: 0 5px;
44
+ }
45
+ .tooltip-inner {
46
+ background: rgba(56,67,81,1);
47
+ border-radius: 3px;
48
+ color: rgba(255,255,255,1);
49
+ letter-spacing: 0;
50
+ max-width: 200px;
51
+ padding: 5px 10px;
52
+ text-decoration: none;
53
+ text-transform: none;
54
+ text-align: center;
55
+ }
56
+ .tooltip-arrow {
57
+ border-color: transparent;
58
+ border-style: solid;
59
+ height: 0;
60
+ position: absolute;
61
+ width: 0;
62
+ }
63
+ .tooltip.top .tooltip-arrow {
64
+ border-top-color: rgba(56,67,81,1);
65
+ border-width: 5px 5px 0;
66
+ bottom: 0;
67
+ left: 50%;
68
+ margin-left: -5px;
69
+ }
70
+ .tooltip.right .tooltip-arrow {
71
+ border-right-color: rgba(56,67,81,1);
72
+ border-width: 5px 5px 5px 0;
73
+ left: 0;
74
+ margin-top: -5px;
75
+ top: 50%;
76
+ }
77
+ .tooltip.left .tooltip-arrow {
78
+ border-left-color: rgba(56,67,81,1);
79
+ border-width: 5px 0 5px 5px;
80
+ margin-top: -5px;
81
+ right: 0;
82
+ top: 50%;
83
+ }
84
+ .tooltip.bottom .tooltip-arrow {
85
+ border-bottom-color: rgba(56,67,81,1);
86
+ border-width: 0 5px 5px;
87
+ left: 50%;
88
+ margin-left: -5px;
89
+ top: 0;
90
+ }
@@ -0,0 +1,12 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ # Transition */
4
+
5
+ /* # Transition
6
+ ================================================== */
7
+ .fade {
8
+ opacity: 0;
9
+ -webkit-transition: opacity 0.15s linear;
10
+ transition: opacity 0.15s linear;
11
+ }
12
+ .fade.in { opacity: 1; }