system-clients 3.2.3-aodeToV4 → 3.2.4-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 (141) 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/App.vue +24 -24
  12. package/src/LodopFuncs.js +123 -123
  13. package/src/components/Main.vue +515 -515
  14. package/src/components/Util.js +343 -343
  15. package/src/components/equipment/EquipmentManage.vue +65 -65
  16. package/src/components/equipment/PcAdd.vue +105 -105
  17. package/src/components/equipment/PcList.vue +120 -120
  18. package/src/components/equipment/PcManage.vue +60 -60
  19. package/src/components/equipment/PhoneAdd.vue +94 -94
  20. package/src/components/equipment/PhoneList.vue +102 -102
  21. package/src/components/equipment/PhoneManage.vue +60 -60
  22. package/src/components/equipment/PosAdd.vue +156 -156
  23. package/src/components/equipment/PosList.vue +164 -164
  24. package/src/components/equipment/PosManage.vue +68 -68
  25. package/src/components/materialManage/materialData.vue +44 -44
  26. package/src/components/materialManage/materialList.vue +255 -255
  27. package/src/components/parammanage/ParamManage.vue +42 -42
  28. package/src/components/parammanage/ParamPage.vue +314 -314
  29. package/src/components/parammanage/ParamPages.vue +222 -222
  30. package/src/components/parammanage/SinglePage.vue +235 -235
  31. package/src/components/parammanage/SinglePages.vue +167 -167
  32. package/src/components/server/AddChangeMsg.vue +66 -66
  33. package/src/components/server/ChangeDeclare.vue +45 -45
  34. package/src/components/server/LeftTree.vue +111 -111
  35. package/src/components/server/LoadData.vue +36 -36
  36. package/src/components/server/Login.vue +726 -726
  37. package/src/components/server/Menu.vue +188 -188
  38. package/src/components/server/ModifyPw.vue +112 -112
  39. package/src/components/server/NewResSelectGroup.vue +211 -211
  40. package/src/components/server/ResSelect.vue +153 -153
  41. package/src/components/server/ResSelectGroup.vue +159 -159
  42. package/src/components/server/RightTree.vue +343 -343
  43. package/src/components/server/RoleSelector.vue +90 -90
  44. package/src/components/server/TestResSelect.vue +58 -58
  45. package/src/components/server/TestResSelectGroup.vue +388 -388
  46. package/src/plugins/EncryptUtil.js +53 -53
  47. package/src/plugins/GetLoginInfoService.js +499 -499
  48. package/src/plugins/HeatGetLoginInfoService.js +491 -491
  49. package/src/plugins/validation.js +7 -7
  50. package/src/project/State.js +17 -17
  51. package/src/stores/AppData.js +38 -38
  52. package/src/stores/HeatAppData.js +38 -38
  53. package/src/styles/fonts/glyphicons-halflings-regular.svg +287 -287
  54. package/src/styles/less/.csscomb.json +304 -304
  55. package/src/styles/less/.csslintrc +19 -19
  56. package/src/styles/less/alerts.less +73 -73
  57. package/src/styles/less/aofeng/animate.min.css +10 -10
  58. package/src/styles/less/aofeng/expandcss.less +569 -569
  59. package/src/styles/less/aofeng/standard.less +2121 -2121
  60. package/src/styles/less/aofeng/themeOne/BinaryTemplate.less +686 -686
  61. package/src/styles/less/aofeng/themeOne/loginStyle.less +1586 -1586
  62. package/src/styles/less/aofeng/themeOne/systemStyle.less +2650 -2650
  63. package/src/styles/less/aofeng/themeOne.less +17 -17
  64. package/src/styles/less/aofeng/themeTwo/newStyle1.less +415 -415
  65. package/src/styles/less/aofeng/themeTwo.less +3 -3
  66. package/src/styles/less/badges.less +66 -66
  67. package/src/styles/less/bootstrap.less +66 -66
  68. package/src/styles/less/breadcrumbs.less +26 -26
  69. package/src/styles/less/button-groups.less +247 -247
  70. package/src/styles/less/buttons.less +172 -172
  71. package/src/styles/less/carousel.less +269 -269
  72. package/src/styles/less/close.less +34 -34
  73. package/src/styles/less/code.less +69 -69
  74. package/src/styles/less/component-animations.less +33 -33
  75. package/src/styles/less/dropdowns.less +216 -216
  76. package/src/styles/less/fonts-list.less +25 -25
  77. package/src/styles/less/forms.less +626 -626
  78. package/src/styles/less/glyphicons.less +305 -305
  79. package/src/styles/less/grid.less +84 -84
  80. package/src/styles/less/input-groups.less +167 -167
  81. package/src/styles/less/jumbotron.less +52 -52
  82. package/src/styles/less/labels.less +64 -64
  83. package/src/styles/less/list-group.less +141 -141
  84. package/src/styles/less/manageStyle/manageChile.less +180 -180
  85. package/src/styles/less/manageStyle/manageStyle.less +1102 -1102
  86. package/src/styles/less/manageStyle/safeStyle.less +498 -498
  87. package/src/styles/less/media.less +66 -66
  88. package/src/styles/less/mixins/alerts.less +14 -14
  89. package/src/styles/less/mixins/background-variant.less +9 -9
  90. package/src/styles/less/mixins/border-radius.less +18 -18
  91. package/src/styles/less/mixins/buttons.less +69 -69
  92. package/src/styles/less/mixins/center-block.less +7 -7
  93. package/src/styles/less/mixins/clearfix.less +22 -22
  94. package/src/styles/less/mixins/forms.less +90 -90
  95. package/src/styles/less/mixins/gradients.less +59 -59
  96. package/src/styles/less/mixins/grid-framework.less +92 -92
  97. package/src/styles/less/mixins/grid.less +122 -122
  98. package/src/styles/less/mixins/hide-text.less +21 -21
  99. package/src/styles/less/mixins/image.less +33 -33
  100. package/src/styles/less/mixins/labels.less +12 -12
  101. package/src/styles/less/mixins/list-group.less +30 -30
  102. package/src/styles/less/mixins/nav-divider.less +10 -10
  103. package/src/styles/less/mixins/nav-vertical-align.less +9 -9
  104. package/src/styles/less/mixins/opacity.less +8 -8
  105. package/src/styles/less/mixins/pagination.less +24 -24
  106. package/src/styles/less/mixins/panels.less +24 -24
  107. package/src/styles/less/mixins/progress-bar.less +10 -10
  108. package/src/styles/less/mixins/reset-filter.less +8 -8
  109. package/src/styles/less/mixins/reset-text.less +18 -18
  110. package/src/styles/less/mixins/resize.less +6 -6
  111. package/src/styles/less/mixins/responsive-visibility.less +15 -15
  112. package/src/styles/less/mixins/size.less +10 -10
  113. package/src/styles/less/mixins/tab-focus.less +9 -9
  114. package/src/styles/less/mixins/table-row.less +44 -44
  115. package/src/styles/less/mixins/text-emphasis.less +9 -9
  116. package/src/styles/less/mixins/text-overflow.less +8 -8
  117. package/src/styles/less/mixins/vendor-prefixes.less +227 -227
  118. package/src/styles/less/mixins.less +40 -40
  119. package/src/styles/less/modals.less +151 -151
  120. package/src/styles/less/navbar.less +660 -660
  121. package/src/styles/less/navs.less +285 -285
  122. package/src/styles/less/normalize.less +424 -424
  123. package/src/styles/less/pager.less +76 -76
  124. package/src/styles/less/pagination.less +89 -89
  125. package/src/styles/less/panels.less +275 -275
  126. package/src/styles/less/popovers.less +131 -131
  127. package/src/styles/less/print.less +101 -101
  128. package/src/styles/less/progress-bars.less +87 -87
  129. package/src/styles/less/responsive-embed.less +35 -35
  130. package/src/styles/less/responsive-utilities.less +194 -194
  131. package/src/styles/less/scaffolding.less +161 -161
  132. package/src/styles/less/stand.less +207 -207
  133. package/src/styles/less/tables.less +262 -262
  134. package/src/styles/less/theme.less +291 -291
  135. package/src/styles/less/thumbnails.less +36 -36
  136. package/src/styles/less/tooltip.less +102 -102
  137. package/src/styles/less/type.less +303 -303
  138. package/src/styles/less/utilities.less +55 -55
  139. package/src/styles/less/variables.less +896 -896
  140. package/src/styles/less/wells.less +29 -29
  141. 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
+ }