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