Commit f1bab7ee0168c97b7810c4e9143bea4987eb680c
1 parent
890624bf
安全驾驶接口ip修改
Showing
7 changed files
with
1208 additions
and
950 deletions
.gitignore
| 1 | -.classpath | |
| 2 | -.project | |
| 3 | -.springBeans | |
| 4 | -.settings/* | |
| 5 | -/target/* | |
| 6 | -node_modules/ | |
| 7 | -test_junitReport/ | |
| 8 | -test_coverage/ | |
| 9 | -.idea | |
| 10 | -.DS_Store | |
| 11 | -*.iml | |
| 12 | -tmp | |
| 13 | - | |
| 14 | -# git忽略空文件夹,按照惯例,空文件夹下放置.gitkeep文件避免文件夹被忽略不上传。 | |
| 15 | -!.gitkeep | |
| 16 | -/target/ | |
| 1 | +.classpath | |
| 2 | +.project | |
| 3 | +.springBeans | |
| 4 | +.settings/* | |
| 5 | +/target/* | |
| 6 | +node_modules/ | |
| 7 | +test_junitReport/ | |
| 8 | +test_coverage/ | |
| 9 | +.idea | |
| 10 | +.DS_Store | |
| 11 | +*.iml | |
| 12 | +tmp | |
| 13 | + | |
| 14 | +# git忽略空文件夹,按照惯例,空文件夹下放置.gitkeep文件避免文件夹被忽略不上传。 | |
| 15 | +!.gitkeep | |
| 16 | +/target/ | |
| 17 | +/bin/ | ... | ... |
src/main/resources/application-dev.properties
| 1 | -server.port=9089 | |
| 2 | -management.port= 9001 | |
| 3 | -management.address= 127.0.0.1 | |
| 4 | - | |
| 5 | -spring.jpa.hibernate.ddl-auto= none | |
| 6 | -spring.jpa.hibernate.naming_strategy= org.hibernate.cfg.ImprovedNamingStrategy | |
| 7 | -#DATABASE | |
| 8 | -spring.jpa.database= MYSQL | |
| 9 | -spring.jpa.show-sql= true | |
| 10 | -spring.datasource.driver-class-name= com.mysql.jdbc.Driver | |
| 11 | -spring.datasource.url= jdbc:mysql://127.0.0.1/pd_control?useUnicode=true&characterEncoding=utf-8&useSSL=false | |
| 12 | -spring.datasource.username= root | |
| 13 | -spring.datasource.password= panzhao | |
| 14 | -#DATASOURCE | |
| 15 | -spring.datasource.max-active=100 | |
| 16 | -spring.datasource.max-idle=8 | |
| 17 | -spring.datasource.min-idle=8 | |
| 18 | -spring.datasource.initial-size=5 | |
| 19 | - | |
| 20 | -spring.datasource.test-on-borrow=true | |
| 21 | -spring.datasource.test-on-connect=true | |
| 22 | -spring.datasource.test-on-return=true | |
| 23 | -spring.datasource.test-while-idle=true | |
| 24 | -spring.datasource.validation-query=select 1 | |
| 25 | - | |
| 26 | - | |
| 27 | -#REDIS | |
| 28 | -spring.redis.database=0 | |
| 29 | -spring.redis.host=127.0.0.1 | |
| 30 | -spring.redis.password=bsth_control_001 | |
| 31 | -spring.redis.port=28008 | |
| 32 | - | |
| 33 | -http.control.service_data_url= http://127.0.0.1:9088/companyService | |
| 34 | -http.control.secret.key= dVPHJkWUt5FhMT7jrM2dLV7QvlHAmZFd42rs1P0usBx8A7HZki | |
| 35 | - | |
| 36 | -http.gps.real.url= http://27.115.69.123:8800/transport_server/rtgps/ | |
| 1 | +server.port=9089 | |
| 2 | +management.port= 9001 | |
| 3 | +management.address= 127.0.0.1 | |
| 4 | + | |
| 5 | +spring.jpa.hibernate.ddl-auto= none | |
| 6 | +spring.jpa.hibernate.naming_strategy= org.hibernate.cfg.ImprovedNamingStrategy | |
| 7 | +#DATABASE | |
| 8 | +spring.jpa.database= MYSQL | |
| 9 | +spring.jpa.show-sql= true | |
| 10 | +spring.datasource.driver-class-name= com.mysql.jdbc.Driver | |
| 11 | +spring.datasource.url= jdbc:mysql://127.0.0.1/control?useUnicode=true&characterEncoding=utf-8&useSSL=false | |
| 12 | +spring.datasource.username= root | |
| 13 | +spring.datasource.password= root | |
| 14 | +#DATASOURCE | |
| 15 | +spring.datasource.max-active=100 | |
| 16 | +spring.datasource.max-idle=8 | |
| 17 | +spring.datasource.min-idle=8 | |
| 18 | +spring.datasource.initial-size=5 | |
| 19 | + | |
| 20 | +spring.datasource.test-on-borrow=true | |
| 21 | +spring.datasource.test-on-connect=true | |
| 22 | +spring.datasource.test-on-return=true | |
| 23 | +spring.datasource.test-while-idle=true | |
| 24 | +spring.datasource.validation-query=select 1 | |
| 25 | + | |
| 26 | + | |
| 27 | +#REDIS | |
| 28 | +spring.redis.database=0 | |
| 29 | +spring.redis.host=127.0.0.1 | |
| 30 | +spring.redis.password=bsth_control_001 | |
| 31 | +spring.redis.port=28008 | |
| 32 | + | |
| 33 | +http.control.service_data_url= http://127.0.0.1:9088/companyService | |
| 34 | +http.control.secret.key= dVPHJkWUt5FhMT7jrM2dLV7QvlHAmZFd42rs1P0usBx8A7HZki | |
| 35 | + | |
| 36 | +http.gps.real.url= http://27.115.69.123:8800/transport_server/rtgps/ | ... | ... |
src/main/resources/logback.xml
| ... | ... | @@ -9,7 +9,8 @@ |
| 9 | 9 | |
| 10 | 10 | <layout class="ch.qos.logback.classic.PatternLayout"> |
| 11 | 11 | <!--格式化输出:%d表示日期,%thread表示线程名,%-5level:级别从左显示5个字符宽度%msg:日志消息,%n是换行符 --> |
| 12 | - <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] [%file:%line] %-5level-%msg%n | |
| 12 | + <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] [%file:%line] | |
| 13 | + %-5level-%msg%n | |
| 13 | 14 | </pattern> |
| 14 | 15 | </layout> |
| 15 | 16 | </appender> |
| ... | ... | @@ -31,7 +32,8 @@ |
| 31 | 32 | |
| 32 | 33 | <layout class="ch.qos.logback.classic.PatternLayout"> |
| 33 | 34 | <!--格式化输出:%d表示日期,%thread表示线程名,%-5level:级别从左显示5个字符宽度%msg:日志消息,%n是换行符 --> |
| 34 | - <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] [%file:%line] %-5level-%msg%n | |
| 35 | + <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} [%thread] [%file:%line] | |
| 36 | + %-5level-%msg%n | |
| 35 | 37 | </pattern> |
| 36 | 38 | </layout> |
| 37 | 39 | </appender> | ... | ... |
src/main/resources/static/bootstrap-switch/css/bootstrap3/bootstrap-switch.css
| 1 | -/** | |
| 2 | - * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches. | |
| 3 | - * | |
| 4 | - * @version v3.3.4 | |
| 5 | - * @homepage https://bttstrp.github.io/bootstrap-switch | |
| 6 | - * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu) | |
| 7 | - * @license Apache-2.0 | |
| 8 | - */ | |
| 9 | - | |
| 10 | -.bootstrap-switch { | |
| 11 | - display: inline-block; | |
| 12 | - direction: ltr; | |
| 13 | - cursor: pointer; | |
| 14 | - border-radius: 4px; | |
| 15 | - border: 1px solid; | |
| 16 | - border-color: #ccc; | |
| 17 | - position: relative; | |
| 18 | - text-align: left; | |
| 19 | - overflow: hidden; | |
| 20 | - line-height: 8px; | |
| 21 | - z-index: 0; | |
| 22 | - -webkit-user-select: none; | |
| 23 | - -moz-user-select: none; | |
| 24 | - -ms-user-select: none; | |
| 25 | - user-select: none; | |
| 26 | - vertical-align: middle; | |
| 27 | - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| 28 | - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| 29 | - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| 30 | -} | |
| 31 | -.bootstrap-switch .bootstrap-switch-container { | |
| 32 | - display: inline-block; | |
| 33 | - top: 0; | |
| 34 | - border-radius: 4px; | |
| 35 | - -webkit-transform: translate3d(0, 0, 0); | |
| 36 | - transform: translate3d(0, 0, 0); | |
| 37 | -} | |
| 38 | -.bootstrap-switch .bootstrap-switch-handle-on, | |
| 39 | -.bootstrap-switch .bootstrap-switch-handle-off, | |
| 40 | -.bootstrap-switch .bootstrap-switch-label { | |
| 41 | - -webkit-box-sizing: border-box; | |
| 42 | - -moz-box-sizing: border-box; | |
| 43 | - box-sizing: border-box; | |
| 44 | - cursor: pointer; | |
| 45 | - display: table-cell; | |
| 46 | - vertical-align: middle; | |
| 47 | - padding: 6px 12px; | |
| 48 | - font-size: 14px; | |
| 49 | - line-height: 20px; | |
| 50 | -} | |
| 51 | -.bootstrap-switch .bootstrap-switch-handle-on, | |
| 52 | -.bootstrap-switch .bootstrap-switch-handle-off { | |
| 53 | - text-align: center; | |
| 54 | - z-index: 1; | |
| 55 | -} | |
| 56 | -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, | |
| 57 | -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { | |
| 58 | - color: #fff; | |
| 59 | - background: #337ab7; | |
| 60 | -} | |
| 61 | -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, | |
| 62 | -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { | |
| 63 | - color: #fff; | |
| 64 | - background: #5bc0de; | |
| 65 | -} | |
| 66 | -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, | |
| 67 | -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { | |
| 68 | - color: #fff; | |
| 69 | - background: #5cb85c; | |
| 70 | -} | |
| 71 | -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, | |
| 72 | -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { | |
| 73 | - background: #f0ad4e; | |
| 74 | - color: #fff; | |
| 75 | -} | |
| 76 | -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, | |
| 77 | -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { | |
| 78 | - color: #fff; | |
| 79 | - background: #d9534f; | |
| 80 | -} | |
| 81 | -.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, | |
| 82 | -.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { | |
| 83 | - color: #000; | |
| 84 | - background: #eeeeee; | |
| 85 | -} | |
| 86 | -.bootstrap-switch .bootstrap-switch-label { | |
| 87 | - text-align: center; | |
| 88 | - margin-top: -1px; | |
| 89 | - margin-bottom: -1px; | |
| 90 | - z-index: 100; | |
| 91 | - color: #333; | |
| 92 | - background: #fff; | |
| 93 | -} | |
| 94 | -.bootstrap-switch span::before { | |
| 95 | - content: "\200b"; | |
| 96 | -} | |
| 97 | -.bootstrap-switch .bootstrap-switch-handle-on { | |
| 98 | - border-bottom-left-radius: 3px; | |
| 99 | - border-top-left-radius: 3px; | |
| 100 | -} | |
| 101 | -.bootstrap-switch .bootstrap-switch-handle-off { | |
| 102 | - border-bottom-right-radius: 3px; | |
| 103 | - border-top-right-radius: 3px; | |
| 104 | -} | |
| 105 | -.bootstrap-switch input[type='radio'], | |
| 106 | -.bootstrap-switch input[type='checkbox'] { | |
| 107 | - position: absolute !important; | |
| 108 | - top: 0; | |
| 109 | - left: 0; | |
| 110 | - margin: 0; | |
| 111 | - z-index: -1; | |
| 112 | - opacity: 0; | |
| 113 | - filter: alpha(opacity=0); | |
| 114 | - visibility: hidden; | |
| 115 | -} | |
| 116 | -.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, | |
| 117 | -.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, | |
| 118 | -.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { | |
| 119 | - padding: 1px 5px; | |
| 120 | - font-size: 12px; | |
| 121 | - line-height: 1.5; | |
| 122 | -} | |
| 123 | -.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, | |
| 124 | -.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, | |
| 125 | -.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { | |
| 126 | - padding: 5px 10px; | |
| 127 | - font-size: 12px; | |
| 128 | - line-height: 1.5; | |
| 129 | -} | |
| 130 | -.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, | |
| 131 | -.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, | |
| 132 | -.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { | |
| 133 | - padding: 6px 16px; | |
| 134 | - font-size: 18px; | |
| 135 | - line-height: 1.3333333; | |
| 136 | -} | |
| 137 | -.bootstrap-switch.bootstrap-switch-disabled, | |
| 138 | -.bootstrap-switch.bootstrap-switch-readonly, | |
| 139 | -.bootstrap-switch.bootstrap-switch-indeterminate { | |
| 140 | - cursor: default !important; | |
| 141 | -} | |
| 142 | -.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, | |
| 143 | -.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, | |
| 144 | -.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, | |
| 145 | -.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, | |
| 146 | -.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, | |
| 147 | -.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, | |
| 148 | -.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, | |
| 149 | -.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, | |
| 150 | -.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { | |
| 151 | - opacity: 0.5; | |
| 152 | - filter: alpha(opacity=50); | |
| 153 | - cursor: default !important; | |
| 154 | -} | |
| 155 | -.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { | |
| 156 | - -webkit-transition: margin-left 0.5s; | |
| 157 | - -o-transition: margin-left 0.5s; | |
| 158 | - transition: margin-left 0.5s; | |
| 159 | -} | |
| 160 | -.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { | |
| 161 | - border-bottom-left-radius: 0; | |
| 162 | - border-top-left-radius: 0; | |
| 163 | - border-bottom-right-radius: 3px; | |
| 164 | - border-top-right-radius: 3px; | |
| 165 | -} | |
| 166 | -.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { | |
| 167 | - border-bottom-right-radius: 0; | |
| 168 | - border-top-right-radius: 0; | |
| 169 | - border-bottom-left-radius: 3px; | |
| 170 | - border-top-left-radius: 3px; | |
| 171 | -} | |
| 172 | -.bootstrap-switch.bootstrap-switch-focused { | |
| 173 | - border-color: #66afe9; | |
| 174 | - outline: 0; | |
| 175 | - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| 176 | - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| 177 | -} | |
| 178 | -.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, | |
| 179 | -.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { | |
| 180 | - border-bottom-right-radius: 3px; | |
| 181 | - border-top-right-radius: 3px; | |
| 182 | -} | |
| 183 | -.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, | |
| 184 | -.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { | |
| 185 | - border-bottom-left-radius: 3px; | |
| 186 | - border-top-left-radius: 3px; | |
| 187 | -} | |
| 1 | +/** | |
| 2 | + * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches. | |
| 3 | + * | |
| 4 | + * @version v3.3.4 | |
| 5 | + * @homepage https://bttstrp.github.io/bootstrap-switch | |
| 6 | + * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu) | |
| 7 | + * @license Apache-2.0 | |
| 8 | + */ | |
| 9 | +.bootstrap-switch { | |
| 10 | + display: inline-block; | |
| 11 | + direction: ltr; | |
| 12 | + cursor: pointer; | |
| 13 | + border-radius: 4px; | |
| 14 | + border: 1px solid; | |
| 15 | + border-color: #ccc; | |
| 16 | + position: relative; | |
| 17 | + text-align: left; | |
| 18 | + overflow: hidden; | |
| 19 | + line-height: 8px; | |
| 20 | + z-index: 0; | |
| 21 | + -webkit-user-select: none; | |
| 22 | + -moz-user-select: none; | |
| 23 | + -ms-user-select: none; | |
| 24 | + user-select: none; | |
| 25 | + vertical-align: middle; | |
| 26 | + -webkit-transition: border-color ease-in-out .15s, box-shadow | |
| 27 | + ease-in-out .15s; | |
| 28 | + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out | |
| 29 | + .15s; | |
| 30 | + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| 31 | +} | |
| 32 | + | |
| 33 | +.bootstrap-switch .bootstrap-switch-container { | |
| 34 | + display: inline-block; | |
| 35 | + top: 0; | |
| 36 | + border-radius: 4px; | |
| 37 | + -webkit-transform: translate3d(0, 0, 0); | |
| 38 | + transform: translate3d(0, 0, 0); | |
| 39 | +} | |
| 40 | + | |
| 41 | +.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, | |
| 42 | + .bootstrap-switch .bootstrap-switch-label { | |
| 43 | + -webkit-box-sizing: border-box; | |
| 44 | + -moz-box-sizing: border-box; | |
| 45 | + box-sizing: border-box; | |
| 46 | + cursor: pointer; | |
| 47 | + display: table-cell; | |
| 48 | + vertical-align: middle; | |
| 49 | + padding: 6px 12px; | |
| 50 | + font-size: 14px; | |
| 51 | + line-height: 20px; | |
| 52 | +} | |
| 53 | + | |
| 54 | +.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off | |
| 55 | + { | |
| 56 | + text-align: center; | |
| 57 | + z-index: 1; | |
| 58 | +} | |
| 59 | + | |
| 60 | +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, | |
| 61 | + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary | |
| 62 | + { | |
| 63 | + color: #fff; | |
| 64 | + background: #337ab7; | |
| 65 | +} | |
| 66 | + | |
| 67 | +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, | |
| 68 | + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { | |
| 69 | + color: #fff; | |
| 70 | + background: #5bc0de; | |
| 71 | +} | |
| 72 | + | |
| 73 | +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, | |
| 74 | + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success | |
| 75 | + { | |
| 76 | + color: #fff; | |
| 77 | + background: #5cb85c; | |
| 78 | +} | |
| 79 | + | |
| 80 | +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, | |
| 81 | + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning | |
| 82 | + { | |
| 83 | + background: #f0ad4e; | |
| 84 | + color: #fff; | |
| 85 | +} | |
| 86 | + | |
| 87 | +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, | |
| 88 | + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger | |
| 89 | + { | |
| 90 | + color: #fff; | |
| 91 | + background: #d9534f; | |
| 92 | +} | |
| 93 | + | |
| 94 | +.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, | |
| 95 | + .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default | |
| 96 | + { | |
| 97 | + color: #000; | |
| 98 | + background: #eeeeee; | |
| 99 | +} | |
| 100 | + | |
| 101 | +.bootstrap-switch .bootstrap-switch-label { | |
| 102 | + text-align: center; | |
| 103 | + margin-top: -1px; | |
| 104 | + margin-bottom: -1px; | |
| 105 | + z-index: 100; | |
| 106 | + color: #333; | |
| 107 | + background: #fff; | |
| 108 | +} | |
| 109 | + | |
| 110 | +.bootstrap-switch span::before { | |
| 111 | + content: "\200b"; | |
| 112 | +} | |
| 113 | + | |
| 114 | +.bootstrap-switch .bootstrap-switch-handle-on { | |
| 115 | + border-bottom-left-radius: 3px; | |
| 116 | + border-top-left-radius: 3px; | |
| 117 | +} | |
| 118 | + | |
| 119 | +.bootstrap-switch .bootstrap-switch-handle-off { | |
| 120 | + border-bottom-right-radius: 3px; | |
| 121 | + border-top-right-radius: 3px; | |
| 122 | +} | |
| 123 | + | |
| 124 | +.bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] | |
| 125 | + { | |
| 126 | + position: absolute !important; | |
| 127 | + top: 0; | |
| 128 | + left: 0; | |
| 129 | + margin: 0; | |
| 130 | + z-index: -1; | |
| 131 | + opacity: 0; | |
| 132 | + filter: alpha(opacity = 0); | |
| 133 | + visibility: hidden; | |
| 134 | +} | |
| 135 | + | |
| 136 | +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, | |
| 137 | + .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, | |
| 138 | + .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { | |
| 139 | + padding: 1px 5px; | |
| 140 | + font-size: 12px; | |
| 141 | + line-height: 1.5; | |
| 142 | +} | |
| 143 | + | |
| 144 | +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, | |
| 145 | + .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, | |
| 146 | + .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { | |
| 147 | + padding: 5px 10px; | |
| 148 | + font-size: 12px; | |
| 149 | + line-height: 1.5; | |
| 150 | +} | |
| 151 | + | |
| 152 | +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, | |
| 153 | + .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, | |
| 154 | + .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { | |
| 155 | + padding: 6px 16px; | |
| 156 | + font-size: 18px; | |
| 157 | + line-height: 1.3333333; | |
| 158 | +} | |
| 159 | + | |
| 160 | +.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, | |
| 161 | + .bootstrap-switch.bootstrap-switch-indeterminate { | |
| 162 | + cursor: default !important; | |
| 163 | +} | |
| 164 | + | |
| 165 | +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, | |
| 166 | + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, | |
| 167 | + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, | |
| 168 | + .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, | |
| 169 | + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, | |
| 170 | + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, | |
| 171 | + .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, | |
| 172 | + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, | |
| 173 | + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label | |
| 174 | + { | |
| 175 | + opacity: 0.5; | |
| 176 | + filter: alpha(opacity = 50); | |
| 177 | + cursor: default !important; | |
| 178 | +} | |
| 179 | + | |
| 180 | +.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { | |
| 181 | + -webkit-transition: margin-left 0.5s; | |
| 182 | + -o-transition: margin-left 0.5s; | |
| 183 | + transition: margin-left 0.5s; | |
| 184 | +} | |
| 185 | + | |
| 186 | +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { | |
| 187 | + border-bottom-left-radius: 0; | |
| 188 | + border-top-left-radius: 0; | |
| 189 | + border-bottom-right-radius: 3px; | |
| 190 | + border-top-right-radius: 3px; | |
| 191 | +} | |
| 192 | + | |
| 193 | +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off | |
| 194 | + { | |
| 195 | + border-bottom-right-radius: 0; | |
| 196 | + border-top-right-radius: 0; | |
| 197 | + border-bottom-left-radius: 3px; | |
| 198 | + border-top-left-radius: 3px; | |
| 199 | +} | |
| 200 | + | |
| 201 | +.bootstrap-switch.bootstrap-switch-focused { | |
| 202 | + border-color: #66afe9; | |
| 203 | + outline: 0; | |
| 204 | + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px | |
| 205 | + rgba(102, 175, 233, 0.6); | |
| 206 | + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px | |
| 207 | + rgba(102, 175, 233, 0.6); | |
| 208 | +} | |
| 209 | + | |
| 210 | +.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, | |
| 211 | + .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label | |
| 212 | + { | |
| 213 | + border-bottom-right-radius: 3px; | |
| 214 | + border-top-right-radius: 3px; | |
| 215 | +} | |
| 216 | + | |
| 217 | +.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, | |
| 218 | + .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label | |
| 219 | + { | |
| 220 | + border-bottom-left-radius: 3px; | |
| 221 | + border-top-left-radius: 3px; | |
| 222 | +} | |
| 188 | 223 | \ No newline at end of file | ... | ... |
src/main/resources/static/bootstrap-switch/css/bootstrap3/bootstrap-switch.min.css
| 1 | -/** | |
| 2 | - * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches. | |
| 3 | - * | |
| 4 | - * @version v3.3.4 | |
| 5 | - * @homepage https://bttstrp.github.io/bootstrap-switch | |
| 6 | - * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu) | |
| 7 | - * @license Apache-2.0 | |
| 8 | - */ | |
| 9 | - | |
| 10 | -.bootstrap-switch{display:inline-block;direction:ltr;cursor:pointer;border-radius:4px;border:1px solid #ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bootstrap-switch .bootstrap-switch-container{display:inline-block;top:0;border-radius:4px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:table-cell;vertical-align:middle;padding:6px 12px;font-size:14px;line-height:20px}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on{text-align:center;z-index:1}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{color:#fff;background:#337ab7}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info{color:#fff;background:#5bc0de}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{color:#fff;background:#5cb85c}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning{background:#f0ad4e;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger{color:#fff;background:#d9534f}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{color:#000;background:#eee}.bootstrap-switch .bootstrap-switch-label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;color:#333;background:#fff}.bootstrap-switch span::before{content:"\200b"}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch input[type=radio],.bootstrap-switch input[type=checkbox]{position:absolute!important;top:0;left:0;margin:0;z-index:-1;opacity:0;filter:alpha(opacity=0);visibility:hidden}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{padding:1px 5px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{padding:5px 10px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{padding:6px 16px;font-size:18px;line-height:1.3333333}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-indeterminate,.bootstrap-switch.bootstrap-switch-readonly{cursor:default!important}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{-webkit-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on{border-radius:0 3px 3px 0}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off{border-radius:3px 0 0 3px}.bootstrap-switch.bootstrap-switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{border-bottom-left-radius:3px;border-top-left-radius:3px} | |
| 11 | 1 | \ No newline at end of file |
| 2 | +/** | |
| 3 | + * bootstrap-switch - Turn checkboxes and radio buttons into toggle switches. | |
| 4 | + * | |
| 5 | + * @version v3.3.4 | |
| 6 | + * @homepage https://bttstrp.github.io/bootstrap-switch | |
| 7 | + * @author Mattia Larentis <mattia@larentis.eu> (http://larentis.eu) | |
| 8 | + * @license Apache-2.0 | |
| 9 | + */ | |
| 10 | +.bootstrap-switch { | |
| 11 | + display: inline-block; | |
| 12 | + direction: ltr; | |
| 13 | + cursor: pointer; | |
| 14 | + border-radius: 4px; | |
| 15 | + border: 1px solid #ccc; | |
| 16 | + position: relative; | |
| 17 | + text-align: left; | |
| 18 | + overflow: hidden; | |
| 19 | + line-height: 8px; | |
| 20 | + z-index: 0; | |
| 21 | + -webkit-user-select: none; | |
| 22 | + -moz-user-select: none; | |
| 23 | + -ms-user-select: none; | |
| 24 | + user-select: none; | |
| 25 | + vertical-align: middle; | |
| 26 | + -webkit-transition: border-color ease-in-out .15s, box-shadow | |
| 27 | + ease-in-out .15s; | |
| 28 | + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out | |
| 29 | + .15s; | |
| 30 | + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s | |
| 31 | +} | |
| 32 | + | |
| 33 | +.bootstrap-switch .bootstrap-switch-container { | |
| 34 | + display: inline-block; | |
| 35 | + top: 0; | |
| 36 | + border-radius: 4px; | |
| 37 | + -webkit-transform: translate3d(0, 0, 0); | |
| 38 | + transform: translate3d(0, 0, 0) | |
| 39 | +} | |
| 40 | + | |
| 41 | +.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, | |
| 42 | + .bootstrap-switch .bootstrap-switch-label { | |
| 43 | + -webkit-box-sizing: border-box; | |
| 44 | + -moz-box-sizing: border-box; | |
| 45 | + box-sizing: border-box; | |
| 46 | + cursor: pointer; | |
| 47 | + display: table-cell; | |
| 48 | + vertical-align: middle; | |
| 49 | + padding: 6px 12px; | |
| 50 | + font-size: 14px; | |
| 51 | + line-height: 20px | |
| 52 | +} | |
| 53 | + | |
| 54 | +.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on | |
| 55 | + { | |
| 56 | + text-align: center; | |
| 57 | + z-index: 1 | |
| 58 | +} | |
| 59 | + | |
| 60 | +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, | |
| 61 | + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary | |
| 62 | + { | |
| 63 | + color: #fff; | |
| 64 | + background: #337ab7 | |
| 65 | +} | |
| 66 | + | |
| 67 | +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, | |
| 68 | + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info { | |
| 69 | + color: #fff; | |
| 70 | + background: #5bc0de | |
| 71 | +} | |
| 72 | + | |
| 73 | +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, | |
| 74 | + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success | |
| 75 | + { | |
| 76 | + color: #fff; | |
| 77 | + background: #5cb85c | |
| 78 | +} | |
| 79 | + | |
| 80 | +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, | |
| 81 | + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning | |
| 82 | + { | |
| 83 | + background: #f0ad4e; | |
| 84 | + color: #fff | |
| 85 | +} | |
| 86 | + | |
| 87 | +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, | |
| 88 | + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger { | |
| 89 | + color: #fff; | |
| 90 | + background: #d9534f | |
| 91 | +} | |
| 92 | + | |
| 93 | +.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, | |
| 94 | + .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default | |
| 95 | + { | |
| 96 | + color: #000; | |
| 97 | + background: #eee | |
| 98 | +} | |
| 99 | + | |
| 100 | +.bootstrap-switch .bootstrap-switch-label { | |
| 101 | + text-align: center; | |
| 102 | + margin-top: -1px; | |
| 103 | + margin-bottom: -1px; | |
| 104 | + z-index: 100; | |
| 105 | + color: #333; | |
| 106 | + background: #fff | |
| 107 | +} | |
| 108 | + | |
| 109 | +.bootstrap-switch span::before { | |
| 110 | + content: "\200b" | |
| 111 | +} | |
| 112 | + | |
| 113 | +.bootstrap-switch .bootstrap-switch-handle-on { | |
| 114 | + border-bottom-left-radius: 3px; | |
| 115 | + border-top-left-radius: 3px | |
| 116 | +} | |
| 117 | + | |
| 118 | +.bootstrap-switch .bootstrap-switch-handle-off { | |
| 119 | + border-bottom-right-radius: 3px; | |
| 120 | + border-top-right-radius: 3px | |
| 121 | +} | |
| 122 | + | |
| 123 | +.bootstrap-switch input[type=radio], .bootstrap-switch input[type=checkbox] | |
| 124 | + { | |
| 125 | + position: absolute !important; | |
| 126 | + top: 0; | |
| 127 | + left: 0; | |
| 128 | + margin: 0; | |
| 129 | + z-index: -1; | |
| 130 | + opacity: 0; | |
| 131 | + filter: alpha(opacity = 0); | |
| 132 | + visibility: hidden | |
| 133 | +} | |
| 134 | + | |
| 135 | +.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, | |
| 136 | + .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, | |
| 137 | + .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { | |
| 138 | + padding: 1px 5px; | |
| 139 | + font-size: 12px; | |
| 140 | + line-height: 1.5 | |
| 141 | +} | |
| 142 | + | |
| 143 | +.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, | |
| 144 | + .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, | |
| 145 | + .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { | |
| 146 | + padding: 5px 10px; | |
| 147 | + font-size: 12px; | |
| 148 | + line-height: 1.5 | |
| 149 | +} | |
| 150 | + | |
| 151 | +.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, | |
| 152 | + .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, | |
| 153 | + .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { | |
| 154 | + padding: 6px 16px; | |
| 155 | + font-size: 18px; | |
| 156 | + line-height: 1.3333333 | |
| 157 | +} | |
| 158 | + | |
| 159 | +.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-indeterminate, | |
| 160 | + .bootstrap-switch.bootstrap-switch-readonly { | |
| 161 | + cursor: default !important | |
| 162 | +} | |
| 163 | + | |
| 164 | +.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, | |
| 165 | + .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, | |
| 166 | + .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, | |
| 167 | + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, | |
| 168 | + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, | |
| 169 | + .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label, | |
| 170 | + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, | |
| 171 | + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, | |
| 172 | + .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label { | |
| 173 | + opacity: .5; | |
| 174 | + filter: alpha(opacity = 50); | |
| 175 | + cursor: default !important | |
| 176 | +} | |
| 177 | + | |
| 178 | +.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { | |
| 179 | + -webkit-transition: margin-left .5s; | |
| 180 | + -o-transition: margin-left .5s; | |
| 181 | + transition: margin-left .5s | |
| 182 | +} | |
| 183 | + | |
| 184 | +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { | |
| 185 | + border-radius: 0 3px 3px 0 | |
| 186 | +} | |
| 187 | + | |
| 188 | +.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off | |
| 189 | + { | |
| 190 | + border-radius: 3px 0 0 3px | |
| 191 | +} | |
| 192 | + | |
| 193 | +.bootstrap-switch.bootstrap-switch-focused { | |
| 194 | + border-color: #66afe9; | |
| 195 | + outline: 0; | |
| 196 | + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px | |
| 197 | + rgba(102, 175, 233, .6); | |
| 198 | + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px | |
| 199 | + rgba(102, 175, 233, .6) | |
| 200 | +} | |
| 201 | + | |
| 202 | +.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label, | |
| 203 | + .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label { | |
| 204 | + border-bottom-right-radius: 3px; | |
| 205 | + border-top-right-radius: 3px | |
| 206 | +} | |
| 207 | + | |
| 208 | +.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label, | |
| 209 | + .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label { | |
| 210 | + border-bottom-left-radius: 3px; | |
| 211 | + border-top-left-radius: 3px | |
| 212 | +} | |
| 12 | 213 | \ No newline at end of file | ... | ... |
src/main/resources/static/index.html
| 1 | -<!DOCTYPE html> | |
| 2 | -<html> | |
| 3 | -<head> | |
| 4 | - <title>调度系统营运数据接口</title> | |
| 5 | - <meta charset="utf-8"> | |
| 6 | - <meta http-equiv="Expires" content="0"> | |
| 7 | - <meta http-equiv="Pragma" content="no-cache"> | |
| 8 | - <meta http-equiv="Cache-control" content="no-cache"> | |
| 9 | - <meta http-equiv="Cache" content="no-cache"> | |
| 10 | - <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css"> | |
| 11 | - <link rel="stylesheet" href="/simple_switch/simple.switch.three.css"> | |
| 12 | - <style> | |
| 13 | - .table-wrap { | |
| 14 | - height: 500px; | |
| 15 | - overflow: auto; | |
| 16 | - } | |
| 17 | - | |
| 18 | - #line2SysListTable .Switch_FlatRadius .SwitchLine:before { | |
| 19 | - content: "老系统"; | |
| 20 | - } | |
| 21 | - | |
| 22 | - #line2SysListTable .Switch_FlatRadius .SwitchLine:after { | |
| 23 | - content: "新系统"; | |
| 24 | - } | |
| 25 | - | |
| 26 | - #line2SysListTable .Switch_FlatRadius { | |
| 27 | - width: 118px; | |
| 28 | - } | |
| 29 | - | |
| 30 | - #line2SysListTable .Switch_FlatRadius .SwitchButton { | |
| 31 | - width: 52px; | |
| 32 | - } | |
| 33 | - | |
| 34 | - #line2SysListTable .Switch_FlatRadius .SwitchButton:before { | |
| 35 | - left: 18px; | |
| 36 | - } | |
| 37 | - | |
| 38 | - #line2SysListTable .Switch_FlatRadius .SwitchButton:after { | |
| 39 | - left: 30px; | |
| 40 | - } | |
| 41 | - | |
| 42 | - #line2SysListTable .Switch_FlatRadius.On .SwitchButton { | |
| 43 | - left: 60px; | |
| 44 | - } | |
| 45 | - </style> | |
| 46 | -</head> | |
| 47 | - | |
| 48 | -<body> | |
| 49 | - | |
| 50 | -<div class="row" style="margin: 15px;"> | |
| 51 | - <div class="col-md-12 well"> | |
| 52 | - <h4>Available SOAP services: <a href="/webservice" target="_blank">/webservice</a></h4> | |
| 53 | - <h4>WSDL: <a href="/webservice/CompanyService?wsdl" target="_blank">/webservice/CompanyService?wsdl</a></h4> | |
| 54 | - </div> | |
| 55 | - | |
| 56 | - <div class="col-lg-4 col-md-6 col-sm-12"> | |
| 57 | - <div class="bs-example" data-example-id="panel-without-body-with-table"> | |
| 58 | - <div class="panel panel-default"> | |
| 59 | - <!-- Default panel contents --> | |
| 60 | - <div class="panel-heading">线路清单</div> | |
| 61 | - <div class="panel-body"> | |
| 62 | - <p style="color: #ff2727;"> | |
| 63 | - 屏蔽新老系统的底层数据差异,对外提供统一的数据输出 | |
| 64 | - </p> | |
| 65 | - <p> | |
| 66 | - 1、使用员工号查询数据时,系统将参考 “线路人员配置” 以确定人员所在线路。 | |
| 67 | - </p> | |
| 68 | - <p> | |
| 69 | - 2、使用公司编码查询数据时,系统将参考 “线路基础信息” 里的公司编码。 | |
| 70 | - </p> | |
| 71 | - </div> | |
| 72 | - <div class="table-wrap"> | |
| 73 | - <table class="table" id="line2SysListTable"> | |
| 74 | - <thead> | |
| 75 | - <tr> | |
| 76 | - <th>线路编码</th> | |
| 77 | - <th>线路名称</th> | |
| 78 | - <th>数据来源</th> | |
| 79 | - </tr> | |
| 80 | - </thead> | |
| 81 | - <tbody> | |
| 82 | - </tbody> | |
| 83 | - </table> | |
| 84 | - </div> | |
| 85 | - </div> | |
| 86 | - </div> | |
| 87 | - </div> | |
| 88 | - | |
| 89 | - <div class="col-lg-8 col-md-6 col-sm-12"> | |
| 90 | - <div class="bs-example"> | |
| 91 | - <div class="panel panel-default"> | |
| 92 | - <div class="panel-heading">接口调试工具</div> | |
| 93 | - <div style="padding: 15px;margin-top: 15px;"> | |
| 94 | - <form class="form-inline"> | |
| 95 | - <div class="form-group"> | |
| 96 | - <label>函数</label> | |
| 97 | - <select class="form-control"> | |
| 98 | - <option value="returnCCInfo">returnCCInfo(获取出场班次信息)</option> | |
| 99 | - <option value="returnJCInfo">returnJCInfo(获取进场班次信息)</option> | |
| 100 | - </select> | |
| 101 | - </div> | |
| 102 | - | |
| 103 | - <div class="form-group"> | |
| 104 | - <label>公司编码</label> | |
| 105 | - <select class="form-control"> | |
| 106 | - <option value="55">55(上南)</option> | |
| 107 | - <option value="22">22(金高)</option> | |
| 108 | - <option value="05">05(杨高)</option> | |
| 109 | - <option value="26">26(南汇)</option> | |
| 110 | - </select> | |
| 111 | - </div> | |
| 112 | - | |
| 113 | - <div class="form-group"> | |
| 114 | - <label>日期</label> | |
| 115 | - <input type="date" class="form-control" style="width: 150px;" required> | |
| 116 | - </div> | |
| 117 | - <button type="submit" class="btn btn-primary">获取数据</button> | |
| 118 | - | |
| 119 | - <textarea class="form-control" rows="25" style="width: 100%;margin-top: 25px;"></textarea> | |
| 120 | - </form> | |
| 121 | - | |
| 122 | - </div> | |
| 123 | - </div> | |
| 124 | - </div> | |
| 125 | - </div> | |
| 126 | -</div> | |
| 127 | - | |
| 128 | -<script id="line2sys-table-list-temp" type="text/html"> | |
| 129 | - {{each list as obj i}} | |
| 130 | - <tr data-id="{{obj.lineCode}}" data-name="{{obj.lineName}}" {{if obj.new}}class="warning" {{/if}} > | |
| 131 | - <td>{{obj.lineCode}}</td> | |
| 132 | - <td>{{obj.lineName}}</td> | |
| 133 | - <td> | |
| 134 | - <input type="checkbox" {{if obj.new}}checked{{/if}} /> | |
| 135 | - </td> | |
| 136 | - </tr> | |
| 137 | - {{/each}} | |
| 138 | -</script> | |
| 139 | - | |
| 140 | -<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script> | |
| 141 | -<script src="http://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script> | |
| 142 | -<script src="/assets/js/template.js"></script> | |
| 143 | -<script src="/simple_switch/simple.switch.min.js"></script> | |
| 144 | - | |
| 145 | -<script> | |
| 146 | - | |
| 147 | - //线路清单 | |
| 148 | - !function () { | |
| 149 | - var f = arguments.callee; | |
| 150 | -/* $.get('/line2System/all', function (list) { | |
| 151 | - list.sort(function (a, b) { | |
| 152 | - return b.new - a.new; | |
| 153 | - }); | |
| 154 | - var htmlStr = template('line2sys-table-list-temp', {list: list}); | |
| 155 | - $('#line2SysListTable tbody').html(htmlStr); | |
| 156 | - | |
| 157 | - $('input[type=checkbox]').simpleSwitch({ | |
| 158 | - "theme": "FlatRadius" | |
| 159 | - }); | |
| 160 | - | |
| 161 | - $('input[type=checkbox]').on('change', function () { | |
| 162 | - var $tr = $(this).parents('tr'); | |
| 163 | - var data = { | |
| 164 | - lineCode: $tr.data('id'), | |
| 165 | - lineName: $tr.data('name'), | |
| 166 | - new: this.checked | |
| 167 | - } | |
| 168 | - | |
| 169 | - $.post('/line2System/update', data, function (rs) { | |
| 170 | - var $tr = $('#line2SysListTable tr[data-id=' + rs.lineCode + ']'); | |
| 171 | - $tr.attr('class', rs.new ? 'warning' : ''); | |
| 172 | - }); | |
| 173 | - }); | |
| 174 | - });*/ | |
| 175 | - }(); | |
| 176 | - | |
| 177 | -</script> | |
| 178 | -</body> | |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html> | |
| 3 | +<head> | |
| 4 | +<title>调度系统营运数据接口</title> | |
| 5 | +<meta charset="utf-8"> | |
| 6 | +<meta http-equiv="Expires" content="0"> | |
| 7 | +<meta http-equiv="Pragma" content="no-cache"> | |
| 8 | +<meta http-equiv="Cache-control" content="no-cache"> | |
| 9 | +<meta http-equiv="Cache" content="no-cache"> | |
| 10 | +<link rel="stylesheet" | |
| 11 | + href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css"> | |
| 12 | +<link rel="stylesheet" href="/simple_switch/simple.switch.three.css"> | |
| 13 | +<style> | |
| 14 | +.table-wrap { | |
| 15 | + height: 500px; | |
| 16 | + overflow: auto; | |
| 17 | +} | |
| 18 | + | |
| 19 | +#line2SysListTable .Switch_FlatRadius .SwitchLine:before { | |
| 20 | + content: "老系统"; | |
| 21 | +} | |
| 22 | + | |
| 23 | +#line2SysListTable .Switch_FlatRadius .SwitchLine:after { | |
| 24 | + content: "新系统"; | |
| 25 | +} | |
| 26 | + | |
| 27 | +#line2SysListTable .Switch_FlatRadius { | |
| 28 | + width: 118px; | |
| 29 | +} | |
| 30 | + | |
| 31 | +#line2SysListTable .Switch_FlatRadius .SwitchButton { | |
| 32 | + width: 52px; | |
| 33 | +} | |
| 34 | + | |
| 35 | +#line2SysListTable .Switch_FlatRadius .SwitchButton:before { | |
| 36 | + left: 18px; | |
| 37 | +} | |
| 38 | + | |
| 39 | +#line2SysListTable .Switch_FlatRadius .SwitchButton:after { | |
| 40 | + left: 30px; | |
| 41 | +} | |
| 42 | + | |
| 43 | +#line2SysListTable .Switch_FlatRadius.On .SwitchButton { | |
| 44 | + left: 60px; | |
| 45 | +} | |
| 46 | +</style> | |
| 47 | +</head> | |
| 48 | + | |
| 49 | +<body> | |
| 50 | + | |
| 51 | + <div class="row" style="margin: 15px;"> | |
| 52 | + <div class="col-md-12 well"> | |
| 53 | + <h4> | |
| 54 | + Available SOAP services: <a href="/webservice" target="_blank">/webservice</a> | |
| 55 | + </h4> | |
| 56 | + <h4> | |
| 57 | + WSDL: <a href="/webservice/CompanyService?wsdl" target="_blank">/webservice/CompanyService?wsdl</a> | |
| 58 | + </h4> | |
| 59 | + </div> | |
| 60 | + | |
| 61 | + <div class="col-lg-4 col-md-6 col-sm-12"> | |
| 62 | + <div class="bs-example" | |
| 63 | + data-example-id="panel-without-body-with-table"> | |
| 64 | + <div class="panel panel-default"> | |
| 65 | + <!-- Default panel contents --> | |
| 66 | + <div class="panel-heading">线路清单</div> | |
| 67 | + <div class="panel-body"> | |
| 68 | + <p style="color: #ff2727;">屏蔽新老系统的底层数据差异,对外提供统一的数据输出</p> | |
| 69 | + <p>1、使用员工号查询数据时,系统将参考 “线路人员配置” 以确定人员所在线路。</p> | |
| 70 | + <p>2、使用公司编码查询数据时,系统将参考 “线路基础信息” 里的公司编码。</p> | |
| 71 | + </div> | |
| 72 | + <div class="table-wrap"> | |
| 73 | + <table class="table" id="line2SysListTable"> | |
| 74 | + <thead> | |
| 75 | + <tr> | |
| 76 | + <th>线路编码</th> | |
| 77 | + <th>线路名称</th> | |
| 78 | + <th>数据来源</th> | |
| 79 | + </tr> | |
| 80 | + </thead> | |
| 81 | + <tbody> | |
| 82 | + </tbody> | |
| 83 | + </table> | |
| 84 | + </div> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + </div> | |
| 88 | + | |
| 89 | + <div class="col-lg-8 col-md-6 col-sm-12"> | |
| 90 | + <div class="bs-example"> | |
| 91 | + <div class="panel panel-default"> | |
| 92 | + <div class="panel-heading">接口调试工具</div> | |
| 93 | + <div style="padding: 15px; margin-top: 15px;"> | |
| 94 | + <form class="form-inline"> | |
| 95 | + <div class="form-group"> | |
| 96 | + <label>函数</label> <select class="form-control"> | |
| 97 | + <option value="returnCCInfo">returnCCInfo(获取出场班次信息)</option> | |
| 98 | + <option value="returnJCInfo">returnJCInfo(获取进场班次信息)</option> | |
| 99 | + </select> | |
| 100 | + </div> | |
| 101 | + | |
| 102 | + <div class="form-group"> | |
| 103 | + <label>公司编码</label> <select class="form-control"> | |
| 104 | + <option value="55">55(上南)</option> | |
| 105 | + <option value="22">22(金高)</option> | |
| 106 | + <option value="05">05(杨高)</option> | |
| 107 | + <option value="26">26(南汇)</option> | |
| 108 | + </select> | |
| 109 | + </div> | |
| 110 | + | |
| 111 | + <div class="form-group"> | |
| 112 | + <label>日期</label> <input type="date" class="form-control" | |
| 113 | + style="width: 150px;" required> | |
| 114 | + </div> | |
| 115 | + <button type="submit" class="btn btn-primary">获取数据</button> | |
| 116 | + | |
| 117 | + <textarea class="form-control" rows="25" | |
| 118 | + style="width: 100%; margin-top: 25px;"></textarea> | |
| 119 | + </form> | |
| 120 | + | |
| 121 | + </div> | |
| 122 | + </div> | |
| 123 | + </div> | |
| 124 | + </div> | |
| 125 | + </div> | |
| 126 | + | |
| 127 | + <script id="line2sys-table-list-temp" type="text/html"> | |
| 128 | + {{each list as obj i}} | |
| 129 | + <tr data-id="{{obj.lineCode}}" data-name="{{obj.lineName}}" {{if obj.new}}class="warning" {{/if}} > | |
| 130 | + <td>{{obj.lineCode}}</td> | |
| 131 | + <td>{{obj.lineName}}</td> | |
| 132 | + <td> | |
| 133 | + <input type="checkbox" {{if obj.new}}checked{{/if}} /> | |
| 134 | + </td> | |
| 135 | + </tr> | |
| 136 | + {{/each}} | |
| 137 | +</script> | |
| 138 | + | |
| 139 | + <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script> | |
| 140 | + <script | |
| 141 | + src="http://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script> | |
| 142 | + <script src="/assets/js/template.js"></script> | |
| 143 | + <script src="/simple_switch/simple.switch.min.js"></script> | |
| 144 | + | |
| 145 | + <script> | |
| 146 | + | |
| 147 | + //线路清单 | |
| 148 | + !function () { | |
| 149 | + var f = arguments.callee; | |
| 150 | +/* $.get('/line2System/all', function (list) { | |
| 151 | + list.sort(function (a, b) { | |
| 152 | + return b.new - a.new; | |
| 153 | + }); | |
| 154 | + var htmlStr = template('line2sys-table-list-temp', {list: list}); | |
| 155 | + $('#line2SysListTable tbody').html(htmlStr); | |
| 156 | + | |
| 157 | + $('input[type=checkbox]').simpleSwitch({ | |
| 158 | + "theme": "FlatRadius" | |
| 159 | + }); | |
| 160 | + | |
| 161 | + $('input[type=checkbox]').on('change', function () { | |
| 162 | + var $tr = $(this).parents('tr'); | |
| 163 | + var data = { | |
| 164 | + lineCode: $tr.data('id'), | |
| 165 | + lineName: $tr.data('name'), | |
| 166 | + new: this.checked | |
| 167 | + } | |
| 168 | + | |
| 169 | + $.post('/line2System/update', data, function (rs) { | |
| 170 | + var $tr = $('#line2SysListTable tr[data-id=' + rs.lineCode + ']'); | |
| 171 | + $tr.attr('class', rs.new ? 'warning' : ''); | |
| 172 | + }); | |
| 173 | + }); | |
| 174 | + });*/ | |
| 175 | + }(); | |
| 176 | + | |
| 177 | +</script> | |
| 178 | +</body> | |
| 179 | 179 | </html> |
| 180 | 180 | \ No newline at end of file | ... | ... |
src/main/resources/static/simple_switch/simple.switch.three.css
| 1 | - | |
| 2 | -* { | |
| 3 | - box-sizing: border-box !important; | |
| 4 | -} | |
| 5 | - | |
| 6 | -.Switch, .Switch * { | |
| 7 | - -webkit-transition-property: all; | |
| 8 | - -moz-transition-property: all; | |
| 9 | - -o-transition-property: all; | |
| 10 | - transition-property: all; | |
| 11 | - -webkit-transition-duration: 0.2s; | |
| 12 | - -moz-transition-duration: 0.2s; | |
| 13 | - -o-transition-duration: 0.2s; | |
| 14 | - transition-duration: 0.2s; | |
| 15 | - -webkit-transition-delay: 0s; | |
| 16 | - -moz-transition-delay: 0s; | |
| 17 | - -o-transition-delay: 0s; | |
| 18 | - transition-delay: 0s; | |
| 19 | -} | |
| 20 | - | |
| 21 | -/* | |
| 22 | -Default | |
| 23 | -*/ | |
| 24 | - | |
| 25 | -.Switch_Default { | |
| 26 | - position: relative; | |
| 27 | - width: 64px; | |
| 28 | - height: 32px; | |
| 29 | - cursor: pointer; | |
| 30 | - display: inline-block; | |
| 31 | - vertical-align: middle; | |
| 32 | -} | |
| 33 | - | |
| 34 | -.Switch_Default .SwitchLine { | |
| 35 | - position: absolute; | |
| 36 | - width: 60px; | |
| 37 | - height: 4px; | |
| 38 | - left: 2px; | |
| 39 | - top: 14px; | |
| 40 | - z-index: 1; | |
| 41 | - background-color: #dadada; | |
| 42 | -} | |
| 43 | - | |
| 44 | -.Switch_Default .SwitchButton { | |
| 45 | - position: absolute; | |
| 46 | - width: 32px; | |
| 47 | - height: 32px; | |
| 48 | - left: 0; | |
| 49 | - top: 0; | |
| 50 | - z-index: 2; | |
| 51 | - background-color: #dadada; | |
| 52 | - border-radius: 32px; | |
| 53 | -} | |
| 54 | - | |
| 55 | -.Switch_Default.On .SwitchLine { | |
| 56 | - background-color: #00c0ff; | |
| 57 | -} | |
| 58 | - | |
| 59 | -.Switch_Default.On .SwitchButton { | |
| 60 | - left: 32px; | |
| 61 | - background-color: #00c0ff; | |
| 62 | -} | |
| 63 | - | |
| 64 | -.Switch_Default.On .SwitchButton { | |
| 65 | - left: 32px; | |
| 66 | - background-color: #00c0ff; | |
| 67 | -} | |
| 68 | - | |
| 69 | -.Switch_Default.Disabled { | |
| 70 | - opacity: 0.3; | |
| 71 | -} | |
| 72 | - | |
| 73 | -.Switch_Default.Disabled .SwitchButton { | |
| 74 | - /*opacity:0.5;*/ | |
| 75 | -} | |
| 76 | - | |
| 77 | -.Switch_Default.On.Disabled .SwitchLine { | |
| 78 | - /*opacity:0.5;*/ | |
| 79 | -} | |
| 80 | - | |
| 81 | -/* DefaultMin */ | |
| 82 | -.Switch_DefaultMin { | |
| 83 | - position: relative; | |
| 84 | - width: 48px; | |
| 85 | - height: 24px; | |
| 86 | - cursor: pointer; | |
| 87 | - display: inline-block; | |
| 88 | - vertical-align: middle; | |
| 89 | -} | |
| 90 | - | |
| 91 | -.Switch_DefaultMin .SwitchLine { | |
| 92 | - position: absolute; | |
| 93 | - width: 44px; | |
| 94 | - height: 2px; | |
| 95 | - left: 2px; | |
| 96 | - top: 11px; | |
| 97 | - z-index: 1; | |
| 98 | - background-color: #dadada; | |
| 99 | -} | |
| 100 | - | |
| 101 | -.Switch_DefaultMin .SwitchButton { | |
| 102 | - position: absolute; | |
| 103 | - width: 24px; | |
| 104 | - height: 24px; | |
| 105 | - left: 0; | |
| 106 | - top: 0; | |
| 107 | - z-index: 2; | |
| 108 | - background-color: #dadada; | |
| 109 | - border-radius: 24px; | |
| 110 | -} | |
| 111 | - | |
| 112 | -.Switch_DefaultMin.On .SwitchLine { | |
| 113 | - background-color: #00c0ff; | |
| 114 | -} | |
| 115 | - | |
| 116 | -.Switch_DefaultMin.On .SwitchButton { | |
| 117 | - left: 24px; | |
| 118 | - background-color: #00c0ff; | |
| 119 | -} | |
| 120 | - | |
| 121 | -.Switch_DefaultMin.Disabled { | |
| 122 | - opacity: 0.3; | |
| 123 | -} | |
| 124 | - | |
| 125 | -.Switch_DefaultMin.Disabled .SwitchButton { | |
| 126 | - /*opacity:0.5;*/ | |
| 127 | -} | |
| 128 | - | |
| 129 | -.Switch_DefaultMin.On.Disabled .SwitchLine { | |
| 130 | - /*opacity:0.5;*/ | |
| 131 | -} | |
| 132 | - | |
| 133 | -/* Flat */ | |
| 134 | -.Switch_Flat { | |
| 135 | - position: relative; | |
| 136 | - width: 100px; | |
| 137 | - height: 40px; | |
| 138 | - cursor: pointer; | |
| 139 | - display: inline-block; | |
| 140 | - vertical-align: middle; | |
| 141 | - background-color: #f5a5a6; | |
| 142 | -} | |
| 143 | - | |
| 144 | -.Switch_Flat .SwitchLine:before { | |
| 145 | - position: absolute; | |
| 146 | - content: "OFF"; | |
| 147 | - color: #fff; | |
| 148 | - left: 60px; | |
| 149 | - top: 9px; | |
| 150 | -} | |
| 151 | - | |
| 152 | -.Switch_Flat .SwitchLine:after { | |
| 153 | - position: absolute; | |
| 154 | - content: "ON"; | |
| 155 | - color: #fff; | |
| 156 | - left: 15px; | |
| 157 | - top: 9px; | |
| 158 | -} | |
| 159 | - | |
| 160 | -.Switch_Flat .SwitchButton { | |
| 161 | - position: absolute; | |
| 162 | - width: 45px; | |
| 163 | - height: 30px; | |
| 164 | - left: 5px; | |
| 165 | - top: 5px; | |
| 166 | - z-index: 2; | |
| 167 | - background-color: #fff; | |
| 168 | -} | |
| 169 | - | |
| 170 | -.Switch_Flat .SwitchButton:before { | |
| 171 | - position: absolute; | |
| 172 | - content: ""; | |
| 173 | - width: 4px; | |
| 174 | - height: 16px; | |
| 175 | - left: 15px; | |
| 176 | - top: 7px; | |
| 177 | - background-color: #f5a5a6; | |
| 178 | -} | |
| 179 | - | |
| 180 | -.Switch_Flat .SwitchButton:after { | |
| 181 | - position: absolute; | |
| 182 | - content: ""; | |
| 183 | - width: 4px; | |
| 184 | - height: 16px; | |
| 185 | - left: 26px; | |
| 186 | - top: 7px; | |
| 187 | - background-color: #f5a5a6; | |
| 188 | -} | |
| 189 | - | |
| 190 | -.Switch_Flat.On { | |
| 191 | - background-color: #a7cce9; | |
| 192 | -} | |
| 193 | - | |
| 194 | -.Switch_Flat.On .SwitchLine { | |
| 195 | -} | |
| 196 | - | |
| 197 | -.Switch_Flat.On .SwitchButton { | |
| 198 | - left: 50px; | |
| 199 | -} | |
| 200 | - | |
| 201 | -.Switch_Flat.On .SwitchButton:after, .Switch_Flat.On .SwitchButton:before { | |
| 202 | - background-color: #a7cce9; | |
| 203 | -} | |
| 204 | - | |
| 205 | -.Switch_Flat.Disabled { | |
| 206 | - opacity: 0.3; | |
| 207 | -} | |
| 208 | - | |
| 209 | -.Switch_Flat.Disabled .SwitchButton { | |
| 210 | - /*opacity:0.5;*/ | |
| 211 | -} | |
| 212 | - | |
| 213 | -.Switch_Flat.On.Disabled .SwitchLine { | |
| 214 | - /*opacity:0.5;*/ | |
| 215 | -} | |
| 216 | - | |
| 217 | -/* FlatRadius */ | |
| 218 | -.Switch_FlatRadius { | |
| 219 | - position: relative; | |
| 220 | - width: 100px; | |
| 221 | - height: 40px; | |
| 222 | - cursor: pointer; | |
| 223 | - display: inline-block; | |
| 224 | - vertical-align: middle; | |
| 225 | - background-color: #f5a5a6; | |
| 226 | - border-radius: 4px; | |
| 227 | -} | |
| 228 | - | |
| 229 | -.Switch_FlatRadius .SwitchLine:before { | |
| 230 | - position: absolute; | |
| 231 | - content: "OFF"; | |
| 232 | - color: #fff; | |
| 233 | - left: 60px; | |
| 234 | - top: 9px; | |
| 235 | -} | |
| 236 | - | |
| 237 | -.Switch_FlatRadius .SwitchLine:after { | |
| 238 | - position: absolute; | |
| 239 | - content: "ON"; | |
| 240 | - color: #fff; | |
| 241 | - left: 15px; | |
| 242 | - top: 9px; | |
| 243 | -} | |
| 244 | - | |
| 245 | -.Switch_FlatRadius .SwitchButton { | |
| 246 | - position: absolute; | |
| 247 | - width: 45px; | |
| 248 | - height: 30px; | |
| 249 | - left: 5px; | |
| 250 | - top: 5px; | |
| 251 | - z-index: 2; | |
| 252 | - background-color: #fff; | |
| 253 | - border-radius: 4px; | |
| 254 | -} | |
| 255 | - | |
| 256 | -.Switch_FlatRadius .SwitchButton:before { | |
| 257 | - position: absolute; | |
| 258 | - content: ""; | |
| 259 | - width: 4px; | |
| 260 | - height: 16px; | |
| 261 | - left: 15px; | |
| 262 | - top: 7px; | |
| 263 | - background-color: #f5a5a6; | |
| 264 | -} | |
| 265 | - | |
| 266 | -.Switch_FlatRadius .SwitchButton:after { | |
| 267 | - position: absolute; | |
| 268 | - content: ""; | |
| 269 | - width: 4px; | |
| 270 | - height: 16px; | |
| 271 | - left: 26px; | |
| 272 | - top: 7px; | |
| 273 | - background-color: #f5a5a6; | |
| 274 | -} | |
| 275 | - | |
| 276 | -.Switch_FlatRadius.On { | |
| 277 | - background-color: #a7cce9; | |
| 278 | -} | |
| 279 | - | |
| 280 | -.Switch_FlatRadius.On .SwitchLine { | |
| 281 | -} | |
| 282 | - | |
| 283 | -.Switch_FlatRadius.On .SwitchButton { | |
| 284 | - left: 50px; | |
| 285 | -} | |
| 286 | - | |
| 287 | -.Switch_FlatRadius.On .SwitchButton:after, .Switch_FlatRadius.On .SwitchButton:before { | |
| 288 | - background-color: #a7cce9; | |
| 289 | -} | |
| 290 | - | |
| 291 | -.Switch_FlatRadius.Disabled { | |
| 292 | - opacity: 0.3; | |
| 293 | -} | |
| 294 | - | |
| 295 | -.Switch_FlatRadius.Disabled .SwitchButton { | |
| 296 | - /*opacity:0.5;*/ | |
| 297 | -} | |
| 298 | - | |
| 299 | -.Switch_FlatRadius.On.Disabled .SwitchLine { | |
| 300 | - /*opacity:0.5;*/ | |
| 301 | -} | |
| 302 | - | |
| 303 | -/* FlatCircular */ | |
| 304 | -.Switch_FlatCircular { | |
| 305 | - position: relative; | |
| 306 | - width: 100px; | |
| 307 | - height: 40px; | |
| 308 | - cursor: pointer; | |
| 309 | - display: inline-block; | |
| 310 | - vertical-align: middle; | |
| 311 | - background-color: #f5a5a6; | |
| 312 | - border-radius: 20px; | |
| 313 | -} | |
| 314 | - | |
| 315 | -.Switch_FlatCircular .SwitchLine:before { | |
| 316 | - position: absolute; | |
| 317 | - content: "OFF"; | |
| 318 | - color: #fff; | |
| 319 | - left: 60px; | |
| 320 | - top: 9px; | |
| 321 | -} | |
| 322 | - | |
| 323 | -.Switch_FlatCircular .SwitchLine:after { | |
| 324 | - position: absolute; | |
| 325 | - content: "ON"; | |
| 326 | - color: #fff; | |
| 327 | - left: 15px; | |
| 328 | - top: 9px; | |
| 329 | -} | |
| 330 | - | |
| 331 | -.Switch_FlatCircular .SwitchButton { | |
| 332 | - position: absolute; | |
| 333 | - width: 46px; | |
| 334 | - height: 46px; | |
| 335 | - left: -3px; | |
| 336 | - top: -3px; | |
| 337 | - z-index: 2; | |
| 338 | - background-color: #fff; | |
| 339 | - border-radius: 45px; | |
| 340 | - border: 1px solid #f5a5a6; | |
| 341 | -} | |
| 342 | - | |
| 343 | -.Switch_FlatCircular.On { | |
| 344 | - background-color: #a7cce9; | |
| 345 | -} | |
| 346 | - | |
| 347 | -.Switch_FlatCircular.On .SwitchLine { | |
| 348 | -} | |
| 349 | - | |
| 350 | -.Switch_FlatCircular.On .SwitchButton { | |
| 351 | - border: 1px solid #a7cce9; | |
| 352 | - left: 57px; | |
| 353 | -} | |
| 354 | - | |
| 355 | -.Switch_FlatCircular.On .SwitchButton:after, .Switch_FlatCircular.On .SwitchButton:before { | |
| 356 | - background-color: #a7cce9; | |
| 357 | -} | |
| 358 | - | |
| 359 | -.Switch_FlatCircular.Disabled { | |
| 360 | - opacity: 0.3; | |
| 361 | -} | |
| 362 | - | |
| 363 | -.Switch_FlatCircular.Disabled .SwitchButton { | |
| 364 | - /*opacity:0.5;*/ | |
| 365 | -} | |
| 366 | - | |
| 367 | -.Switch_FlatCircular.On.Disabled .SwitchLine { | |
| 368 | - /*opacity:0.5;*/ | |
| 369 | -} | |
| 370 | - | |
| 371 | -/* Green */ | |
| 372 | -.Switch_Green { | |
| 373 | - position: relative; | |
| 374 | - width: 100px; | |
| 375 | - height: 40px; | |
| 376 | - cursor: pointer; | |
| 377 | - display: inline-block; | |
| 378 | - vertical-align: middle; | |
| 379 | - background-color: #b4aa9f; | |
| 380 | - border-radius: 20px; | |
| 381 | -} | |
| 382 | - | |
| 383 | -.Switch_Green .SwitchLine:before { | |
| 384 | - position: absolute; | |
| 385 | - content: "\f00d"; | |
| 386 | - color: #fff3e3; | |
| 387 | - left: 62px; | |
| 388 | - top: 8px; | |
| 389 | - /*font-awesome*/ | |
| 390 | - font: normal normal normal 14px/1 FontAwesome !important; | |
| 391 | - font-size: 25px !important; | |
| 392 | -} | |
| 393 | - | |
| 394 | -.Switch_Green .SwitchLine:after { | |
| 395 | - position: absolute; | |
| 396 | - content: "\f00c"; | |
| 397 | - color: #fff3e3; | |
| 398 | - left: 15px; | |
| 399 | - top: 8px; | |
| 400 | - /*font-awesome*/ | |
| 401 | - font: normal normal normal 14px/1 FontAwesome !important; | |
| 402 | - font-size: 25px !important; | |
| 403 | -} | |
| 404 | - | |
| 405 | -.Switch_Green .SwitchButton { | |
| 406 | - position: absolute; | |
| 407 | - width: 46px; | |
| 408 | - height: 46px; | |
| 409 | - left: -3px; | |
| 410 | - top: -3px; | |
| 411 | - z-index: 2; | |
| 412 | - background-color: #fff3e3; | |
| 413 | - border-radius: 45px; | |
| 414 | - border: 3px solid #b4aa9f; | |
| 415 | -} | |
| 416 | - | |
| 417 | -.Switch_Green.On { | |
| 418 | - background-color: #6ebf5f; | |
| 419 | -} | |
| 420 | - | |
| 421 | -.Switch_Green.On .SwitchLine { | |
| 422 | -} | |
| 423 | - | |
| 424 | -.Switch_Green.On .SwitchButton { | |
| 425 | - border: 3px solid #6ebf5f; | |
| 426 | - left: 57px; | |
| 427 | -} | |
| 428 | - | |
| 429 | -.Switch_Green.On .SwitchButton:after, .Switch_Green.On .SwitchButton:before { | |
| 430 | - background-color: #a7cce9; | |
| 431 | -} | |
| 432 | - | |
| 433 | -.Switch_Green.Disabled { | |
| 434 | - opacity: 0.3; | |
| 435 | -} | |
| 436 | - | |
| 437 | -.Switch_Green.Disabled .SwitchButton { | |
| 438 | - /*opacity:0.5;*/ | |
| 439 | -} | |
| 440 | - | |
| 441 | -.Switch_Green.On.Disabled .SwitchLine { | |
| 442 | - /*opacity:0.5;*/ | |
| 443 | -} | |
| 444 | - | |
| 445 | - | |
| 446 | - | |
| 447 | - | |
| 448 | -/* Icon */ | |
| 449 | -.Switch_Icon { | |
| 450 | - position: relative; | |
| 451 | - width: 90px; | |
| 452 | - height: 50px; | |
| 453 | - cursor: pointer; | |
| 454 | - display: inline-block; | |
| 455 | - vertical-align: middle; | |
| 456 | - border-radius: 30px; | |
| 457 | - border: 6px solid #fff; | |
| 458 | - margin: 0 38px; | |
| 459 | -} | |
| 460 | - | |
| 461 | -.Switch_Icon .SwitchLine:before { | |
| 462 | - position: absolute; | |
| 463 | - content: "\f1e3"; | |
| 464 | - color: #1b5a95; | |
| 465 | - left: 96px; | |
| 466 | - top: 8px; | |
| 467 | - /*font-awesome*/ | |
| 468 | - font: normal normal normal 14px/1 FontAwesome !important; | |
| 469 | - font-size: 25px !important; | |
| 470 | -} | |
| 471 | - | |
| 472 | -.Switch_Icon .SwitchLine:after { | |
| 473 | - position: absolute; | |
| 474 | - content: "\f1db"; | |
| 475 | - color: #fff; | |
| 476 | - left: -42px; | |
| 477 | - top: 8px; | |
| 478 | - /*font-awesome*/ | |
| 479 | - font: normal normal normal 14px/1 FontAwesome !important; | |
| 480 | - font-size: 25px !important; | |
| 481 | -} | |
| 482 | - | |
| 483 | -.Switch_Icon .SwitchButton { | |
| 484 | - position: absolute; | |
| 485 | - width: 26px; | |
| 486 | - height: 26px; | |
| 487 | - left: 6px; | |
| 488 | - top: 6px; | |
| 489 | - z-index: 2; | |
| 490 | - background-color: #fff; | |
| 491 | - border-radius: 26px; | |
| 492 | -} | |
| 493 | - | |
| 494 | -.Switch_Icon.On { | |
| 495 | -} | |
| 496 | - | |
| 497 | -.Switch_Icon.On .SwitchLine { | |
| 498 | -} | |
| 499 | - | |
| 500 | -.Switch_Icon.On .SwitchButton { | |
| 501 | - left: 48px; | |
| 502 | -} | |
| 503 | - | |
| 504 | -.Switch_Icon.On .SwitchLine:after{ | |
| 505 | - color: #1b5a95; | |
| 506 | -} | |
| 507 | - | |
| 508 | -.Switch_Icon.On .SwitchLine:before { | |
| 509 | - color: #fff; | |
| 510 | -} | |
| 511 | - | |
| 512 | -.Switch_Icon.Disabled { | |
| 513 | - opacity: 0.3; | |
| 514 | -} | |
| 515 | - | |
| 516 | -.Switch_Icon.Disabled .SwitchButton { | |
| 517 | - /*opacity:0.5;*/ | |
| 518 | -} | |
| 519 | - | |
| 520 | -.Switch_Icon.On.Disabled .SwitchLine { | |
| 521 | - /*opacity:0.5;*/ | |
| 1 | +* { | |
| 2 | + box-sizing: border-box !important; | |
| 3 | +} | |
| 4 | + | |
| 5 | +.Switch, .Switch * { | |
| 6 | + -webkit-transition-property: all; | |
| 7 | + -moz-transition-property: all; | |
| 8 | + -o-transition-property: all; | |
| 9 | + transition-property: all; | |
| 10 | + -webkit-transition-duration: 0.2s; | |
| 11 | + -moz-transition-duration: 0.2s; | |
| 12 | + -o-transition-duration: 0.2s; | |
| 13 | + transition-duration: 0.2s; | |
| 14 | + -webkit-transition-delay: 0s; | |
| 15 | + -moz-transition-delay: 0s; | |
| 16 | + -o-transition-delay: 0s; | |
| 17 | + transition-delay: 0s; | |
| 18 | +} | |
| 19 | + | |
| 20 | +/* | |
| 21 | +Default | |
| 22 | +*/ | |
| 23 | +.Switch_Default { | |
| 24 | + position: relative; | |
| 25 | + width: 64px; | |
| 26 | + height: 32px; | |
| 27 | + cursor: pointer; | |
| 28 | + display: inline-block; | |
| 29 | + vertical-align: middle; | |
| 30 | +} | |
| 31 | + | |
| 32 | +.Switch_Default .SwitchLine { | |
| 33 | + position: absolute; | |
| 34 | + width: 60px; | |
| 35 | + height: 4px; | |
| 36 | + left: 2px; | |
| 37 | + top: 14px; | |
| 38 | + z-index: 1; | |
| 39 | + background-color: #dadada; | |
| 40 | +} | |
| 41 | + | |
| 42 | +.Switch_Default .SwitchButton { | |
| 43 | + position: absolute; | |
| 44 | + width: 32px; | |
| 45 | + height: 32px; | |
| 46 | + left: 0; | |
| 47 | + top: 0; | |
| 48 | + z-index: 2; | |
| 49 | + background-color: #dadada; | |
| 50 | + border-radius: 32px; | |
| 51 | +} | |
| 52 | + | |
| 53 | +.Switch_Default.On .SwitchLine { | |
| 54 | + background-color: #00c0ff; | |
| 55 | +} | |
| 56 | + | |
| 57 | +.Switch_Default.On .SwitchButton { | |
| 58 | + left: 32px; | |
| 59 | + background-color: #00c0ff; | |
| 60 | +} | |
| 61 | + | |
| 62 | +.Switch_Default.On .SwitchButton { | |
| 63 | + left: 32px; | |
| 64 | + background-color: #00c0ff; | |
| 65 | +} | |
| 66 | + | |
| 67 | +.Switch_Default.Disabled { | |
| 68 | + opacity: 0.3; | |
| 69 | +} | |
| 70 | + | |
| 71 | +.Switch_Default.Disabled .SwitchButton { | |
| 72 | + /*opacity:0.5;*/ | |
| 73 | + | |
| 74 | +} | |
| 75 | + | |
| 76 | +.Switch_Default.On.Disabled .SwitchLine { | |
| 77 | + /*opacity:0.5;*/ | |
| 78 | + | |
| 79 | +} | |
| 80 | + | |
| 81 | +/* DefaultMin */ | |
| 82 | +.Switch_DefaultMin { | |
| 83 | + position: relative; | |
| 84 | + width: 48px; | |
| 85 | + height: 24px; | |
| 86 | + cursor: pointer; | |
| 87 | + display: inline-block; | |
| 88 | + vertical-align: middle; | |
| 89 | +} | |
| 90 | + | |
| 91 | +.Switch_DefaultMin .SwitchLine { | |
| 92 | + position: absolute; | |
| 93 | + width: 44px; | |
| 94 | + height: 2px; | |
| 95 | + left: 2px; | |
| 96 | + top: 11px; | |
| 97 | + z-index: 1; | |
| 98 | + background-color: #dadada; | |
| 99 | +} | |
| 100 | + | |
| 101 | +.Switch_DefaultMin .SwitchButton { | |
| 102 | + position: absolute; | |
| 103 | + width: 24px; | |
| 104 | + height: 24px; | |
| 105 | + left: 0; | |
| 106 | + top: 0; | |
| 107 | + z-index: 2; | |
| 108 | + background-color: #dadada; | |
| 109 | + border-radius: 24px; | |
| 110 | +} | |
| 111 | + | |
| 112 | +.Switch_DefaultMin.On .SwitchLine { | |
| 113 | + background-color: #00c0ff; | |
| 114 | +} | |
| 115 | + | |
| 116 | +.Switch_DefaultMin.On .SwitchButton { | |
| 117 | + left: 24px; | |
| 118 | + background-color: #00c0ff; | |
| 119 | +} | |
| 120 | + | |
| 121 | +.Switch_DefaultMin.Disabled { | |
| 122 | + opacity: 0.3; | |
| 123 | +} | |
| 124 | + | |
| 125 | +.Switch_DefaultMin.Disabled .SwitchButton { | |
| 126 | + /*opacity:0.5;*/ | |
| 127 | + | |
| 128 | +} | |
| 129 | + | |
| 130 | +.Switch_DefaultMin.On.Disabled .SwitchLine { | |
| 131 | + /*opacity:0.5;*/ | |
| 132 | + | |
| 133 | +} | |
| 134 | + | |
| 135 | +/* Flat */ | |
| 136 | +.Switch_Flat { | |
| 137 | + position: relative; | |
| 138 | + width: 100px; | |
| 139 | + height: 40px; | |
| 140 | + cursor: pointer; | |
| 141 | + display: inline-block; | |
| 142 | + vertical-align: middle; | |
| 143 | + background-color: #f5a5a6; | |
| 144 | +} | |
| 145 | + | |
| 146 | +.Switch_Flat .SwitchLine:before { | |
| 147 | + position: absolute; | |
| 148 | + content: "OFF"; | |
| 149 | + color: #fff; | |
| 150 | + left: 60px; | |
| 151 | + top: 9px; | |
| 152 | +} | |
| 153 | + | |
| 154 | +.Switch_Flat .SwitchLine:after { | |
| 155 | + position: absolute; | |
| 156 | + content: "ON"; | |
| 157 | + color: #fff; | |
| 158 | + left: 15px; | |
| 159 | + top: 9px; | |
| 160 | +} | |
| 161 | + | |
| 162 | +.Switch_Flat .SwitchButton { | |
| 163 | + position: absolute; | |
| 164 | + width: 45px; | |
| 165 | + height: 30px; | |
| 166 | + left: 5px; | |
| 167 | + top: 5px; | |
| 168 | + z-index: 2; | |
| 169 | + background-color: #fff; | |
| 170 | +} | |
| 171 | + | |
| 172 | +.Switch_Flat .SwitchButton:before { | |
| 173 | + position: absolute; | |
| 174 | + content: ""; | |
| 175 | + width: 4px; | |
| 176 | + height: 16px; | |
| 177 | + left: 15px; | |
| 178 | + top: 7px; | |
| 179 | + background-color: #f5a5a6; | |
| 180 | +} | |
| 181 | + | |
| 182 | +.Switch_Flat .SwitchButton:after { | |
| 183 | + position: absolute; | |
| 184 | + content: ""; | |
| 185 | + width: 4px; | |
| 186 | + height: 16px; | |
| 187 | + left: 26px; | |
| 188 | + top: 7px; | |
| 189 | + background-color: #f5a5a6; | |
| 190 | +} | |
| 191 | + | |
| 192 | +.Switch_Flat.On { | |
| 193 | + background-color: #a7cce9; | |
| 194 | +} | |
| 195 | + | |
| 196 | +.Switch_Flat.On .SwitchLine { | |
| 197 | + | |
| 198 | +} | |
| 199 | + | |
| 200 | +.Switch_Flat.On .SwitchButton { | |
| 201 | + left: 50px; | |
| 202 | +} | |
| 203 | + | |
| 204 | +.Switch_Flat.On .SwitchButton:after, .Switch_Flat.On .SwitchButton:before | |
| 205 | + { | |
| 206 | + background-color: #a7cce9; | |
| 207 | +} | |
| 208 | + | |
| 209 | +.Switch_Flat.Disabled { | |
| 210 | + opacity: 0.3; | |
| 211 | +} | |
| 212 | + | |
| 213 | +.Switch_Flat.Disabled .SwitchButton { | |
| 214 | + /*opacity:0.5;*/ | |
| 215 | + | |
| 216 | +} | |
| 217 | + | |
| 218 | +.Switch_Flat.On.Disabled .SwitchLine { | |
| 219 | + /*opacity:0.5;*/ | |
| 220 | + | |
| 221 | +} | |
| 222 | + | |
| 223 | +/* FlatRadius */ | |
| 224 | +.Switch_FlatRadius { | |
| 225 | + position: relative; | |
| 226 | + width: 100px; | |
| 227 | + height: 40px; | |
| 228 | + cursor: pointer; | |
| 229 | + display: inline-block; | |
| 230 | + vertical-align: middle; | |
| 231 | + background-color: #f5a5a6; | |
| 232 | + border-radius: 4px; | |
| 233 | +} | |
| 234 | + | |
| 235 | +.Switch_FlatRadius .SwitchLine:before { | |
| 236 | + position: absolute; | |
| 237 | + content: "OFF"; | |
| 238 | + color: #fff; | |
| 239 | + left: 60px; | |
| 240 | + top: 9px; | |
| 241 | +} | |
| 242 | + | |
| 243 | +.Switch_FlatRadius .SwitchLine:after { | |
| 244 | + position: absolute; | |
| 245 | + content: "ON"; | |
| 246 | + color: #fff; | |
| 247 | + left: 15px; | |
| 248 | + top: 9px; | |
| 249 | +} | |
| 250 | + | |
| 251 | +.Switch_FlatRadius .SwitchButton { | |
| 252 | + position: absolute; | |
| 253 | + width: 45px; | |
| 254 | + height: 30px; | |
| 255 | + left: 5px; | |
| 256 | + top: 5px; | |
| 257 | + z-index: 2; | |
| 258 | + background-color: #fff; | |
| 259 | + border-radius: 4px; | |
| 260 | +} | |
| 261 | + | |
| 262 | +.Switch_FlatRadius .SwitchButton:before { | |
| 263 | + position: absolute; | |
| 264 | + content: ""; | |
| 265 | + width: 4px; | |
| 266 | + height: 16px; | |
| 267 | + left: 15px; | |
| 268 | + top: 7px; | |
| 269 | + background-color: #f5a5a6; | |
| 270 | +} | |
| 271 | + | |
| 272 | +.Switch_FlatRadius .SwitchButton:after { | |
| 273 | + position: absolute; | |
| 274 | + content: ""; | |
| 275 | + width: 4px; | |
| 276 | + height: 16px; | |
| 277 | + left: 26px; | |
| 278 | + top: 7px; | |
| 279 | + background-color: #f5a5a6; | |
| 280 | +} | |
| 281 | + | |
| 282 | +.Switch_FlatRadius.On { | |
| 283 | + background-color: #a7cce9; | |
| 284 | +} | |
| 285 | + | |
| 286 | +.Switch_FlatRadius.On .SwitchLine { | |
| 287 | + | |
| 288 | +} | |
| 289 | + | |
| 290 | +.Switch_FlatRadius.On .SwitchButton { | |
| 291 | + left: 50px; | |
| 292 | +} | |
| 293 | + | |
| 294 | +.Switch_FlatRadius.On .SwitchButton:after, .Switch_FlatRadius.On .SwitchButton:before | |
| 295 | + { | |
| 296 | + background-color: #a7cce9; | |
| 297 | +} | |
| 298 | + | |
| 299 | +.Switch_FlatRadius.Disabled { | |
| 300 | + opacity: 0.3; | |
| 301 | +} | |
| 302 | + | |
| 303 | +.Switch_FlatRadius.Disabled .SwitchButton { | |
| 304 | + /*opacity:0.5;*/ | |
| 305 | + | |
| 306 | +} | |
| 307 | + | |
| 308 | +.Switch_FlatRadius.On.Disabled .SwitchLine { | |
| 309 | + /*opacity:0.5;*/ | |
| 310 | + | |
| 311 | +} | |
| 312 | + | |
| 313 | +/* FlatCircular */ | |
| 314 | +.Switch_FlatCircular { | |
| 315 | + position: relative; | |
| 316 | + width: 100px; | |
| 317 | + height: 40px; | |
| 318 | + cursor: pointer; | |
| 319 | + display: inline-block; | |
| 320 | + vertical-align: middle; | |
| 321 | + background-color: #f5a5a6; | |
| 322 | + border-radius: 20px; | |
| 323 | +} | |
| 324 | + | |
| 325 | +.Switch_FlatCircular .SwitchLine:before { | |
| 326 | + position: absolute; | |
| 327 | + content: "OFF"; | |
| 328 | + color: #fff; | |
| 329 | + left: 60px; | |
| 330 | + top: 9px; | |
| 331 | +} | |
| 332 | + | |
| 333 | +.Switch_FlatCircular .SwitchLine:after { | |
| 334 | + position: absolute; | |
| 335 | + content: "ON"; | |
| 336 | + color: #fff; | |
| 337 | + left: 15px; | |
| 338 | + top: 9px; | |
| 339 | +} | |
| 340 | + | |
| 341 | +.Switch_FlatCircular .SwitchButton { | |
| 342 | + position: absolute; | |
| 343 | + width: 46px; | |
| 344 | + height: 46px; | |
| 345 | + left: -3px; | |
| 346 | + top: -3px; | |
| 347 | + z-index: 2; | |
| 348 | + background-color: #fff; | |
| 349 | + border-radius: 45px; | |
| 350 | + border: 1px solid #f5a5a6; | |
| 351 | +} | |
| 352 | + | |
| 353 | +.Switch_FlatCircular.On { | |
| 354 | + background-color: #a7cce9; | |
| 355 | +} | |
| 356 | + | |
| 357 | +.Switch_FlatCircular.On .SwitchLine { | |
| 358 | + | |
| 359 | +} | |
| 360 | + | |
| 361 | +.Switch_FlatCircular.On .SwitchButton { | |
| 362 | + border: 1px solid #a7cce9; | |
| 363 | + left: 57px; | |
| 364 | +} | |
| 365 | + | |
| 366 | +.Switch_FlatCircular.On .SwitchButton:after, .Switch_FlatCircular.On .SwitchButton:before | |
| 367 | + { | |
| 368 | + background-color: #a7cce9; | |
| 369 | +} | |
| 370 | + | |
| 371 | +.Switch_FlatCircular.Disabled { | |
| 372 | + opacity: 0.3; | |
| 373 | +} | |
| 374 | + | |
| 375 | +.Switch_FlatCircular.Disabled .SwitchButton { | |
| 376 | + /*opacity:0.5;*/ | |
| 377 | + | |
| 378 | +} | |
| 379 | + | |
| 380 | +.Switch_FlatCircular.On.Disabled .SwitchLine { | |
| 381 | + /*opacity:0.5;*/ | |
| 382 | + | |
| 383 | +} | |
| 384 | + | |
| 385 | +/* Green */ | |
| 386 | +.Switch_Green { | |
| 387 | + position: relative; | |
| 388 | + width: 100px; | |
| 389 | + height: 40px; | |
| 390 | + cursor: pointer; | |
| 391 | + display: inline-block; | |
| 392 | + vertical-align: middle; | |
| 393 | + background-color: #b4aa9f; | |
| 394 | + border-radius: 20px; | |
| 395 | +} | |
| 396 | + | |
| 397 | +.Switch_Green .SwitchLine:before { | |
| 398 | + position: absolute; | |
| 399 | + content: "\f00d"; | |
| 400 | + color: #fff3e3; | |
| 401 | + left: 62px; | |
| 402 | + top: 8px; | |
| 403 | + /*font-awesome*/ | |
| 404 | + font: normal normal normal 14px/1 FontAwesome !important; | |
| 405 | + font-size: 25px !important; | |
| 406 | +} | |
| 407 | + | |
| 408 | +.Switch_Green .SwitchLine:after { | |
| 409 | + position: absolute; | |
| 410 | + content: "\f00c"; | |
| 411 | + color: #fff3e3; | |
| 412 | + left: 15px; | |
| 413 | + top: 8px; | |
| 414 | + /*font-awesome*/ | |
| 415 | + font: normal normal normal 14px/1 FontAwesome !important; | |
| 416 | + font-size: 25px !important; | |
| 417 | +} | |
| 418 | + | |
| 419 | +.Switch_Green .SwitchButton { | |
| 420 | + position: absolute; | |
| 421 | + width: 46px; | |
| 422 | + height: 46px; | |
| 423 | + left: -3px; | |
| 424 | + top: -3px; | |
| 425 | + z-index: 2; | |
| 426 | + background-color: #fff3e3; | |
| 427 | + border-radius: 45px; | |
| 428 | + border: 3px solid #b4aa9f; | |
| 429 | +} | |
| 430 | + | |
| 431 | +.Switch_Green.On { | |
| 432 | + background-color: #6ebf5f; | |
| 433 | +} | |
| 434 | + | |
| 435 | +.Switch_Green.On .SwitchLine { | |
| 436 | + | |
| 437 | +} | |
| 438 | + | |
| 439 | +.Switch_Green.On .SwitchButton { | |
| 440 | + border: 3px solid #6ebf5f; | |
| 441 | + left: 57px; | |
| 442 | +} | |
| 443 | + | |
| 444 | +.Switch_Green.On .SwitchButton:after, .Switch_Green.On .SwitchButton:before | |
| 445 | + { | |
| 446 | + background-color: #a7cce9; | |
| 447 | +} | |
| 448 | + | |
| 449 | +.Switch_Green.Disabled { | |
| 450 | + opacity: 0.3; | |
| 451 | +} | |
| 452 | + | |
| 453 | +.Switch_Green.Disabled .SwitchButton { | |
| 454 | + /*opacity:0.5;*/ | |
| 455 | + | |
| 456 | +} | |
| 457 | + | |
| 458 | +.Switch_Green.On.Disabled .SwitchLine { | |
| 459 | + /*opacity:0.5;*/ | |
| 460 | + | |
| 461 | +} | |
| 462 | + | |
| 463 | +/* Icon */ | |
| 464 | +.Switch_Icon { | |
| 465 | + position: relative; | |
| 466 | + width: 90px; | |
| 467 | + height: 50px; | |
| 468 | + cursor: pointer; | |
| 469 | + display: inline-block; | |
| 470 | + vertical-align: middle; | |
| 471 | + border-radius: 30px; | |
| 472 | + border: 6px solid #fff; | |
| 473 | + margin: 0 38px; | |
| 474 | +} | |
| 475 | + | |
| 476 | +.Switch_Icon .SwitchLine:before { | |
| 477 | + position: absolute; | |
| 478 | + content: "\f1e3"; | |
| 479 | + color: #1b5a95; | |
| 480 | + left: 96px; | |
| 481 | + top: 8px; | |
| 482 | + /*font-awesome*/ | |
| 483 | + font: normal normal normal 14px/1 FontAwesome !important; | |
| 484 | + font-size: 25px !important; | |
| 485 | +} | |
| 486 | + | |
| 487 | +.Switch_Icon .SwitchLine:after { | |
| 488 | + position: absolute; | |
| 489 | + content: "\f1db"; | |
| 490 | + color: #fff; | |
| 491 | + left: -42px; | |
| 492 | + top: 8px; | |
| 493 | + /*font-awesome*/ | |
| 494 | + font: normal normal normal 14px/1 FontAwesome !important; | |
| 495 | + font-size: 25px !important; | |
| 496 | +} | |
| 497 | + | |
| 498 | +.Switch_Icon .SwitchButton { | |
| 499 | + position: absolute; | |
| 500 | + width: 26px; | |
| 501 | + height: 26px; | |
| 502 | + left: 6px; | |
| 503 | + top: 6px; | |
| 504 | + z-index: 2; | |
| 505 | + background-color: #fff; | |
| 506 | + border-radius: 26px; | |
| 507 | +} | |
| 508 | + | |
| 509 | +.Switch_Icon.On { | |
| 510 | + | |
| 511 | +} | |
| 512 | + | |
| 513 | +.Switch_Icon.On .SwitchLine { | |
| 514 | + | |
| 515 | +} | |
| 516 | + | |
| 517 | +.Switch_Icon.On .SwitchButton { | |
| 518 | + left: 48px; | |
| 519 | +} | |
| 520 | + | |
| 521 | +.Switch_Icon.On .SwitchLine:after { | |
| 522 | + color: #1b5a95; | |
| 523 | +} | |
| 524 | + | |
| 525 | +.Switch_Icon.On .SwitchLine:before { | |
| 526 | + color: #fff; | |
| 527 | +} | |
| 528 | + | |
| 529 | +.Switch_Icon.Disabled { | |
| 530 | + opacity: 0.3; | |
| 531 | +} | |
| 532 | + | |
| 533 | +.Switch_Icon.Disabled .SwitchButton { | |
| 534 | + /*opacity:0.5;*/ | |
| 535 | + | |
| 536 | +} | |
| 537 | + | |
| 538 | +.Switch_Icon.On.Disabled .SwitchLine { | |
| 539 | + /*opacity:0.5;*/ | |
| 540 | + | |
| 522 | 541 | } |
| 523 | 542 | \ No newline at end of file | ... | ... |