active_frontend 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
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; }