system-clients 3.2.2-aodeToV4 → 3.2.3-aodeToV4

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 (139) hide show
  1. package/.eslintrc.js +16 -16
  2. package/.gradle/buildOutputCleanup/cache.properties +2 -2
  3. package/SystemClient.iml +11 -11
  4. package/build/webpack.base.conf.js +78 -78
  5. package/build.gradle +6 -6
  6. package/gradle/wrapper/gradle-wrapper.properties +5 -5
  7. package/gradlew +185 -185
  8. package/gradlew.bat +89 -89
  9. package/index.html +21 -21
  10. package/package.json +102 -102
  11. package/src/LodopFuncs.js +123 -123
  12. package/src/components/Main.vue +515 -515
  13. package/src/components/Util.js +343 -343
  14. package/src/components/equipment/EquipmentManage.vue +65 -65
  15. package/src/components/equipment/PcAdd.vue +105 -105
  16. package/src/components/equipment/PcList.vue +120 -119
  17. package/src/components/equipment/PcManage.vue +60 -60
  18. package/src/components/equipment/PhoneAdd.vue +94 -94
  19. package/src/components/equipment/PhoneList.vue +102 -102
  20. package/src/components/equipment/PhoneManage.vue +60 -60
  21. package/src/components/equipment/PosAdd.vue +156 -156
  22. package/src/components/equipment/PosList.vue +164 -164
  23. package/src/components/equipment/PosManage.vue +68 -68
  24. package/src/components/materialManage/materialData.vue +44 -44
  25. package/src/components/materialManage/materialList.vue +255 -255
  26. package/src/components/parammanage/ParamManage.vue +42 -42
  27. package/src/components/parammanage/ParamPage.vue +314 -314
  28. package/src/components/parammanage/ParamPages.vue +222 -222
  29. package/src/components/parammanage/SinglePage.vue +235 -235
  30. package/src/components/parammanage/SinglePages.vue +167 -167
  31. package/src/components/server/AddChangeMsg.vue +66 -66
  32. package/src/components/server/ChangeDeclare.vue +45 -45
  33. package/src/components/server/LeftTree.vue +111 -111
  34. package/src/components/server/LoadData.vue +36 -36
  35. package/src/components/server/Login.vue +726 -726
  36. package/src/components/server/Menu.vue +188 -188
  37. package/src/components/server/ModifyPw.vue +112 -112
  38. package/src/components/server/NewResSelectGroup.vue +211 -211
  39. package/src/components/server/ResSelect.vue +153 -153
  40. package/src/components/server/ResSelectGroup.vue +159 -159
  41. package/src/components/server/RightTree.vue +343 -343
  42. package/src/components/server/RoleSelector.vue +90 -90
  43. package/src/components/server/TestResSelect.vue +58 -58
  44. package/src/components/server/TestResSelectGroup.vue +388 -388
  45. package/src/plugins/EncryptUtil.js +53 -53
  46. package/src/plugins/GetLoginInfoService.js +499 -499
  47. package/src/plugins/HeatGetLoginInfoService.js +491 -491
  48. package/src/plugins/validation.js +7 -7
  49. package/src/stores/AppData.js +38 -38
  50. package/src/stores/HeatAppData.js +38 -38
  51. package/src/styles/fonts/glyphicons-halflings-regular.svg +287 -287
  52. package/src/styles/less/.csscomb.json +304 -304
  53. package/src/styles/less/.csslintrc +19 -19
  54. package/src/styles/less/alerts.less +73 -73
  55. package/src/styles/less/aofeng/animate.min.css +10 -10
  56. package/src/styles/less/aofeng/expandcss.less +569 -569
  57. package/src/styles/less/aofeng/standard.less +2121 -2121
  58. package/src/styles/less/aofeng/themeOne/BinaryTemplate.less +686 -686
  59. package/src/styles/less/aofeng/themeOne/loginStyle.less +1586 -1586
  60. package/src/styles/less/aofeng/themeOne/systemStyle.less +2650 -2650
  61. package/src/styles/less/aofeng/themeOne.less +17 -17
  62. package/src/styles/less/aofeng/themeTwo/newStyle1.less +415 -415
  63. package/src/styles/less/aofeng/themeTwo.less +3 -3
  64. package/src/styles/less/badges.less +66 -66
  65. package/src/styles/less/bootstrap.less +66 -66
  66. package/src/styles/less/breadcrumbs.less +26 -26
  67. package/src/styles/less/button-groups.less +247 -247
  68. package/src/styles/less/buttons.less +172 -172
  69. package/src/styles/less/carousel.less +269 -269
  70. package/src/styles/less/close.less +34 -34
  71. package/src/styles/less/code.less +69 -69
  72. package/src/styles/less/component-animations.less +33 -33
  73. package/src/styles/less/dropdowns.less +216 -216
  74. package/src/styles/less/fonts-list.less +25 -25
  75. package/src/styles/less/forms.less +626 -626
  76. package/src/styles/less/glyphicons.less +305 -305
  77. package/src/styles/less/grid.less +84 -84
  78. package/src/styles/less/input-groups.less +167 -167
  79. package/src/styles/less/jumbotron.less +52 -52
  80. package/src/styles/less/labels.less +64 -64
  81. package/src/styles/less/list-group.less +141 -141
  82. package/src/styles/less/manageStyle/manageChile.less +180 -180
  83. package/src/styles/less/manageStyle/manageStyle.less +1102 -1102
  84. package/src/styles/less/manageStyle/safeStyle.less +498 -498
  85. package/src/styles/less/media.less +66 -66
  86. package/src/styles/less/mixins/alerts.less +14 -14
  87. package/src/styles/less/mixins/background-variant.less +9 -9
  88. package/src/styles/less/mixins/border-radius.less +18 -18
  89. package/src/styles/less/mixins/buttons.less +69 -69
  90. package/src/styles/less/mixins/center-block.less +7 -7
  91. package/src/styles/less/mixins/clearfix.less +22 -22
  92. package/src/styles/less/mixins/forms.less +90 -90
  93. package/src/styles/less/mixins/gradients.less +59 -59
  94. package/src/styles/less/mixins/grid-framework.less +92 -92
  95. package/src/styles/less/mixins/grid.less +122 -122
  96. package/src/styles/less/mixins/hide-text.less +21 -21
  97. package/src/styles/less/mixins/image.less +33 -33
  98. package/src/styles/less/mixins/labels.less +12 -12
  99. package/src/styles/less/mixins/list-group.less +30 -30
  100. package/src/styles/less/mixins/nav-divider.less +10 -10
  101. package/src/styles/less/mixins/nav-vertical-align.less +9 -9
  102. package/src/styles/less/mixins/opacity.less +8 -8
  103. package/src/styles/less/mixins/pagination.less +24 -24
  104. package/src/styles/less/mixins/panels.less +24 -24
  105. package/src/styles/less/mixins/progress-bar.less +10 -10
  106. package/src/styles/less/mixins/reset-filter.less +8 -8
  107. package/src/styles/less/mixins/reset-text.less +18 -18
  108. package/src/styles/less/mixins/resize.less +6 -6
  109. package/src/styles/less/mixins/responsive-visibility.less +15 -15
  110. package/src/styles/less/mixins/size.less +10 -10
  111. package/src/styles/less/mixins/tab-focus.less +9 -9
  112. package/src/styles/less/mixins/table-row.less +44 -44
  113. package/src/styles/less/mixins/text-emphasis.less +9 -9
  114. package/src/styles/less/mixins/text-overflow.less +8 -8
  115. package/src/styles/less/mixins/vendor-prefixes.less +227 -227
  116. package/src/styles/less/mixins.less +40 -40
  117. package/src/styles/less/modals.less +151 -151
  118. package/src/styles/less/navbar.less +660 -660
  119. package/src/styles/less/navs.less +285 -285
  120. package/src/styles/less/normalize.less +424 -424
  121. package/src/styles/less/pager.less +76 -76
  122. package/src/styles/less/pagination.less +89 -89
  123. package/src/styles/less/panels.less +275 -275
  124. package/src/styles/less/popovers.less +131 -131
  125. package/src/styles/less/print.less +101 -101
  126. package/src/styles/less/progress-bars.less +87 -87
  127. package/src/styles/less/responsive-embed.less +35 -35
  128. package/src/styles/less/responsive-utilities.less +194 -194
  129. package/src/styles/less/scaffolding.less +161 -161
  130. package/src/styles/less/stand.less +207 -207
  131. package/src/styles/less/tables.less +262 -262
  132. package/src/styles/less/theme.less +291 -291
  133. package/src/styles/less/thumbnails.less +36 -36
  134. package/src/styles/less/tooltip.less +102 -102
  135. package/src/styles/less/type.less +303 -303
  136. package/src/styles/less/utilities.less +55 -55
  137. package/src/styles/less/variables.less +896 -896
  138. package/src/styles/less/wells.less +29 -29
  139. package/src/system.js +85 -85
@@ -1,131 +1,131 @@
1
- //
2
- // Popovers
3
- // --------------------------------------------------
4
-
5
-
6
- .popover {
7
- position: absolute;
8
- top: 0;
9
- left: 0;
10
- z-index: @zindex-popover;
11
- display: none;
12
- max-width: @popover-max-width;
13
- padding: 1px;
14
- // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
15
- // So reset our font and text properties to avoid inheriting weird values.
16
- .reset-text();
17
- font-size: @font-size-base;
18
-
19
- background-color: @popover-bg;
20
- background-clip: padding-box;
21
- border: 1px solid @popover-fallback-border-color;
22
- border: 1px solid @popover-border-color;
23
- border-radius: @border-radius-large;
24
- .box-shadow(0 5px 10px rgba(0,0,0,.2));
25
-
26
- // Offset the popover to account for the popover arrow
27
- &.top { margin-top: -@popover-arrow-width; }
28
- &.right { margin-left: @popover-arrow-width; }
29
- &.bottom { margin-top: @popover-arrow-width; }
30
- &.left { margin-left: -@popover-arrow-width; }
31
- }
32
-
33
- .popover-title {
34
- margin: 0; // reset heading margin
35
- padding: 8px 14px;
36
- font-size: @font-size-base;
37
- background-color: @popover-title-bg;
38
- border-bottom: 1px solid darken(@popover-title-bg, 5%);
39
- border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
40
- }
41
-
42
- .popover-content {
43
- padding: 9px 14px;
44
- }
45
-
46
- // Arrows
47
- //
48
- // .arrow is outer, .arrow:after is inner
49
-
50
- .popover > .arrow {
51
- &,
52
- &:after {
53
- position: absolute;
54
- display: block;
55
- width: 0;
56
- height: 0;
57
- border-color: transparent;
58
- border-style: solid;
59
- }
60
- }
61
- .popover > .arrow {
62
- border-width: @popover-arrow-outer-width;
63
- }
64
- .popover > .arrow:after {
65
- border-width: @popover-arrow-width;
66
- content: "";
67
- }
68
-
69
- .popover {
70
- &.top > .arrow {
71
- left: 50%;
72
- margin-left: -@popover-arrow-outer-width;
73
- border-bottom-width: 0;
74
- border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
75
- border-top-color: @popover-arrow-outer-color;
76
- bottom: -@popover-arrow-outer-width;
77
- &:after {
78
- content: " ";
79
- bottom: 1px;
80
- margin-left: -@popover-arrow-width;
81
- border-bottom-width: 0;
82
- border-top-color: @popover-arrow-color;
83
- }
84
- }
85
- &.right > .arrow {
86
- top: 50%;
87
- left: -@popover-arrow-outer-width;
88
- margin-top: -@popover-arrow-outer-width;
89
- border-left-width: 0;
90
- border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
91
- border-right-color: @popover-arrow-outer-color;
92
- &:after {
93
- content: " ";
94
- left: 1px;
95
- bottom: -@popover-arrow-width;
96
- border-left-width: 0;
97
- border-right-color: @popover-arrow-color;
98
- }
99
- }
100
- &.bottom > .arrow {
101
- left: 50%;
102
- margin-left: -@popover-arrow-outer-width;
103
- border-top-width: 0;
104
- border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
105
- border-bottom-color: @popover-arrow-outer-color;
106
- top: -@popover-arrow-outer-width;
107
- &:after {
108
- content: " ";
109
- top: 1px;
110
- margin-left: -@popover-arrow-width;
111
- border-top-width: 0;
112
- border-bottom-color: @popover-arrow-color;
113
- }
114
- }
115
-
116
- &.left > .arrow {
117
- top: 50%;
118
- right: -@popover-arrow-outer-width;
119
- margin-top: -@popover-arrow-outer-width;
120
- border-right-width: 0;
121
- border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
122
- border-left-color: @popover-arrow-outer-color;
123
- &:after {
124
- content: " ";
125
- right: 1px;
126
- border-right-width: 0;
127
- border-left-color: @popover-arrow-color;
128
- bottom: -@popover-arrow-width;
129
- }
130
- }
131
- }
1
+ //
2
+ // Popovers
3
+ // --------------------------------------------------
4
+
5
+
6
+ .popover {
7
+ position: absolute;
8
+ top: 0;
9
+ left: 0;
10
+ z-index: @zindex-popover;
11
+ display: none;
12
+ max-width: @popover-max-width;
13
+ padding: 1px;
14
+ // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.
15
+ // So reset our font and text properties to avoid inheriting weird values.
16
+ .reset-text();
17
+ font-size: @font-size-base;
18
+
19
+ background-color: @popover-bg;
20
+ background-clip: padding-box;
21
+ border: 1px solid @popover-fallback-border-color;
22
+ border: 1px solid @popover-border-color;
23
+ border-radius: @border-radius-large;
24
+ .box-shadow(0 5px 10px rgba(0,0,0,.2));
25
+
26
+ // Offset the popover to account for the popover arrow
27
+ &.top { margin-top: -@popover-arrow-width; }
28
+ &.right { margin-left: @popover-arrow-width; }
29
+ &.bottom { margin-top: @popover-arrow-width; }
30
+ &.left { margin-left: -@popover-arrow-width; }
31
+ }
32
+
33
+ .popover-title {
34
+ margin: 0; // reset heading margin
35
+ padding: 8px 14px;
36
+ font-size: @font-size-base;
37
+ background-color: @popover-title-bg;
38
+ border-bottom: 1px solid darken(@popover-title-bg, 5%);
39
+ border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;
40
+ }
41
+
42
+ .popover-content {
43
+ padding: 9px 14px;
44
+ }
45
+
46
+ // Arrows
47
+ //
48
+ // .arrow is outer, .arrow:after is inner
49
+
50
+ .popover > .arrow {
51
+ &,
52
+ &:after {
53
+ position: absolute;
54
+ display: block;
55
+ width: 0;
56
+ height: 0;
57
+ border-color: transparent;
58
+ border-style: solid;
59
+ }
60
+ }
61
+ .popover > .arrow {
62
+ border-width: @popover-arrow-outer-width;
63
+ }
64
+ .popover > .arrow:after {
65
+ border-width: @popover-arrow-width;
66
+ content: "";
67
+ }
68
+
69
+ .popover {
70
+ &.top > .arrow {
71
+ left: 50%;
72
+ margin-left: -@popover-arrow-outer-width;
73
+ border-bottom-width: 0;
74
+ border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
75
+ border-top-color: @popover-arrow-outer-color;
76
+ bottom: -@popover-arrow-outer-width;
77
+ &:after {
78
+ content: " ";
79
+ bottom: 1px;
80
+ margin-left: -@popover-arrow-width;
81
+ border-bottom-width: 0;
82
+ border-top-color: @popover-arrow-color;
83
+ }
84
+ }
85
+ &.right > .arrow {
86
+ top: 50%;
87
+ left: -@popover-arrow-outer-width;
88
+ margin-top: -@popover-arrow-outer-width;
89
+ border-left-width: 0;
90
+ border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
91
+ border-right-color: @popover-arrow-outer-color;
92
+ &:after {
93
+ content: " ";
94
+ left: 1px;
95
+ bottom: -@popover-arrow-width;
96
+ border-left-width: 0;
97
+ border-right-color: @popover-arrow-color;
98
+ }
99
+ }
100
+ &.bottom > .arrow {
101
+ left: 50%;
102
+ margin-left: -@popover-arrow-outer-width;
103
+ border-top-width: 0;
104
+ border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
105
+ border-bottom-color: @popover-arrow-outer-color;
106
+ top: -@popover-arrow-outer-width;
107
+ &:after {
108
+ content: " ";
109
+ top: 1px;
110
+ margin-left: -@popover-arrow-width;
111
+ border-top-width: 0;
112
+ border-bottom-color: @popover-arrow-color;
113
+ }
114
+ }
115
+
116
+ &.left > .arrow {
117
+ top: 50%;
118
+ right: -@popover-arrow-outer-width;
119
+ margin-top: -@popover-arrow-outer-width;
120
+ border-right-width: 0;
121
+ border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
122
+ border-left-color: @popover-arrow-outer-color;
123
+ &:after {
124
+ content: " ";
125
+ right: 1px;
126
+ border-right-width: 0;
127
+ border-left-color: @popover-arrow-color;
128
+ bottom: -@popover-arrow-width;
129
+ }
130
+ }
131
+ }
@@ -1,101 +1,101 @@
1
- /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
2
-
3
- // ==========================================================================
4
- // Print styles.
5
- // Inlined to avoid the additional HTTP request: h5bp.com/r
6
- // ==========================================================================
7
-
8
- @media print {
9
- *,
10
- *:before,
11
- *:after {
12
- background: transparent !important;
13
- color: #000 !important; // Black prints faster: h5bp.com/s
14
- box-shadow: none !important;
15
- text-shadow: none !important;
16
- }
17
-
18
- a,
19
- a:visited {
20
- text-decoration: underline;
21
- }
22
-
23
- a[href]:after {
24
- content: " (" attr(href) ")";
25
- }
26
-
27
- abbr[title]:after {
28
- content: " (" attr(title) ")";
29
- }
30
-
31
- // Don't show links that are fragment identifiers,
32
- // or use the `javascript:` pseudo protocol
33
- a[href^="#"]:after,
34
- a[href^="javascript:"]:after {
35
- content: "";
36
- }
37
-
38
- pre,
39
- blockquote {
40
- border: 1px solid #999;
41
- page-break-inside: avoid;
42
- }
43
-
44
- thead {
45
- display: table-header-group; // h5bp.com/t
46
- }
47
-
48
- tr,
49
- img {
50
- page-break-inside: avoid;
51
- }
52
-
53
- img {
54
- max-width: 100% !important;
55
- }
56
-
57
- p,
58
- h2,
59
- h3 {
60
- orphans: 3;
61
- widows: 3;
62
- }
63
-
64
- h2,
65
- h3 {
66
- page-break-after: avoid;
67
- }
68
-
69
- // Bootstrap specific changes start
70
-
71
- // Bootstrap components
72
- .navbar {
73
- display: none;
74
- }
75
- .btn,
76
- .dropup > .btn {
77
- > .caret {
78
- border-top-color: #000 !important;
79
- }
80
- }
81
- .label {
82
- border: 1px solid #000;
83
- }
84
-
85
- .table {
86
- border-collapse: collapse !important;
87
-
88
- td,
89
- th {
90
- background-color: #fff !important;
91
- }
92
- }
93
- .table-bordered {
94
- th,
95
- td {
96
- border: 1px solid #ddd !important;
97
- }
98
- }
99
-
100
- // Bootstrap specific changes end
101
- }
1
+ /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
2
+
3
+ // ==========================================================================
4
+ // Print styles.
5
+ // Inlined to avoid the additional HTTP request: h5bp.com/r
6
+ // ==========================================================================
7
+
8
+ @media print {
9
+ *,
10
+ *:before,
11
+ *:after {
12
+ background: transparent !important;
13
+ color: #000 !important; // Black prints faster: h5bp.com/s
14
+ box-shadow: none !important;
15
+ text-shadow: none !important;
16
+ }
17
+
18
+ a,
19
+ a:visited {
20
+ text-decoration: underline;
21
+ }
22
+
23
+ a[href]:after {
24
+ content: " (" attr(href) ")";
25
+ }
26
+
27
+ abbr[title]:after {
28
+ content: " (" attr(title) ")";
29
+ }
30
+
31
+ // Don't show links that are fragment identifiers,
32
+ // or use the `javascript:` pseudo protocol
33
+ a[href^="#"]:after,
34
+ a[href^="javascript:"]:after {
35
+ content: "";
36
+ }
37
+
38
+ pre,
39
+ blockquote {
40
+ border: 1px solid #999;
41
+ page-break-inside: avoid;
42
+ }
43
+
44
+ thead {
45
+ display: table-header-group; // h5bp.com/t
46
+ }
47
+
48
+ tr,
49
+ img {
50
+ page-break-inside: avoid;
51
+ }
52
+
53
+ img {
54
+ max-width: 100% !important;
55
+ }
56
+
57
+ p,
58
+ h2,
59
+ h3 {
60
+ orphans: 3;
61
+ widows: 3;
62
+ }
63
+
64
+ h2,
65
+ h3 {
66
+ page-break-after: avoid;
67
+ }
68
+
69
+ // Bootstrap specific changes start
70
+
71
+ // Bootstrap components
72
+ .navbar {
73
+ display: none;
74
+ }
75
+ .btn,
76
+ .dropup > .btn {
77
+ > .caret {
78
+ border-top-color: #000 !important;
79
+ }
80
+ }
81
+ .label {
82
+ border: 1px solid #000;
83
+ }
84
+
85
+ .table {
86
+ border-collapse: collapse !important;
87
+
88
+ td,
89
+ th {
90
+ background-color: #fff !important;
91
+ }
92
+ }
93
+ .table-bordered {
94
+ th,
95
+ td {
96
+ border: 1px solid #ddd !important;
97
+ }
98
+ }
99
+
100
+ // Bootstrap specific changes end
101
+ }
@@ -1,87 +1,87 @@
1
- //
2
- // Progress bars
3
- // --------------------------------------------------
4
-
5
-
6
- // Bar animations
7
- // -------------------------
8
-
9
- // WebKit
10
- @-webkit-keyframes progress-bar-stripes {
11
- from { background-position: 40px 0; }
12
- to { background-position: 0 0; }
13
- }
14
-
15
- // Spec and IE10+
16
- @keyframes progress-bar-stripes {
17
- from { background-position: 40px 0; }
18
- to { background-position: 0 0; }
19
- }
20
-
21
-
22
- // Bar itself
23
- // -------------------------
24
-
25
- // Outer container
26
- .progress {
27
- overflow: hidden;
28
- height: @line-height-computed;
29
- margin-bottom: @line-height-computed;
30
- background-color: @progress-bg;
31
- border-radius: @progress-border-radius;
32
- .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
33
- }
34
-
35
- // Bar of progress
36
- .progress-bar {
37
- float: left;
38
- width: 0%;
39
- height: 100%;
40
- font-size: @font-size-small;
41
- line-height: @line-height-computed;
42
- color: @progress-bar-color;
43
- text-align: center;
44
- background-color: @progress-bar-bg;
45
- .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
46
- .transition(width .6s ease);
47
- }
48
-
49
- // Striped bars
50
- //
51
- // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
52
- // `.progress-bar-striped` class, which you just add to an existing
53
- // `.progress-bar`.
54
- .progress-striped .progress-bar,
55
- .progress-bar-striped {
56
- #gradient > .striped();
57
- background-size: 40px 40px;
58
- }
59
-
60
- // Call animation for the active one
61
- //
62
- // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
63
- // `.progress-bar.active` approach.
64
- .progress.active .progress-bar,
65
- .progress-bar.active {
66
- .animation(progress-bar-stripes 2s linear infinite);
67
- }
68
-
69
-
70
- // Variations
71
- // -------------------------
72
-
73
- .progress-bar-success {
74
- .progress-bar-variant(@progress-bar-success-bg);
75
- }
76
-
77
- .progress-bar-info {
78
- .progress-bar-variant(@progress-bar-info-bg);
79
- }
80
-
81
- .progress-bar-warning {
82
- .progress-bar-variant(@progress-bar-warning-bg);
83
- }
84
-
85
- .progress-bar-danger {
86
- .progress-bar-variant(@progress-bar-danger-bg);
87
- }
1
+ //
2
+ // Progress bars
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Bar animations
7
+ // -------------------------
8
+
9
+ // WebKit
10
+ @-webkit-keyframes progress-bar-stripes {
11
+ from { background-position: 40px 0; }
12
+ to { background-position: 0 0; }
13
+ }
14
+
15
+ // Spec and IE10+
16
+ @keyframes progress-bar-stripes {
17
+ from { background-position: 40px 0; }
18
+ to { background-position: 0 0; }
19
+ }
20
+
21
+
22
+ // Bar itself
23
+ // -------------------------
24
+
25
+ // Outer container
26
+ .progress {
27
+ overflow: hidden;
28
+ height: @line-height-computed;
29
+ margin-bottom: @line-height-computed;
30
+ background-color: @progress-bg;
31
+ border-radius: @progress-border-radius;
32
+ .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
33
+ }
34
+
35
+ // Bar of progress
36
+ .progress-bar {
37
+ float: left;
38
+ width: 0%;
39
+ height: 100%;
40
+ font-size: @font-size-small;
41
+ line-height: @line-height-computed;
42
+ color: @progress-bar-color;
43
+ text-align: center;
44
+ background-color: @progress-bar-bg;
45
+ .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
46
+ .transition(width .6s ease);
47
+ }
48
+
49
+ // Striped bars
50
+ //
51
+ // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
52
+ // `.progress-bar-striped` class, which you just add to an existing
53
+ // `.progress-bar`.
54
+ .progress-striped .progress-bar,
55
+ .progress-bar-striped {
56
+ #gradient > .striped();
57
+ background-size: 40px 40px;
58
+ }
59
+
60
+ // Call animation for the active one
61
+ //
62
+ // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
63
+ // `.progress-bar.active` approach.
64
+ .progress.active .progress-bar,
65
+ .progress-bar.active {
66
+ .animation(progress-bar-stripes 2s linear infinite);
67
+ }
68
+
69
+
70
+ // Variations
71
+ // -------------------------
72
+
73
+ .progress-bar-success {
74
+ .progress-bar-variant(@progress-bar-success-bg);
75
+ }
76
+
77
+ .progress-bar-info {
78
+ .progress-bar-variant(@progress-bar-info-bg);
79
+ }
80
+
81
+ .progress-bar-warning {
82
+ .progress-bar-variant(@progress-bar-warning-bg);
83
+ }
84
+
85
+ .progress-bar-danger {
86
+ .progress-bar-variant(@progress-bar-danger-bg);
87
+ }