From d25c2e6f43ee55434d1e03fcbb2b85bbdfbd704b Mon Sep 17 00:00:00 2001 From: Anatoly Prohacky Date: Sat, 22 Apr 2023 23:11:29 +1000 Subject: [PATCH] html --- pub/css/button.css | 117 +++++++++++++++++++++++++++++++++++++++++++++ pub/css/style.css | 44 +++++++++++++++++ pub/css/text.css | 34 +++++++++++++ pub/img/upload.svg | 38 +++++++++++++++ pub/index.html | 85 ++++++++++++++++++++++++++++---- pub/js/button.js | 4 ++ 6 files changed, 312 insertions(+), 10 deletions(-) create mode 100644 pub/css/button.css create mode 100644 pub/css/style.css create mode 100644 pub/css/text.css create mode 100644 pub/img/upload.svg create mode 100644 pub/js/button.js diff --git a/pub/css/button.css b/pub/css/button.css new file mode 100644 index 0000000..056e164 --- /dev/null +++ b/pub/css/button.css @@ -0,0 +1,117 @@ +/*Стили для демонстрации*/ +body{ + background-color: #799eb4; +} +.wrapper{ + width: 100%; + min-height: 30%; + height: 30%; + overflow: hidden; + + display: -webkit-flex; + display: -moz-flex; + display: -ms-flex; + display: -o-flex; + display: flex; + + justify-content:center; + align-items: center; + +} + +.button13 { + display: inline-block; + width: 15em; + font-size: 80%; + color: rgba(255,255,255,.9); + text-shadow: #2e7ebd 0 1px 2px; + text-decoration: none; + text-align: center; + line-height: 1.1; + white-space: pre-line; + padding: .7em 0; + border: 1px solid; + border-color: #60a3d8 #2970a9 #2970a9 #60a3d8; + border-radius: 6px; + outline: none; + background: #3a9ef0 linear-gradient(#89bbe2, #60a3d8 50%, #378bce); + box-shadow: inset rgba(255,255,255,.5) 1px 1px; + } +.button13:first-line{ + font-size: 170%; + font-weight: 700; + } +.button13:hover { + color: rgb(255,255,255); + background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce); + } +.button13:active { + color: rgb(255,255,255); + border-color: #2970a9; + background-image: linear-gradient(#5796c8, #6aa2ce); + box-shadow: none; + } + + +.input-file { + position: relative; + display: inline-block; +} +.input-file-text { + padding: 0 10px; + line-height: 40px; + text-align: left; + height: 40px; + display: block; + float: left; + box-sizing: border-box; + width: 200px; + border-radius: 6px 0px 0 6px; + border: 1px solid #ddd; +} +.input-file-btn { +position: relative; + display: inline-block; + cursor: pointer; + outline: none; + text-decoration: none; + font-size: 14px; + vertical-align: middle; + color: rgb(255 255 255); + text-align: center; + border-radius: 0 4px 4px 0; + background-color: #419152; + line-height: 22px; + height: 40px; + padding: 10px 20px; + box-sizing: border-box; + border: none; + margin: 0; + transition: background-color 0.2s; +} +.input-file input[type=file] { + position: absolute; + z-index: -1; + opacity: 0; + display: block; + width: 0; + height: 0; +} + +/* Focus */ +.input-file input[type=file]:focus + .input-file-btn { + box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); +} + +/* Hover/active */ +.input-file:hover .input-file-btn { + background-color: #59be6e; +} +.input-file:active .input-file-btn { + background-color: #2E703A; +} + +/* Disabled */ +.input-file input[type=file]:disabled + .input-file-btn { + background-color: #eee; +} diff --git a/pub/css/style.css b/pub/css/style.css new file mode 100644 index 0000000..d7c2d12 --- /dev/null +++ b/pub/css/style.css @@ -0,0 +1,44 @@ + +/*Обнуление*/ +*{ + padding: 0; + margin: 0; + border: 0; +} +*,*:before,*:after{ + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +:focus,:active{outline: none;} +a:focus,a:active{outline: none;} + +nav,footer,header,aside{display: block;} + +html,body{ + height: 100%; + width: 100%; + font-size: 100%; + line-height: 1; + font-size: 14px; + -ms-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +input,button,textarea{font-family:inherit;} + +input::-ms-clear{display: none;} +button{cursor: pointer;} +button::-moz-focus-inner {padding:0;border:0;} +a, a:visited{text-decoration: none;} +a:hover{text-decoration: none;} +ul li{list-style: none;} +img{vertical-align: top;} + +h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: 400;} +/*--------------------*/ + +.bigred{ + font-size: 20px; + color: red; +} \ No newline at end of file diff --git a/pub/css/text.css b/pub/css/text.css new file mode 100644 index 0000000..fa76a3d --- /dev/null +++ b/pub/css/text.css @@ -0,0 +1,34 @@ +h1{ + font-size: 40px; + text-align: center; + color: aliceblue; + margin-top: 10px; + +} + +h2{ + font-size:30px; + font-weight: 400; +} + +h3{ + font-size:20px; + font-weight: 400; + text-align: center; + color: aliceblue; +} + +h4{ + font-size:10px; + font-weight: 400; +} + +h5{ + font-size:5px; + font-weight: 400; +} + +h6{ + font-size:2px; + font-weight: 400; +} \ No newline at end of file diff --git a/pub/img/upload.svg b/pub/img/upload.svg new file mode 100644 index 0000000..0e4b863 --- /dev/null +++ b/pub/img/upload.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/pub/index.html b/pub/index.html index 105076c..f3af107 100644 --- a/pub/index.html +++ b/pub/index.html @@ -1,17 +1,82 @@ - - Конвертор Sirius + Конвертор ППКУП Сириус + + + + + + + + + + + -
-

- -

-

- -

-
+ +

Онлайн конвертер конфураций ППКУП "Сириус" v1.03.022 (Болид)

+
+
+
+

Предназначен для конвертации сохраненой конфигурации c ППКУП "Сириус" v1.03.022 в формате "json", в удобно читаемый формат файла типа exel, для последующей работы с ним (например создании инструкций).

+
+
+
+

В выходном файле присутствуют поля. Номер зоны, Наименование зоны, Адреса прибора и шлейфы входящие в данную зону.

+ +
+ + + + +
+ + \ No newline at end of file diff --git a/pub/js/button.js b/pub/js/button.js new file mode 100644 index 0000000..d623bef --- /dev/null +++ b/pub/js/button.js @@ -0,0 +1,4 @@ +$('.input-file input[type=file]').on('change', function(){ + let file = this.files[0]; + $(this).closest('.input-file').find('.input-file-text').html(file.name); +}); \ No newline at end of file