From 3f44d2d77ded4dcb7e06e03db5bef0e8d10ed6c0 Mon Sep 17 00:00:00 2001 From: VlasovAlexey Date: Wed, 13 Mar 2024 16:14:17 +0300 Subject: [PATCH] Added Plan Sharing functions --- HTML_SRC/index.html | 1 + HTML_SRC/lng_fn.js | 16 ++ HTML_SRC/main.js | 5 + HTML_SRC/style_dark.css | 398 --------------------------------------- HTML_SRC/style_light.css | 17 +- HTML_SRC/style_main.css | 17 +- 6 files changed, 36 insertions(+), 418 deletions(-) delete mode 100644 HTML_SRC/style_dark.css diff --git a/HTML_SRC/index.html b/HTML_SRC/index.html index 7c6ffce..dc44f43 100644 --- a/HTML_SRC/index.html +++ b/HTML_SRC/index.html @@ -1751,6 +1751,7 @@
+
diff --git a/HTML_SRC/lng_fn.js b/HTML_SRC/lng_fn.js index bcdf026..86d8f75 100644 --- a/HTML_SRC/lng_fn.js +++ b/HTML_SRC/lng_fn.js @@ -193,6 +193,8 @@ lang = { 1: { //Eng + ".btn_link" : "Share Your Plan", + ".btn_bailout" : "Bailout", ".btn_diluent" : "Diluent", @@ -399,6 +401,7 @@ //Rus 2: { + ".btn_link" : "Поделиться свои планом", ".btn_bailout" : "Бейлаут", ".btn_diluent" : "Дилуэнт", @@ -611,6 +614,8 @@ //Spa 3: { + ".btn_link" : "Comparta su Plan", + ".btn_bailout" : "Rescate", ".btn_diluent" : "Diluyente", @@ -817,6 +822,8 @@ }, 4: { //Prt + ".btn_link" : "Partilhar o Plano", + ".btn_bailout" : "Bailout", ".btn_diluent" : "Diluente", @@ -1024,6 +1031,7 @@ }, 5 : { //China + ".btn_link" : "分享你的计划", ".btn_bailout" : "逃生气体", ".btn_diluent" : "稀释气体", @@ -1231,6 +1239,8 @@ }, 6 : { //Bulgarian + ".btn_link" : "Споделете вашия план", + ".btn_bailout" : "Аварийна", ".btn_diluent" : "Смесителна", ".tn_plan_oc" : "Отворен цикъл", @@ -1410,6 +1420,8 @@ }, 7: { //Fr + ".btn_link" : "Partager votre plan", + ".btn_bailout" : "Bailout", ".btn_diluent" : "Diluant", ".tn_plan_oc" : "Circuit ouvert", @@ -1589,6 +1601,8 @@ }, 8: { //Korean + ".btn_link" : "계획 공유", + ".btn_bailout" : "Bailout", ".btn_diluent" : "Diluent", ".tn_plan_oc" : "Open Circuit", @@ -1768,6 +1782,8 @@ }, 9: { //Italian + ".btn_link" : "Condividi il tuo Piano", + ".btn_bailout" : "Bailout", ".btn_diluent" : "Diluente", ".tn_plan_oc" : "Circuito Aperto", diff --git a/HTML_SRC/main.js b/HTML_SRC/main.js index 4f9d0f5..3f53823 100644 --- a/HTML_SRC/main.js +++ b/HTML_SRC/main.js @@ -2,6 +2,11 @@ var dive = require("/dive_comp.js"); init_global(); +function btn_link() { + + //put to clipboard plan + navigator.clipboard.writeText("test_text"); +} function upd_altitide() { abs_press[0] = height_to_bar(); diff --git a/HTML_SRC/style_dark.css b/HTML_SRC/style_dark.css deleted file mode 100644 index 62ee668..0000000 --- a/HTML_SRC/style_dark.css +++ /dev/null @@ -1,398 +0,0 @@ -.tn_download_me -{ - border: 0px; - width:100%; - align-content: center; -} -.tr_download_win -{ - border: 0px; - background: url(os_win_dark.svg) no-repeat 100% 100%; - height: 50px; - background-position: center; -} -.tr_download_mac -{ - border: 0px; - background: url(os_mac_dark.svg) no-repeat 100% 100%; - height: 50px; - background-position: center; -} -.tr_download_lnx -{ - border: 0px; - background: url(os_lnx_dark.svg) no-repeat 100% 100%; - height: 50px; - background-position: center; -} - -#clear { - clear:both; -} -div { - margin: auto; - text-align: center; - font-family: FirstFont; - width: 99%; - background: #2b2b2c; - color: #969696; - font-size: 20px; - cursor: default; - -khtml-user-select: none; - user-select: none; - text-align-last: center; -} -.tab_black{ - color: #e0e0e0; - background: #2d383c; -} -.tab_o2{ - color: #e0e0e0; - background: #39723a; -} -.tab_n2{ - color: #e0e0e0; - background: #953a48; -} -.tab_he{ - color: #e0e0e0; - background: #446184; -} -table{ - margin: auto; - font-family: FirstFont; - font-size: 15px; - width: 100%; - border-collapse: collapse; - text-align: center; - text-align-last: center; - border: 0px; - margin-top: 0px; - margin-bottom: 0px; - border: 10px; - -} -.otu_cns_wrn, -.otu_table, -.g_table, -.price_table{ - margin: auto; - font-family: FirstFont; - font-size: 15px; - width: 100%; - border-collapse: collapse; - text-align: center; - text-align-last: center; -} -._table table { - margin: auto; - width: 50%; - text-align: center; - text-align-last: center; -} -.price_table table { - margin: auto; - width: 50%; - text-align: center; - text-align-last: center; -} -th { - margin: 0px; - font-weight: normal; - color: #039; - border-bottom: 2px solid #6678b1; - padding: 10px 2px; - border-collapse: collapse; - text-align: center; - text-align-last: center; -} -td { - margin: auto; - font-size: 15px; - color: #969696; - padding: 9px 2px; - transition: .3s linear; - border-bottom: 1px solid #ccc; - border-collapse: collapse; - text-align: center; - text-align-last: center; -} -.tab_action, -.tab_depth, -.tab_time, -.tab_rtime, -.tab_mix -{ - font-weight: bold; -} -#gs_sv_brd -{ - border-top: 4px solid #e0e0e0; -} -#gs_sv_brd_thin -{ - border-top: 1px; -} -.tr_coms_dark{ - background: #193541; -} -.tr_coms_light{ - color: #e4e4e4; - background: #1b4352; -} -tr:hover td{ - color: steelblue; - background: #e8edff; -} -body { - text-align: center; - background: #2b2b2c; - color: #e4e4e4; - font-family: FirstFont; - font-size: 12px; - cursor: default; - -khtml-user-select: none; - user-select: none; - text-align-last: center; - opacity: 1; - transition: .3s; -} -input { - height: 50px; - width: 120px; - cursor: pointer; - background: #272727; - color: #c4c4c4; - font-family: FirstFont; - font-size:40px; - text-align-last: center; - text-align: center; - margin-bottom: 15px; -} -select -{ - background: url(arrow_01.svg) no-repeat 95% 50%; - background-color: #272727; - -webkit-appearance: none; - -moz-appearance: none; - height: 30px; - width: 80px; - cursor: pointer; - color: #c4c4c4; - font-family: FirstFont; - font-size: 18px; - text-align-last: center; - text-align: justify; - margin-bottom: 15px; - margin-left: 2px; - margin-right: 2px; - border-radius: 15px; -} -.tn_dmn -{ - width: 180px; -} -.tn_lng, -.tn_mdl, -.opt_levels_mix -{ - width: 140px; -} -.tn_water, -.tn_color -{ - width: 190px; -} -.lvl_option_style -{ - width: 115px; -} -.lvl_option_number_style -{ - width: 75px; -} -.lvl_option_time_style -{ - width: 65px; -} -.td_mix, -.max_depth, -.td_lngr, -.td_time, -.td_brmv, -.td_drmv, -.td_h_price, -.td_o_price, -.tn_travel, -.tn_deco, -.tn_ppo2_deco, -.tn_ppo2_bottom, -.tn_ppo2_min, -.tn_ibcd_ppn2, -.tn_ibcd_pphe, -.tn_end_n -{ - background: #2b2b2c; - color: #969696; - font-family: FirstFont; - font-size:20px; - cursor: default; - text-align-last: center; - text-align: center; - border-radius: 15px; -} -.td_warn, -.td_copyright -{ - font-size:12px; - background: #2b2b2c; - color: #e4e4e4; - margin: auto; - text-align-last: center; - text-align: center; -} -.td_over { - position: fixed; - left:0; - top:0; - background: url("http://scan3d.ru/DiveMePro/all.gif") center center no-repeat; - width: 100%; - height: 20%; -} -img { - - margin: inherit; - text-align: center; - text-align-last: center; -} -#slider { - width: 100%; - color: #66666; - font-family: FirstFont; - font-size: 20px; -} -.header0, -.header1, -.header2, -.header3, -.header4, -.header5, -.header6 -{ - width: 91%; - border: 2px solid #969696; - color: #ffffff; - background: #424242; - padding: 5px; - margin-top: 5px; - cursor: pointer; - text-align: center; - transition: .2s ease-in-out; - border-radius: 17px; -} -.header0:hover, -.header1:hover, -.header2:hover, -.header3:hover, -.header4:hover, -.header5:hover -{ - color: #424242; - background: #eeeeee; - border: 2px solid #0080fc; -} -.header0:active, -.header1:active, -.header2:active, -.header3:active, -.header4:active, -.header5:active{ - color: #ffffff; - background: #424242; -} -.content { - overflow: hidden; -} -.text { - width: 100%; - border: 1px solid #cccccc; - border-top: none; - padding: 15px; - text-align: left; - background: #eeeeee; - font-size: 14px; -} -.div_block { - width: 91%; - border: 1px solid #444444; - padding: 8px; - margin-top: 5px; - text-align: center; - border-radius: 15px; -} -.div_block_bottom { - width: 90%; - border: 1px solid #444444; - padding: 9px; - margin-top: 5px; - text-align: center; - border-radius: 15px; -} -.div_block_warn { - width: 90%; - border: 1px solid #444444; - padding: 6px; - margin-top: 5px; - text-align: center; - border-radius: 15px; -} -.btn_save, -.btn_restore, -.btn_add_lvl, -.btn_del_lvl, -.tn_btn_tiss -{ - border: 10px; - margin-top: 10px; - margin-bottom: 10px; - font-family: FirstFont; - font-size: 20px; - width: auto; - position: relative; - display: inline-block; - color: #ffffff; - text-decoration: none; - text-shadow: 0 0px 0px #ffffff; - padding: .4em 1em; - outline: none; - border: 2px solid #969696; - border-radius: 15px; - background: #424242; - transition: .2s ease-in-out; - cursor: pointer; - box-shadow: 0 0 0px #ffffff inset, 0 0px 0px #ffffff inset, 0 0px 0px #ffffff; -} - -.btn_save:hover, -.btn_restore:hover, -.btn_add_lvl:hover, -.btn_del_lvl:hover, -.tn_btn_tiss:hover -{ - background: #eeeeee; - color: #424242; - border: 2px solid #0080fc; -} - -.btn_save:active, -.btn_restore:active, -.btn_add_lvl:active, -.btn_del_lvl:active, -.tn_btn_tiss:active -{ - top: 1px; - background: #424242; - color: #eeeeee; - box-shadow: 0 0 0px #ffffff inset, 0 0px 0px #ffffff inset, 0 0px 0px #ffffff; -} - diff --git a/HTML_SRC/style_light.css b/HTML_SRC/style_light.css index 1d00a9b..863b926 100644 --- a/HTML_SRC/style_light.css +++ b/HTML_SRC/style_light.css @@ -348,7 +348,7 @@ select .btn_tel, .btn_bailout, .btn_diluent, - +.btn_link, .tn_btn_price, .tn_btn_learn, .tn_btn_pp_profile_chart, @@ -387,7 +387,7 @@ select .btn_tel:hover, .btn_bailout:hover, .btn_diluent:hover, - +.btn_link:hover, .tn_btn_price:hover, .tn_btn_learn:hover, .tn_btn_pp_profile_chart:hover, @@ -410,7 +410,7 @@ select .btn_tel:active, .btn_bailout:active, .btn_diluent:active, - +.btn_link:active, .tn_btn_price:active, .tn_btn_learn:active, .tn_btn_pp_profile_chart:active, @@ -832,16 +832,13 @@ a#windowControlMinimize{ background-position: 0 0; } -#body_main{ - /* This is the magic bit for Firefox */ - scrollbar-width: none; -} - -#body_main::-webkit-scrollbar { - /* This is the magic bit for WebKit */ +/* Hide scrollbar for Chrome, Safari and Opera */ +::-webkit-scrollbar { display: none; } +.element::-webkit-scrollbar { width: 0 !important } + .tn_price_table_total_style{ font-weight: bold; color: #000000; diff --git a/HTML_SRC/style_main.css b/HTML_SRC/style_main.css index b71bdd0..dc2d8b5 100644 --- a/HTML_SRC/style_main.css +++ b/HTML_SRC/style_main.css @@ -369,7 +369,7 @@ select .btn_diluent, .btn_ios_msg, .btn_ios_tel, - +.btn_link, .tn_btn_price, .tn_btn_learn, .tn_btn_pp_profile_chart, @@ -410,7 +410,7 @@ select .btn_diluent:hover, .btn_ios_msg:hover, .btn_ios_tel:hover, - +.btn_link:hover, .tn_btn_price:hover, .tn_btn_learn:hover, .tn_btn_pp_profile_chart:hover, @@ -435,7 +435,7 @@ select .btn_diluent:active, .btn_ios_msg:active, .btn_ios_tel:active, - +.btn_link:active, .tn_btn_price:active, .tn_btn_learn:active, .tn_btn_pp_profile_chart:active, @@ -870,16 +870,13 @@ a#windowControlMinimize{ background-position: 0 0; } -#body_main{ - /* This is the magic bit for Firefox */ - scrollbar-width: none; -} - -#body_main::-webkit-scrollbar { - /* This is the magic bit for WebKit */ +/* Hide scrollbar for Chrome, Safari and Opera */ +::-webkit-scrollbar { display: none; } +.element::-webkit-scrollbar { width: 0 !important } + .tn_price_table_total_style{ font-weight: bold; color: #ffffff;