Updated Zoz's design

static/deps/main.css

@@ -0,0 +1,326 @@
+/* 
+ _____   _           _         _                        _                  
+|_   _| | |         | |       | |                      | |                 
+  | |   | |__   __ _| |_ ___  | |_ ___  _ __ ___   __ _| |_ ___   ___  ___ 
+  | |   | '_ \ / _` | __/ _ \ | __/ _ \| '_ ` _ \ / _` | __/ _ \ / _ \/ __|
+ _| |_  | | | | (_| | ||  __/ | || (_) | | | | | | (_| | || (_) |  __/\__ \
+ \___/  |_| |_|\__,_|\__\___|  \__\___/|_| |_| |_|\__,_|\__\___/ \___||___/
+
+Oh nice, welcome to the stylesheet of dreams. 
+It has it all. Classes, ID's, comments...the whole lot:)
+Enjoy responsibly!
+@ihatetomatoes
+
+*/
+
+/* ==========================================================================
+   Chrome Frame prompt
+   ========================================================================== */
+
+.chromeframe {
+    margin: 0.2em 0;
+    background: #ccc;
+    color: #000;
+    padding: 0.2em 0;
+}
+
+/* ==========================================================================
+   Author's custom styles
+   ========================================================================== */
+
+#loader-wrapper {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1000;
+}
+#loader {
+    display: block;
+    position: relative;
+    z-index: 1001;
+    left: 50%;
+    top: 50%;
+    width: 256px;
+    height: 256px;
+    margin: -128px 0 0 -128px;
+    background: url(/static/logo2.png);
+    -webkit-animation: spin 5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
+    animation: spin 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
+}
+
+    @-webkit-keyframes spin {
+        0%   { 
+            -webkit-transform: scale(0.2);  /* Chrome, Opera 15+, Safari 3.1+ */
+            -ms-transform: scale(0.2);  /* IE 9 */
+            transform: scale(0.2);;  /* Firefox 16+, IE 10+, Opera */
+        }
+        100% {
+            -webkit-transform: scale(1);  /* Chrome, Opera 15+, Safari 3.1+ */
+            -ms-transform: scale(1);  /* IE 9 */
+            transform: scale(1);  /* Firefox 16+, IE 10+, Opera */
+        }
+    }
+    @keyframes spin {
+        0%   { 
+            -webkit-transform: scale(0.2);  /* Chrome, Opera 15+, Safari 3.1+ */
+            -ms-transform: scale(0.2);  /* IE 9 */
+            transform: scale(0.2);  /* Firefox 16+, IE 10+, Opera */
+        }
+        100% {
+            -webkit-transform: scale(1);  /* Chrome, Opera 15+, Safari 3.1+ */
+            -ms-transform: scale(1);  /* IE 9 */
+            transform: scale(1);  /* Firefox 16+, IE 10+, Opera */
+        }
+    }
+    #loader-wrapper .loader-section {
+        position: fixed;
+        top: 0;
+        width: 51%;
+        height: 100%;
+        background: #222222;
+        z-index: 1000;
+    }
+     
+    #loader-wrapper .loader-section.section-left {
+        left: 0;
+    }
+     
+    #loader-wrapper .loader-section.section-right {
+        right: 0;
+    }
+
+    .loaded #loader-wrapper .loader-section.section-left {
+        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
+        -ms-transform: translateX(-100%);  /* IE 9 */
+        transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
+    }
+     
+    .loaded #loader-wrapper .loader-section.section-right {
+        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
+        -ms-transform: translateX(100%);  /* IE 9 */
+        transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
+    }
+
+    .loaded #loader {
+        opacity: 0;
+        -webkit-transition: all 0.3s ease-out; 
+            transition: all 0.3s ease-out;
+    }
+
+    .loaded #loader-wrapper {
+        visibility: hidden;
+    }
+
+    .loaded #loader-wrapper .loader-section.section-right,
+    .loaded #loader-wrapper .loader-section.section-left {
+    
+        -webkit-transition: all 0.3s 0.3s ease-out; 
+                transition: all 0.3s 0.3s ease-out;
+    }
+
+    .loaded #loader-wrapper {
+        -webkit-transform: translateY(-100%);
+            -ms-transform: translateY(-100%);
+                transform: translateY(-100%);
+ 
+        -webkit-transition: all 0.3s 0.6s ease-out; 
+                transition: all 0.3s 0.6s ease-out;
+}
+
+/* ==========================================================================
+   Helper classes
+   ========================================================================== */
+
+/*
+ * Image replacement
+ */
+
+.ir {
+    background-color: transparent;
+    border: 0;
+    overflow: hidden;
+    /* IE 6/7 fallback */
+    *text-indent: -9999px;
+}
+
+.ir:before {
+    content: "";
+    display: block;
+    width: 0;
+    height: 150%;
+}
+
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
+
+.hidden {
+    display: none !important;
+    visibility: hidden;
+}
+
+/*
+ * Hide only visually, but have it available for screenreaders: h5bp.com/v
+ */
+
+.visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+/*
+ * Extends the .visuallyhidden class to allow the element to be focusable
+ * when navigated to via the keyboard: h5bp.com/p
+ */
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
+
+/*
+ * Hide visually and from screenreaders, but maintain layout
+ */
+
+.invisible {
+    visibility: hidden;
+}
+
+/*
+ * Clearfix: contain floats
+ *
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ *    `contenteditable` attribute is included anywhere else in the document.
+ *    Otherwise it causes space to appear at the top and bottom of elements
+ *    that receive the `clearfix` class.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ *    `:before` to contain the top-margins of child elements.
+ */
+
+.clearfix:before,
+.clearfix:after {
+    content: " "; /* 1 */
+    display: table; /* 2 */
+}
+
+.clearfix:after {
+    clear: both;
+}
+
+/*
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+
+.clearfix {
+    *zoom: 1;
+}
+
+/* ==========================================================================
+   EXAMPLE Media Queries for Responsive Design.
+   These examples override the primary ('mobile first') styles.
+   Modify as content requires.
+   ========================================================================== */
+
+@media only screen and (min-width: 35em) {
+    /* Style adjustments for viewports that meet the condition */
+}
+
+@media print,
+       (-o-min-device-pixel-ratio: 5/4),
+       (-webkit-min-device-pixel-ratio: 1.25),
+       (min-resolution: 120dpi) {
+    /* Style adjustments for high resolution devices */
+}
+
+/* ==========================================================================
+   Print styles.
+   Inlined to avoid required HTTP connection: h5bp.com/r
+   ========================================================================== */
+
+@media print {
+    * {
+        background: transparent !important;
+        color: #000 !important; /* Black prints faster: h5bp.com/s */
+        box-shadow: none !important;
+        text-shadow: none !important;
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline;
+    }
+
+    a[href]:after {
+        content: " (" attr(href) ")";
+    }
+
+    abbr[title]:after {
+        content: " (" attr(title) ")";
+    }
+
+    /*
+     * Don't show links for images, or javascript/internal links
+     */
+
+    .ir a:after,
+    a[href^="javascript:"]:after,
+    a[href^="#"]:after {
+        content: "";
+    }
+
+    pre,
+    blockquote {
+        border: 1px solid #999;
+        page-break-inside: avoid;
+    }
+
+    thead {
+        display: table-header-group; /* h5bp.com/t */
+    }
+
+    tr,
+    img {
+        page-break-inside: avoid;
+    }
+
+    img {
+        max-width: 100% !important;
+    }
+
+    @page {
+        margin: 0.5cm;
+    }
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    h2,
+    h3 {
+        page-break-after: avoid;
+    }
+}
+
+/* 
+	Ok so you have made it this far, that means you are very keen to on my code. 
+	Anyway I don't really mind it. This is a great way to learn so you actually doing the right thing:)
+	Follow me @ihatetomatoes
+*/

static/deps/style.css

@@ -0,0 +1,380 @@
+html,
+body {
+    /*height: 100%;*/
+    background-color: #212026;
+}
+
+.container-fluid {
+    padding: 0px 100px 25px 100px !important;
+}
+
+.p-top25 {
+    padding-top: 25px !important;
+}
+
+#header {
+    background-color: #1D1E23;
+    color: #f1f1f1;
+    /* padding: 0 !important; */
+    /* display: flex; */
+    /* flex: 3; */
+    /* align-items: center; */
+    /* justify-content: center; */
+    /* min-height: 130px; */
+}
+
+.title {
+    color: #f1f1f1;
+    line-height: 30px;
+}
+
+#content {
+    padding: 0px !important;
+    flex-direction: row!important;
+}
+
+.aside {
+    background-color: #22222A;
+}
+
+.paside {
+    background-color: #212026;
+}
+
+.btn-radius {
+    border-radius: 20px;
+    margin-bottom: 20px;
+}
+
+.btn-logout {
+    border-radius: 20px;
+    border: 1px solid rgb(253, 104, 110);
+}
+
+.btn-logout:hover,
+.btn-logout:active,
+.btn-logout:focus {
+    border: 1px solid rgb(253, 104, 110) !important;
+}
+
+.btn-copy {
+    border-radius: 20px;
+    background-color: #292931;
+    color: #f1f1f1;
+    border: 1px solid #f1f1f1 !important;
+}
+
+.btn-copy:hover,
+.btn-copy:active,
+.btn-copy:focus {
+    border: 1px solid #292931 !important;
+}
+
+.btn-lang {
+    border-radius: 20px;
+    padding: 7px 20px 7px 20px;
+}
+
+.btn-b-1,
+li>a.active {
+    background-color: #ffffff;
+    color: #333333;
+}
+
+.btn-b-1:hover,
+.btn-b-1:active,
+.btn-b-1:focus,
+li>a.active:hover,
+li>a.active:active,
+li>a.active:focus {
+    border: 1px solid #777777;
+    color: #222222;
+}
+
+.btn-b-2 {
+    background-color: #292931;
+    color: #f1f1f1;
+}
+
+.btn-b-2:hover,
+.btn-b-2:active,
+.btn-b-2:focus {
+    border: 1px solid #777777;
+    color: #f9f9f9;
+}
+
+.btn-set {
+    border-radius: 20px;
+    background-color: #292931;
+    color: #f1f1f1;
+    border: 1px solid #777777;
+}
+
+.btn-set:hover,
+.btn-set:active,
+.btn-set:focus {
+    border: 1px solid #292931;
+    color: #f9f9f9;
+}
+
+.btn-b-3 {
+    background-color: #292931;
+    color: rgb(253, 104, 110);
+    overflow: hidden;
+}
+
+.btn-b-3:hover,
+.btn-b-3:active,
+.btn-b-3:focus {
+    border: 1px solid #777777;
+    color: rgb(253, 77, 85);
+}
+
+.btn-b-4 {
+    color: #000;
+    overflow: hidden;
+}
+
+.btn-b-4:hover,
+.btn-b-4:active,
+.btn-b-4:focus {
+    border: 1px solid rgb(97, 255, 158);
+    color: #333333;
+}
+
+.btn-b-5 {
+    background-color: #292931;
+    color: rgb(97, 255, 158);
+    overflow: hidden;
+}
+
+.btn-b-5:hover,
+.btn-b-5:active,
+.btn-b-5:focus {
+    border: 1px solid #777777;
+    color: rgb(97, 255, 158);
+}
+
+@media only screen and (min-width: 1024px) {
+    .online {
+        margin-top: -40px;
+    }
+}
+
+.text-white {
+    color: #f1f1f1;
+}
+
+.text-gray {
+    color: #777777;
+}
+
+.text-s-gray {
+    color: #555555;
+}
+
+.no-m {
+    margin-bottom: 0;
+}
+
+.text-black {
+    color: #000;
+}
+
+.btn-back {
+    margin-top: -5px !important;
+    width: 50px;
+    border: 2px solid #777777;
+    font-weight: bold;
+    color: #f1f1f1;
+}
+
+label {
+    color: #777777;
+    font-weight: normal !important;
+}
+
+.form-b,
+.form-control[readonly] {
+    border-radius: 20px !important;
+    background-color: #1D1E23;
+    border: 1px solid #292931;
+    color: #f1f1f1;
+}
+
+.w-b {
+    border: 1px solid #777777;
+    overflow: hidden;
+}
+
+.t-h {
+    line-height: 35px;
+}
+
+.o-h {
+    overflow-x: hidden !important;
+    font-weight: bold;
+}
+
+.dash {
+    list-style: none;
+    padding-left: 0 !important;
+}
+
+.modal-header,
+.modal-header>button.close {
+    background-color: #1D1E23;
+    color: #f1f1f1;
+    border-bottom: none;
+    border-top-left-radius: unset;
+    border-top-right-radius: unset;
+}
+
+.modal-body {
+    background-color: #212026;
+}
+
+.modal-footer {
+    border-top: none;
+    background-color: #212026;
+}
+
+.w100 {
+    width: 100%;
+}
+
+div.card {
+    background-color: #22222A;
+    margin-bottom: 10px;
+}
+
+.card-link,
+.card-link:focus,
+.card-link:hover {
+    color: #f1f1f1;
+}
+
+.label-seed {
+    background-color: #f1f1f1;
+    color: #1D1E23;
+    font-weight: 500!important;
+    border-radius: 20px !important;
+    border: 1px solid #292931;
+    padding: 10px;
+}
+
+.locked_balance {
+    color: #ffc107;
+}
+
+.unlocked_balance {
+    color: #28a745;
+}
+
+div#header>div.row {
+    width: 100%;
+}
+
+div#header div.title {
+    display: flex;
+    justify-content: space-evenly;
+}
+
+div#header div.logo {
+    display: flex;
+    justify-content: center;
+}
+
+div#header>div.row>div.col-lg-8 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+div#header>div.row>div.col-lg-8>div.row {
+    width: 100%;
+}
+
+@media screen and (max-width: 425px) {
+    div#header {
+        min-height: 130px;
+    }
+    /* div#content > div:last-of-type { */
+    /* margin-top: 80%; */
+    /* } */
+}
+
+@media screen and (max-width: 767px) {
+    div#content {
+        flex-direction: column!important;
+    }
+}
+
+@media screen and (min-width: 768px) {
+    div#content {
+        height: 92vh !important;
+    }
+    div#header {
+        height: 8vh !important;
+    }
+}
+
+.tabulator-footer,
+.tabulator-col,
+.tabulator-header {
+    background-color: #22222A !important;
+    color: #f1f1f1 !important;
+}
+
+.tabulator-page {
+    color: #f1f1f1 !important;
+}
+
+#content hr {
+    width: 90%;
+}
+
+#myBlockTheme {
+    width: 60px;
+}
+
+#myBlockTheme>div {
+    height: 15px;
+    width: 15px;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#myBlockTheme>div#blackTheme {
+    background-color: #32323a;
+    border: 1px black solid;
+}
+
+#myBlockTheme>div#whiteTheme {
+    background-color: #f1f1f1;
+    border: 1px black solid;
+    margin-left: 10px;
+}
+
+@media screen and (max-width: 425px) {
+    div#myBlockTheme {
+        width: 100%;
+        justify-content: center!important;
+        margin-bottom: 1rem!important;
+        margin-top: 15px !important;
+    }
+
+    div#header {
+        flex-direction: column;
+        padding-right: 0px !important;
+    }
+
+    #header > div.col-lg-8.col-md-8.col-sm-12 > div > div:last-of-type {
+        justify-content: center!important;
+        margin-bottom: 5px;
+    }
+}
+
+#header_address {
+    cursor: pointer;
+}

static/deps/style_white.css

@@ -0,0 +1,375 @@
+.container-fluid {
+    padding: 0px 100px 25px 100px !important;
+}
+
+.p-top25 {
+    padding-top: 25px !important;
+}
+
+#header {
+    background-color: #333333;
+    color: #f1f1f1;
+    /* padding: 0 !important; */
+    /* display: flex; */
+    /* flex: 3; */
+    /* align-items: center; */
+    /* justify-content: center; */
+    /* min-height: 130px; */
+}
+
+.title {
+    color: #f1f1f1;
+    line-height: 30px;
+}
+
+#content {
+    padding: 0px !important;
+    flex-direction: row!important;
+}
+
+.aside {
+    background-color: #F6F6F6;
+}
+
+.paside {
+    background-color: #ffffff;
+}
+
+.btn-radius {
+    border-radius: 20px;
+    margin-bottom: 20px;
+}
+
+.btn-logout {
+    border-radius: 20px;
+    border: 1px solid rgb(253, 104, 110);
+}
+
+.btn-logout:hover,
+.btn-logout:active,
+.btn-logout:focus {
+    border: 1px solid rgb(253, 104, 110) !important;
+}
+
+.btn-copy {
+    border-radius: 20px;
+    background-color: #292931;
+    color: #f1f1f1;
+    border: 1px solid #f1f1f1 !important;
+}
+
+.btn-copy:hover,
+.btn-copy:active,
+.btn-copy:focus {
+    border: 1px solid #292931 !important;
+}
+
+.btn-lang {
+    border-radius: 20px;
+    padding: 7px 20px 7px 20px;
+}
+
+.btn-b-1,
+li>a.active {
+    background-color: #ffffff;
+    color: #333333;
+}
+
+.btn-b-1:hover,
+.btn-b-1:active,
+.btn-b-1:focus,
+li>a.active:hover,
+li>a.active:active,
+li>a.active:focus {
+    border: 1px solid #777777;
+    color: #222222;
+}
+
+.btn-b-2 {
+    background-color: #90a4ae;
+    color: #f1f1f1;
+}
+
+.btn-b-2:hover,
+.btn-b-2:active,
+.btn-b-2:focus {
+    border: 1px solid #777777;
+    color: #f9f9f9;
+}
+
+.btn-set {
+    border-radius: 20px;
+    background-color: #90a4ae;
+    color: #f1f1f1;
+    border: 1px solid #777777;
+}
+
+.btn-set:hover,
+.btn-set:active,
+.btn-set:focus {
+    border: 1px solid #292931;
+    color: #f9f9f9;
+}
+
+.btn-b-3 {
+    background-color: #F6F6F6;
+    color: #dc3646;
+    overflow: hidden;
+}
+
+.btn-b-3:hover,
+.btn-b-3:active,
+.btn-b-3:focus {
+    background-color:#c82333ab;
+    border: 1px solid #777777;
+    color: #f1f1f1;
+}
+
+.btn-b-4 {
+    color: #000;
+    overflow: hidden;
+}
+
+.btn-b-4:hover,
+.btn-b-4:active,
+.btn-b-4:focus {
+    border: 1px solid rgb(97, 255, 158);
+    color: #333333;
+}
+
+.btn-b-5 {
+    background-color: #F6F6F6;
+    color: #35ac50;
+    overflow: hidden;
+}
+
+.btn-b-5:hover,
+.btn-b-5:active,
+.btn-b-5:focus {
+    background-color:#21883896;
+    border: 1px solid #777777;
+    color: #f1f1f1;
+}
+
+@media only screen and (min-width: 1024px) {
+    .online {
+        margin-top: -40px;
+    }
+}
+
+.text-white {
+    color: black !important;
+}
+
+.text-gray {
+    color: #777777;
+}
+
+.text-s-gray {
+    color: #555555;
+}
+
+.no-m {
+    margin-bottom: 0;
+}
+
+.text-black {
+    color: #000;
+}
+
+.btn-back {
+    margin-top: -5px !important;
+    width: 50px;
+    border: 2px solid #777777;
+    font-weight: bold;
+    color: #f1f1f1;
+}
+
+label {
+    color: #777777;
+    font-weight: normal !important;
+}
+
+.form-b,
+.form-control[readonly] {
+    border-radius: 20px !important;
+    border: 1px solid #292931;
+    color: #333333;
+}
+
+.w-b {
+    border: 1px solid #777777;
+    overflow: hidden;
+}
+
+.t-h {
+    line-height: 35px;
+}
+
+.o-h {
+    overflow-x: hidden !important;
+    font-weight: bold;
+}
+
+.dash {
+    list-style: none;
+    padding-left: 0 !important;
+}
+
+.modal-header,
+.modal-header>button.close {
+    background-color: #333333;
+    color: #f1f1f1;
+    border-bottom: none;
+    border-top-left-radius: unset;
+    border-top-right-radius: unset;
+}
+
+.modal-body {
+    background-color: #ffffff;
+}
+
+.modal-footer {
+    border-top: none;
+    background-color: #ffffff;
+}
+
+.w100 {
+    width: 100%;
+}
+
+div.card {
+    background-color: #90a4ae;
+    margin-bottom: 10px;
+}
+
+.card-link,
+.card-link:focus,
+.card-link:hover {
+    color: #f1f1f1;
+}
+
+.label-seed {
+    background-color: #f1f1f1;
+    color: #1D1E23;
+    font-weight: 500!important;
+    border-radius: 20px !important;
+    border: 1px solid #292931;
+    padding: 10px;
+}
+
+.locked_balance {
+    color: #ffc107;
+}
+
+.unlocked_balance {
+    color: #28a745;
+}
+
+div#header>div.row {
+    width: 100%;
+}
+
+div#header div.title {
+    display: flex;
+    justify-content: space-evenly;
+}
+
+div#header div.logo {
+    display: flex;
+    justify-content: center;
+}
+
+div#header>div.row>div.col-lg-8 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+div#header>div.row>div.col-lg-8>div.row {
+    width: 100%;
+}
+
+@media screen and (max-width: 425px) {
+    div#header {
+        min-height: 130px;
+    }
+    /* div#content > div:last-of-type { */
+    /* margin-top: 80%; */
+    /* } */
+}
+
+@media screen and (max-width: 767px) {
+    div#content {
+        flex-direction: column!important;
+    }
+}
+
+@media screen and (min-width: 768px) {
+    div#content {
+        height: 92vh !important;
+    }
+    div#header {
+        height: 8vh !important;
+    }
+}
+
+.tabulator-footer,
+.tabulator-col,
+.tabulator-header {
+    background-color: #f1f1f1 !important;
+    color: #22222A !important;
+}
+
+.tabulator-page {
+    color: #22222A !important;
+}
+
+#myBlockTheme {
+    width: 60px;
+}
+
+#myBlockTheme>div {
+    height: 15px;
+    width: 15px;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#myBlockTheme>div#blackTheme {
+    background-color: #535358;
+    border: 1px black solid;
+}
+
+#myBlockTheme>div#whiteTheme {
+    background-color: #f1f1f1;
+    border: 1px black solid;
+    margin-left: 10px;
+}
+
+@media screen and (max-width: 425px) {
+    div#myBlockTheme {
+        width: 100%;
+        justify-content: center!important;
+        margin-bottom: 1rem!important;
+        margin-top: 15px !important;
+    }
+
+    div#header {
+        flex-direction: column;
+        padding-right: 0px !important;
+    }
+
+    #header > div.col-lg-8.col-md-8.col-sm-12 > div > div:last-of-type {
+        justify-content: center!important;
+        margin-bottom: 5px;
+    }
+}
+
+.total_balance {
+    color: black;
+}
+
+#header_address {
+    cursor: pointer;
+}

static/favicon/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

static/favicon/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

static/translations.js

@@ -931,130 +931,130 @@ var es = { "translation":
 var fr = { "translation":
     {
         "language_name":"Français",
-        "tr_title":  "DERO Web Wallet ",
+        "tr_title":  "DERO Portefeuille en ligne ",
         "tr_DERO":  "DERO ",
-        "tr_wallet":  "portefeuille ",
-        "tr_close":  "fermer ",
-        "tr_password":  "password ",
-        "tr_success":  "Success ",
+        "tr_wallet":  "Wallet",
+        "tr_close":  "Fermer ",
+        "tr_password":  "Mot de passe ",
+        "tr_success":  "Succès ",
+
+        "carousel_fast_title":  "Transactions rapides ",
+        "carousel_fast_text":  "DERO transfère instantanément en moins de 12 secondes. ",
+        "carousel_privacy_title":  "Le respect de la vie privée dès la conception ",
+        "carousel_privacy_text":  "Le réseau DERO dispose d'une confidentialité absolue pour toutes les transactions. ",
+        "carousel_privacy_text2":  "Personne ne peut savoir qui a dépensé ou reçu quoi, quand et où. ",
+        "carousel_easy_title":  "Facile à utiliser ",
+        "carousel_easy_text":  "Nous sommes disponible sur les supports Windows, Mac, Linux, UNIX, BSD, Solaris, Android et iOS. ",
+        "carousel_tech_title":  "Leader technologique. ",
+        "carousel_tech_text":  "Pionnier dans cette technologie avec l'innovation et les fonctionnalités telles que les DAG, les bullet-proofs et le réseau crypté en TLS. ",
+        "carousel_orig_title":  "Développeurs initiaux ",
+        "carousel_orig_text":  "Le projet DERO a été développé à partir de zéro et est activement développé par les développeurs initiaux. ",
+        "carousel_touch_title":  "Entrer en contact ",
+        "carousel_touch_text":  "Vous pouvez aider et contribuer au projet par des discussions, des suggestions, un développement, des tests ou tout simplement en partageant le projet. ",
+        "front_available_wallet":  "Portefeuilles disponibles ",
+        "front_open_saved_wallet":  "Ouvrir le portefeuille sélectionné ",
+        "front_delete_saved_wallet":  "Supprimer le portefeuille sélectionné ",
+        "front_recover_seed_wallet":  "Restaurer votre portefeuille en utilisant la phrase mnémonique (25 mots) ",
+        "front_recover_key_wallet":  "Restaurer votre portefeuille en utilisant la clé de récupération (64 caractères hexadécimaux) ",
+        "front_recover_view_wallet":  "Consultation visuelle uniquement de votre portefeuille (128 caractères hexadécimaux) ",
+        "front_create_new_wallet":  "Créer un nouveau portefeuille ",
+        "front_upload_wallet":  "Restaurer votre portefeuille via le fichier stocké en local ",
+        "control_wallet_seed":  "Phrase mnémonique ",
+        "control_wallet_settings":  "Paramètres ",
+        "control_wallet_logout":  "Déconnexion ",
 
-        "carousel_fast_title":  "transactions rapides ",
-        "carousel_fast_text":  "DERO transfère instantanément < 12 secondes. ",
-        "carousel_privacy_title":  "confidentialité incassable par Design ",
-        "carousel_privacy_text":  "le réseau DERO a une confidentialité incassable et obligatoire pour toutes les transactions. ",
-        "carousel_privacy_text2":  "personne ne sait qui a dépensé/reçu quoi/quand/où. ",
-        "carousel_easy_title":  "facile à utiliser ",
-        "carousel_easy_text":  "nous soutenons officiellement presque tous les OS Windows/Mac/Linux/UNIX/BSD/Solaris, même Android/IOS. ",
-        "carousel_tech_title":  "Technology leader ",
-        "carousel_tech_text":  "leader de l'industrie avec l'innovation et les fonctionnalités telles que la technologie DAG, pare-balles, réseau crypté TLS. ",
-        "carousel_orig_title":  "développeurs d'origine ",
-        "carousel_orig_text":  "le projet DERO a été développé à partir de zéro et est activement développé par les développeurs originaux. ",
-        "carousel_touch_title":  "entrer en contact ",
-        "carousel_touch_text":  "vous pouvez aider et contribuer au projet par des discussions, des suggestions, un développement, des tests ou même simplement répandre le mot. ",
-        "front_available_wallet":  "portefeuilles disponibles ",
-        "front_open_saved_wallet":  "ouvrir le portefeuille sélectionné ",
-        "front_delete_saved_wallet":  "supprimer le portefeuille sélectionné ",
-        "front_recover_seed_wallet":  "récupérer le portefeuille en utilisant les mots SEED (25 mots) ",
-        "front_recover_key_wallet":  "récupérer le portefeuille à l'aide de la clé de récupération (64 hex Char) ",
-        "front_recover_view_wallet":  "récupérer l'affichage uniquement portefeuille (128 hex Char) ",
-        "front_create_new_wallet":  "créer un nouveau portefeuille ",
-        "front_upload_wallet":  "Télécharger le portefeuille à partir du disque ",
-        "control_wallet_seed":  "votre GRAINe de portefeuille ",
-        "control_wallet_settings":  "Settings ",
-        "control_wallet_logout":  "logout ",
-
-        "balance_total":  "total ",
-        "balance_locked":  "verrouillé ",
-        "balance_unlocked":  "déverrouillé ",
+        "balance_total":  "Total ",
+        "balance_locked":  "Montant verrouillé ",
+        "balance_unlocked":  "Montant disponible ",
 
-        "wallet_address":  "Address ",
-        "blockchain_height":  "Blockchain Height ",
-        "daemon_address":  "daemon Address ",
-        "tab_send":  "envoyer ",
-        "tab_receive":  "Receive ",
-        "tab_history":  "TX History ",
-        "tab_about":  "about ",
+        "wallet_address":  "Addresse ",
+        "blockchain_height":  "Taille de la blockchain ",
+        "daemon_address":  "Addresse du daemon ",
+        "tab_send":  "Envoyer ",
+        "tab_receive":  "Recevoir ",
+        "tab_history":  "Historique TX ",
+        "tab_about":  "À propos ",
 
         "tab_send_sendto_label":  "Envoyer à l'adresse DERO ",
-        "tab_send_sendto_address_placeholder":  "entrez l'adresse DERO valide ",
-        "tab_send_amount_label":  "DERO amount ",
-        "tab_send_amount_placeholder":  "entrez DERO montant à envoyer ",
-        "tab_send_paymentid_label":  "ID de paiement (facultatif): ",
-        "tab_send_paymentid_placeholder":  "optional PaymentID in hex ",
-        "tab_send_send_transaction":  "Send transaction ",
-
-        "tab_receive_wallet_address":  "adresse du portefeuille ",
-        "tab_receive_i32_address":  "adresse 32 intégrée ",
+        "tab_send_sendto_address_placeholder":  "Entrez une adresse DERO valide ",
+        "tab_send_amount_label":  "Montant DERO ",
+        "tab_send_amount_placeholder":  "Entrez le montant de DERO à envoyer ",
+        "tab_send_paymentid_label":  "ID de paiement (optionnel): ",
+        "tab_send_paymentid_placeholder":  "ID de paiement optionnel en hexadécimal ",
+        "tab_send_send_transaction":  "Envoyer la transaction ",
+
+        "tab_receive_wallet_address":  "Adresse du portefeuille ",
+        "tab_receive_i32_address":  "Adresse 32 intégrée ",
         "tab_receive_i32_paymentid":  "ID de paiement de l'adresse 32 intégrée ",
-        "tab_receive_i8_address":  "adresse 8 intégrée ",
-        "tab_receive_i8_paymentid":  "ID de paiement d'adresse intégrée 8 (ce sera crypté que l'expéditeur/récepteur peut voir ceci) ",
-
-        "tab_receive_generate":  "générer l'adresse intégrée ",
-        "tab_history_load":  "charger l'historique du TX",
-        "tab_history_export_csv":  "exporter vers CSV ",
-
-        "tx_confirmation":  "confirmation de transfert ",
-        "tx_input_amount":  "montant d'entrée ",
-        "tx_sending_amount":  "envoi ",
-        "tx_fees":  "reDevances ",
-        "tx_change":  "modifier ",
-        "tx_size":  "TX Size ",
-        "tx_transfer":  "Transfer ",
+        "tab_receive_i8_address":  "Adresse 8 intégrée ",
+        "tab_receive_i8_paymentid":  "ID de paiement d'adresse intégrée 8 (visualisation disponible seulement pour l'expéditeur et le destinateur) ",
+
+        "tab_receive_generate":  "Générer une adresse intégrée ",
+        "tab_history_load":  "Charger l'historique TX",
+        "tab_history_export_csv":  "Exporter vers CSV ",
 
+        "tx_confirmation":  "Confirmation de transfert ",
+        "tx_input_amount":  "Montant d'entrée ",
+        "tx_sending_amount":  "Envoi ",
+        "tx_fees":  "Frais ",
+        "tx_change":  "Modifier ",
+        "tx_size":  "Taille TX ",
+        "tx_transfer":  "Transfère ",
 
-        "password_placeholder":  "password ",
-        "cpassword":  "confirmer le mot de passe ",
-        "cpassword_placeholder":  "confirmer le mot de passe ",
-        "wallet_start_topoheight":  "portefeuille Start Topoheight: (optional) ",
-        "recover_wallet":  "reCover Wallet ",
-        "wallet_name":  "nom du portefeuille ",
-        "wallet_name_quick_placeholder":  "nom du portefeuille pour une référence rapide ",
 
-        "recover_seed_title":  "récupération de portefeuille à l'aide de Seed Words ",
-        "25_seed_words":  "25 Seed Words ",
+        "password_placeholder":  "Mot de passe ",
+        "cpassword":  "Confirmer le mot de passe ",
+        "cpassword_placeholder":  "Confirmer le mot de passe ",
+        "wallet_start_topoheight":  "Portefeuille Start Topoheight : (optionel) ",
+        "recover_wallet":  "Récupérer le portefeuille ",
+        "wallet_name":  "Nom du portefeuille ",
+        "wallet_name_quick_placeholder":  "Nom du portefeuille pour une référence rapide ",
 
-        "recover_key_title":  "récupération de portefeuille à l'aide de la touche de récupération ",
-        "recover_key":  "clé de récupération (64 caractères hexadécimaux) ",
+        "recover_seed_title":  "Récupération du portefeuille à l'aide de la phrase mnémonique (Seed Words) ",
+        "25_seed_words":  "Phrase mnémonique 25 mots ",
 
-        "recover_viewkey_title":  "recouvrement de portefeuille à l'aide de la touche VIEW ",
-        "recover_viewkey":  "afficher la clé (128 caractères hexadécimaux) ",
+        "recover_key_title":  "Récupération du portefeuille à l'aide de la clé privée de récupération ",
+        "recover_key":  "Clé privée de récupération (64 caractères hexadécimaux) ",
 
-        "create_new_title":  "créer un nouveau portefeuille ",
-        "CREATE_NEW":  "créer un nouveau portefeuille ",
+        "recover_viewkey_title":  "Visualitation du portefeuille à l'aide de la Viewkey ",
+        "recover_viewkey":  "Afficher la Viewkey (128 caractères hexadécimaux) ",
 
-        "seed_title":  "votre DERO portefeuille SEED ",
-        "seed1":  "votre portefeuille peut être récupéré à l'aide de la semence ci-dessous. ",
-        "seed2":  "vous devez enregistrer la semence dans un emplacement sécurisé. ",
-        "seed3":  "partager votre GRAINe est égal à partager votre portefeuille. Si votre semence est perdue, considérez votre portefeuille comme perdu.  ",
-        "seed_language":  "langue des semences ",
+        "create_new_title":  "Créer un nouveau portefeuille ",
+        "CREATE_NEW":  "Créer un nouveau portefeuille ",
 
-        "settings_title":  "paramètres et outils ",
+        "seed_title":  "Phrase mnémonique de votre portefeuille DERO ",
+        "seed1":  "Votre portefeuille peut être récupéré à l'aide de la phrase mnémonique ci-dessous. ",
+        "seed2":  "Vous devez enregistrer la phrase mnémonique dans un emplacement sécurisé. ",
+        "seed3":  "Si vous partager votre phrase mnémonique, c'est comme si vous partagiez votre portefeuille. Si votre phrase mnémonique est perdue, considérez votre portefeuille comme perdu.  ",
+        "seed_language":  "Langue de la phrase mnémonique ",
+
+        "settings_title":  "Paramètres et réglages ",
         "download_wallet_file":  "Télécharger le portefeuille en tant que fichier ",
         "download_wallet":  "Télécharger le portefeuille ",
         "rename_wallet":  "Renommer le portefeuille ouvert ",
-        "rename_wallet_placeholder":  "New Wallet Name ",
-        "change_wallet_start_topoheight":  "changer le portefeuille Start TopoHeight ",
-        "change_wallet_start_topoheight_rare":  "changer le portefeuille Start TopoHeight (utilisation rare) Current: ",
-        "change_wallet_password":  "changer le mot de passe du portefeuille ",
-        "new_password":  "nouveau mot de passe ",
-        "new_cpassword":  "confirmer le nouveau mot de passe ",
-        "rescan_blockchain":  "Rescan Blockchain de Start topoheight ",
-        "rescan_blockchain_rare":  "jamais ou rarement requis. Portefeuille est occupé pendant 20-30 minutes  ",
-        "rescan_blockchain_trigger":  "Trigger Blockchain Rescan ",
-        "transfer_everything":  "transférer tout à DERO adresse (DERO balance) ",
-        "dero_address":  "DERO Address ",
-        "valid_dero_address_placeholder":  "entrez l'adresse DERO valide ",
+        "rename_wallet_placeholder":  "Nouveau nom du portefeuille ",
+        "change_wallet_start_topoheight":  "Changer le portefeuille (commencer TopoHeight) ",
+        "change_wallet_start_topoheight_rare":  "Changer le portefeuille en commencant le TopoHeight (utilisation rare) : ",
+        "change_wallet_password":  "Changer le mot de passe du portefeuille ",
+        "new_password":  "Nouveau mot de passe ",
+        "new_cpassword":  "Confirmer le nouveau mot de passe ",
+        "rescan_blockchain":  "Commencer une réanalyse du TopoHeight  ",
+        "rescan_blockchain_rare":  "Rarement requis. Le portefeuille peut être indisponible jusqu'à une durée de 30 minutes  ",
+        "rescan_blockchain_trigger":  "Declenchement d'une réanalyse de la blockchain ",
+        "transfer_everything":  "Transférer tout les DERO à une autre adresse (DERO balance) ",
+        "dero_address":  "Adresse DERO ",
+        "valid_dero_address_placeholder":  "Entrez une adresse DERO valide ",
         "send_now":  "Envoyer maintenant ",
 
-        "enter_password":  "Veuillez entrer votre mot de passe de portefeuille ",
-        "invalid_password":  "mot de passe du portefeuille invalide. Veuillez réessayer.  ",
-        "password_mismatch":  "incompatibilité de mot de passe ",
-        "password_changed":  "password Changed ",
-        "small_password":  "portefeuille mot de passe doit être atleast 5 caractères. préférez 10 mots de passe char. ",
-        "INVALID_ADDRESS":  "adresse DERO invalide, recommencez ",
-        "invalid_amount":  "inValid DERO amount ",
-        "invalid_payid":  "PaymentID invalide ",
-        "wallet_name_empty":  "nom du portefeuille doit être atleast 1 caractère long ",
+        "enter_password":  "Veuillez entrer le mot de passe de votre portefeuille ",
+        "invalid_password":  "Mot de passe du portefeuille invalide. Veuillez réessayer.  ",
+        "password_mismatch":  "Incompatibilité du mot de passe. ",
+        "password_changed":  "Mot de passe changé. ",
+        "small_password":  "Le mot de passe du portefeuille doit être composé de 5 caractères minimum. Nous vous conseillons de utiliser au moins 10 caractères. ",
+        "INVALID_ADDRESS":  "Adresse DERO invalide, réessayer ",
+        "invalid_amount":  "Montant DERO invalide ",
+        "invalid_payid":  "PaiementID invalide ",
+        "wallet_name_empty":  "Le nom du portefeuille doit être composé de 1 caractère minimum ",
 
     }
 };
@@ -1191,6 +1191,139 @@ var de = { "translation":
     }
 };
 
+var it = {
+  "translation":
+    {
+        "language_name": "Italiano",
+
+        "tr_title": "DERO Web Wallet",
+        "tr_DERO": "DERO",
+        "tr_wallet": "Portafoglio",
+        "tr_close": "Chiudi",
+        "tr_password": "Password",
+        "tr_success": "Successo",
+
+        "no_wasm": "Per favore riavvia o aggiorna il tuo browser per usare il web wallet.",
+        "wallet_minimum_TopoHeight": "Il portafoglio può essere ripristinato dalla TopoHeight",
+        "carousel_fast_title" :"Transazioni veloci",
+        "carousel_fast_text": "DERO trasferisce instantaneamente in meno di 12 secondi.",
+        "carousel_privacy_title" :"Progettato per una privacy infrangibile",
+        "carousel_privacy_text": "Privacy obbligatoria e infrangibile in tutte le transazioni sul network di DERO.",
+        "carousel_privacy_text2": "Nessuno sa chi ha inviato/ricevuto cosa/quando/dove.",
+        "carousel_easy_title": "Facile da usare",
+        "carousel_easy_text": "Supportiamo ufficialmente quasi tutti gli OS Windows/Mac/Linux/Unix/BSD/Solaris, anche Android/IOS.",
+        "carousel_tech_title": "Leader nella tecnologia",
+        "carousel_tech_text": "Leader del settore con innovazioni e caratteristiche come la tecnologia DAG, Bullet-Proofs e network criptato TLS.",
+        "carousel_orig_title": "Sviluppatori esclusivi",
+        "carousel_orig_text": "Il progetto DERO è stato sviluppato da zero ed è attivamente sviluppato da sviluppatori esclusivi.",
+        "carousel_touch_title": "Contattaci",
+        "carousel_touch_text": "Puoi aiutare e contribuire al progetto discutendone, lasciando suggerimenti, sviluppando, testando o semplicemente parlandone.",
+        "front_available_wallet": "Portafogli disponibili",
+        "front_open_saved_wallet": "Apri il portafoglio selezionato",
+        "front_delete_saved_wallet": "Rimuovi il portafoglio selezionato",
+        "front_recover_seed_wallet": "Recupera il portafoglio usando il SEED (25 parole)",
+        "front_recover_key_wallet": "Recupera il portafoglio usando la Recovery Key (64 caratteri esadecimali)",
+        "front_recover_view_wallet": "Recupera il portafoglio usando la View Key (128 caratteri esadecimali)",
+        "front_create_new_wallet": "Crea nuovo portafoglio",
+        "front_upload_wallet": "Carica portafoglio dal disco",
+        "control_wallet_seed": "Il SEED del tuo portafoglio",
+        "control_wallet_settings": "Impostazioni",
+        "control_wallet_logout": "Logout",
+
+        "balance_total": "Totale",
+        "balance_locked": "Bloccato",
+        "balance_unlocked": "Sbloccato",
+
+        "wallet_address": "Indirizzo",
+        "blockchain_height": "Blockchain Height",
+        "daemon_address": "Indirizzo del daemon",
+        "tab_send": "Invia",
+        "tab_receive": "Ricevi",
+        "tab_history": "Cronologia delle TX",
+        "tab_about": "About",
+
+        "tab_send_sendto_label": "Invia a indirizzo DERO",
+        "tab_send_sendto_address_placeholder": "Inserisci un indirizzo DERO valido",
+        "tab_send_amount_label": "Quantità di DERO",
+        "tab_send_amount_placeholder": "Inserisci la quantità di DERO da inviare",
+        "tab_send_paymentid_label": "Payment ID (opzionale):",
+        "tab_send_paymentid_placeholder": "PaymentID opzionale in esadecimale",
+        "tab_send_send_transaction": "Invia transazione",
+
+        "tab_receive_wallet_address": "Indirizzo del portafoglio",
+        "tab_receive_i32_address": "Indirizzo Integrated 32",
+        "tab_receive_i32_paymentid": "Payment ID dell'indirizzo Integrated 32 Address",
+        "tab_receive_i8_address": "Indirizzo Integrated 8",
+        "tab_receive_i8_paymentid": "Payment ID dell'indirizzo Integrated 8 (Sarà criptato cosicché solo il mittente/destinatario potrà vederlo)",
+
+        "tab_receive_generate": "Genera indirizzo Integrated",
+        "tab_history_load": "Carica cronologia delle TX",
+        "tab_history_export_csv": "Esporta in file CSV",
+
+        "tx_confirmation": "Conferma trasferimento",
+        "tx_input_amount": "Quantità inviata",
+        "tx_sending_amount": "Inviando",
+        "tx_fees": "Commissione",
+        "tx_change": "Cambio",
+        "tx_size": "Dimensione della TX",
+        "tx_transfer": "Trasferisci",
+
+        "password_placeholder": "Password",
+        "cpassword": "Conferma password",
+        "cpassword_placeholder": "Conferma password",
+        "wallet_start_TopoHeight": "Wallet start TopoHeight: (opzionale)",
+        "recover_wallet": "Recupera portafoglio",
+        "wallet_name": "Nome del portafoglio",
+        "wallet_name_quick_placeholder": "Nome del portafoglio per riferimento rapido",
+
+        "recover_seed_title": "Recupera portafoglio usando il seed",
+        "25_seed_words": "25 parole del seed",
+
+        "recover_key_title": "Recupera portafoglio usando la Recovery Key",
+        "recover_key": "Recovery Key (64 caratteri esadecimali)",
+
+        "recover_viewkey_title": "Recupera portafoglio usando la View Key",
+        "recover_viewkey": "View Key (128 caratteri esadecimali)",
+
+        "create_new_title": "Crea nuovo portafoglio",
+        "create_new": "Crea nuovo portafoglio",
+
+        "seed_title": "Il SEED del tuo portafoglio DERO",
+        "seed1": "Il tuo portafoglio può essere recuperato usando il seed sottostante.",
+        "seed2": "Devi conservare il SEED in una posizione sicura.",
+        "seed3": "Condividere il tuo SEED equivale a condividere il tuo portafoglio. Se perdi il tuo seed, perdi il tuo portafoglio.",
+        "seed_language": "Lingua del seed",
+
+        "settings_title": "Impostazioni e Strumenti",
+        "download_wallet_file": "Scarica il file del portafoglio",
+        "download_wallet": "Scarica portafoglio",
+        "rename_wallet": "Rinomina il portafoglio aperto",
+        "rename_wallet_placeholder": "Nuovo nome del portafoglio",
+        "change_wallet_start_TopoHeight": "Modifica la Wallet Start TopoHeight",
+        "change_wallet_start_TopoHeight_rare": "Modifica la Wallet Start TopoHeight (Uso raro) Corrente:",
+        "change_wallet_password": "Modifica la password del portafoglio",
+        "new_password": "Nuova password",
+        "new_cpassword": "Conferma nuova password",
+        "rescan_blockchain": "Ripeti la scansione della Blockchain dalla TopoHeight iniziale",
+        "rescan_blockchain_rare": "Mai o quasi mai richiesto. Il portafoglio sarà occupato per 20-30 minuti",
+        "rescan_blockchain_trigger": "Ripeti la scansione della Blockchain",
+        "transfer_everything": "Invia l'intero saldo a indirizzo DERO",
+        "dero_address": "Indirizzo DERO",
+        "valid_dero_address_placeholder": "Inserisci un indirizzo DERO valido",
+        "send_now": "Invia ora",
+
+        "enter_password": "Per favore inserisci la password del tuo portafoglio",
+        "invalid_password": "Password del portafoglio non valida. Riprova, per favore.",
+        "password_mismatch": "Le password non combaciano",
+        "password_changed": "Password modificata",
+        "small_password": "La password del portafoglio dovrebbe essere lunga almeno 5 caratteri, preferibilmente 10.",
+        "invalid_address": "Indirizzo DERO non valido. Riprova, per favore",
+        "invalid_amount": "Quantità di DERO non valida",
+        "invalid_payid": "PaymentID non valido",
+        "wallet_name_empty": "Il nome del portafoglio dovrebbe essere lungo almeno 1 carattere",
+    }
+};
+
 
 
 
@@ -1207,7 +1340,7 @@ var translations = {
     "es":es,
     "fr":fr,
     "de":de,
-
+    "it":it,
 };
 
 

static/wallet.js

@@ -41,6 +41,7 @@ var wallet_daemon_address;
 var wallet_version_string = "";
 var wallet_sync_time = 5;
 var wallet_setting_default_sync_time = 30;
+var globalFunction = null;
 
 
 let getRandomBytes = (
@@ -130,8 +131,11 @@ worker.addEventListener('message', function(e) {
 // this function will update necessary DOM as per selector
 function update_html_if_necessary(selector,value) {
     document.querySelectorAll(selector).forEach(function(node) {
-        if (node.innerHTML != value) {
+
+        if (node.localName != "input" && node.innerHTML != value) {
             node.innerHTML = value;
+        } else if (node.value != value) {
+            node.value = value;
         }
     });
 }
@@ -269,13 +273,8 @@ function update_balance () {
 
     //console.log(wallet_available + " " + wallet_last_state);
     if (wallet_available == true  && wallet_last_state == false) {
-        document.querySelectorAll('.wallet-online').forEach(function(node) {
-            node.style.display = "block";
-        });
-
-        document.querySelectorAll('.wallet-closed').forEach(function(node) {
-            node.style.display = "none";
-        });
+        $('.wallet-online').show();
+        $('.wallet-closed').hide();
 
         promiseWorker.postMessage({cmd:'generate_integrated_address',id:secretid}); // generate_integrated_address
         wallet_last_state = wallet_available;
@@ -283,13 +282,8 @@ function update_balance () {
     }
 
     if (wallet_available == false  && wallet_last_state == true) {
-        document.querySelectorAll('.wallet-online').forEach(function(node) {
-            node.style.display = "none";
-        });
-
-        document.querySelectorAll('.wallet-closed').forEach(function(node) {
-            node.style.display = "block";
-        });
+        $('.wallet-online').hide();
+        $('.wallet-closed').show();
 
         wallet_last_state = wallet_available;
     }
@@ -303,7 +297,7 @@ function growtextarea(id) {
     document.querySelectorAll('#' + id).forEach(function(node) {
         var t = "overflow: hidden;height:" + node.scrollHeight + "px";
         for (i = 0; i < 20; i++) {
-            var newt = "overflow: hidden;height:" + node.scrollHeight + "px";
+            var newt = "overflow: hidden";
             node.style.cssText = newt;
 
         }
@@ -313,8 +307,8 @@ function growtextarea(id) {
 }
 
 
-function update_seed() {
-    promiseWorker.postMessage({cmd:'wallet_seed',id:secretid,seedlanguage:sseedlanguage.value}).then(function (response) {
+function update_seed(language) {
+    promiseWorker.postMessage({cmd:'wallet_seed',id:secretid,seedlanguage:language}).then(function (response) {
         document.querySelectorAll('#seedbox').forEach(function(node) {
             node.innerText = response;
         });
@@ -414,41 +408,38 @@ function validate_viewkey_key() {
 
 // verifies wallet password against a string
 function verify_password_action(validfunction ) {
-    var p = prompt(i18next.t('enter_password'));
+    globalFunction = validfunction;
+    $('div#ModalPromptPassword input[name="password"]').val('');
+    $('div#ModalPromptPassword input[name="action"]').val('verify_password');
+    $('div#ModalPromptPassword input[name="password"]').focus();
+    $('#ModalPromptPassword').modal('show');
+    /*var p = prompt(i18next.t('enter_password'));
     if (p == null) {
         return;
-    }
-    sseedlanguage.value
-    promiseWorker.postMessage({cmd:'verify_password',id:secretid,password:p}).then(function (response) {
-        if ( response === true ) {
-            if (validfunction != null) {
-                validfunction();
-            }
-            return true;
-        } else {
-            alert(i18next.t('invalid_password'));
-            return false;
-        }
-    });
+    }*/
 }
 
 // verifies wallet password against a string
 function open_saved_wallet() {
-    var p = prompt(i18next.t('enter_password'));
-    if (p == null) {
-        return;
-    }
-
-    promiseWorker.postMessage({cmd:'reload_wallet',id:secretid,wallet_name:local_wallet_list_select.value, password:p}).then(function (response) {
-        if ( response == "" ) {
-            // wallet successfully opened
-            make_wallet_online();
+    $('div#ModalPromptPassword input[name="password"]').val('');
+    $('div#ModalPromptPassword input[name="password"]').focus();
+    $('div#ModalPromptPassword input[name="action"]').val('reload_wallet');
+    $('#ModalPromptPassword').modal('show');
+    // var p = prompt(i18next.t('enter_password'));
+    // if (p == null) {
+    //     return;
+    // }
+
+    // promiseWorker.postMessage({cmd:'reload_wallet',id:secretid,wallet_name:local_wallet_list_select.value, password:p}).then(function (response) {
+    //     if ( response == "" ) {
+    //         // wallet successfully opened
+    //         make_wallet_online();
             
-            promiseWorker.postMessage({cmd:'set_sync_frequency',id:secretid,syncevery:wallet_setting_default_sync_time}); formControlRange.value = wallet_setting_default_sync_time;
-        } else {
-            alert("Error occurred while opening wallet. err " + response);
-        }
-    });
+    //         promiseWorker.postMessage({cmd:'set_sync_frequency',id:secretid,syncevery:wallet_setting_default_sync_time}); formControlRange.value = wallet_setting_default_sync_time;
+    //     } else {
+    //         alert("Error occurred while opening wallet. err " + response);
+    //     }
+    // });
 }
 
 // verifies wallet password against a string
@@ -524,7 +515,6 @@ function wallet_send_everything_transaction() {
 
 // this function verifies whether the ids mentioned are same
 function verify_same_password(id1,id2) {
-
     if (id1.value == id2.value ) { // mark both as invalid
         id1.classList.add("text-success");
         id2.classList.add("text-success");
@@ -697,6 +687,7 @@ function Recover_Wallet_Using_Seed_Words() {
             change_wallet_start_height(parseInt(i_seed_topoheight.value,10));
             make_wallet_online();
             promiseWorker.postMessage({cmd:'set_sync_frequency',id:secretid,syncevery:wallet_setting_default_sync_time}); formControlRange.value = wallet_setting_default_sync_time;
+            $('#ModalRecoverSeedWords').modal('hide');
         } else {
             alert("Error err " + response);
 
@@ -735,6 +726,7 @@ function Recover_Wallet_Using_Recovery_Key() {
         if ( response == "" ) {
             change_wallet_start_height(parseInt(i_key_topoheight.value,10));
             make_wallet_online();
+            $('#ModalRecoverKey').modal('hide');
             promiseWorker.postMessage({cmd:'set_sync_frequency',id:secretid,syncevery:wallet_setting_default_sync_time}); formControlRange.value = wallet_setting_default_sync_time;
         } else {
             alert("Error err " + response);
@@ -775,6 +767,7 @@ function Recover_Wallet_Using_View_Key() {
         if ( response == "" ) {
             change_wallet_start_height(parseInt(i_viewkey_topoheight.value,10));
             make_wallet_online();
+            $('#ModalRecoverViewKey').modal('hide');
             promiseWorker.postMessage({cmd:'set_sync_frequency',id:secretid,syncevery:wallet_setting_default_sync_time}); formControlRange.value = wallet_setting_default_sync_time;
         } else {
             alert("Error err " + response);
@@ -932,6 +925,53 @@ function relay_tx() {
 
 }
 
+$(document).ready(function () {
+    $('#PromptPassword').on('click', function() {
+        var p = $('div#ModalPromptPassword input[name="password"]').val();
+        var action = $('div#ModalPromptPassword input[name="action"]').val();
+        if (p== null || p == "") {
+            return;
+        }
+
+        if (action === 'reload_wallet') {
+            promiseWorker.postMessage({cmd:'reload_wallet',id:secretid,wallet_name:local_wallet_list_select.value, password:p}).then(function (response) {
+                if ( response == "" ) {
+                    // wallet successfully opened
+                    $('#ModalPromptPassword').modal('hide');
+                    $('div#ModalPromptPassword input[name="password"]').val('');
+                    make_wallet_online();
+                    
+                    promiseWorker.postMessage({cmd:'set_sync_frequency',id:secretid,syncevery:wallet_setting_default_sync_time}); formControlRange.value = wallet_setting_default_sync_time;
+                } else {
+                    alert("Error occurred while opening wallet. err " + response);
+                }
+            });
+        } else {
+            promiseWorker.postMessage({cmd:'verify_password',id:secretid,password:p}).then(function (response) {
+                $('#ModalPromptPassword').modal('hide');
+                $('div#ModalPromptPassword input[name="password"]').val('');
+                if ( response === true ) {
+                    if (globalFunction != null) {
+                        globalFunction();
+                        globalFunction = null;
+                    }
+                    return true;
+                } else {
+                    alert(i18next.t('invalid_password'));
+                    return false;
+                }
+            });
+        }
+    });
+
+    $('div#ModalPromptPassword input[type="password"]').on('keydown', function(event) {
+        if (event.keyCode == 13) { // Enter 
+            $('#PromptPassword').trigger('click');
+        }
+    });
+
+});
+