4 |
5 |
7 |
4 | 
5 |
6 |
5 |
7 |
18 |
8 | ![...]()
9 | {{walletLabel}}
10 |
13 |
14 | {{walletLabel}}
10 |
11 | {{address}}
12 |
13 |
15 |
16 |
19 |
20 |
21 |
42 | 21 |
22 |
41 |
23 | {{transactions}}
24 |
27 |
28 | {{transactions}}
24 |
25 | Transactions
26 |
27 |
29 | {{tokenAmount | asCurrency('DAG')}}
30 |
33 |
34 | {{tokenAmount | asCurrency('DAG')}}
30 |
31 | DAG
32 |
33 |
35 | {{totalValue | asCurrency(currency)}}
36 |
39 |
40 | {{totalValue | asCurrency(currency)}}
36 |
37 | {{currency}}
38 |
39 |
3 |
4 |
5 |
31 |
32 |
33 |
34 |
37 |
38 |
39 |
40 |
43 |
44 |
45 |
46 |
51 |
52 |
53 |
55 |
56 |
97 |
--------------------------------------------------------------------------------
/frontend/src/components/Inputs/Password.vue:
--------------------------------------------------------------------------------
1 |
2 | LOGOUT
35 | 36 |Settings
41 | 42 |
47 |
50 |
3 |
6 |
30 |
31 |
32 |
90 |
91 |
--------------------------------------------------------------------------------
/backend/lcm.go:
--------------------------------------------------------------------------------
1 | package app
2 |
3 | import (
4 | "bytes"
5 | "encoding/json"
6 | "errors"
7 | "fmt"
8 | "io/ioutil"
9 | "net/http"
10 | "os"
11 | "os/exec"
12 | "runtime"
13 | )
14 |
15 | type UpdateWallet struct {
16 | currentVersion string
17 | newVersion string
18 | mollyBinaryPath string
19 | dagFolderPath string
20 | app *WalletApplication
21 | }
22 |
23 | func (u *UpdateWallet) Run() {
24 | var err error
25 |
26 | u.currentVersion = u.app.Version
27 | u.newVersion = u.GetLatestRelease()
28 | u.mollyBinaryPath, err = os.Executable()
29 | if err != nil {
30 | u.app.log.Errorln("Unable to collect the path of the molly wallet binary. Reason: ", err)
31 | }
32 | u.dagFolderPath = u.app.paths.DAGDir
33 |
34 | err = u.TriggerUpdate()
35 | if err != nil {
36 | u.app.log.Errorln("Unable to Update Molly Wallet. Reason: ", err)
37 | u.app.sendError("Unable to Update Molly Wallet. Reason: ", err)
38 | }
39 |
40 | }
41 |
42 | func (u *UpdateWallet) TriggerUpdate() error {
43 |
44 | _, fileExt := getUserOS()
45 |
46 | main := u.dagFolderPath + "/update" + fileExt
47 | args := []string{"-init_dag_path=" + u.dagFolderPath, "-init_molly_path=" + u.mollyBinaryPath, "-new_version=" + u.newVersion, "-upgrade=" + "true"}
48 |
49 | cmd := exec.Command(main, args...)
50 | u.app.log.Infoln("Running command: ", cmd)
51 |
52 | var stderr bytes.Buffer
53 | cmd.Stderr = &stderr // Captures STDERR
54 |
55 | err := cmd.Run()
56 | if err != nil {
57 | errFormatted := fmt.Sprint(err) + ": " + stderr.String()
58 | return errors.New(errFormatted)
59 | }
60 | return nil
61 | }
62 |
63 | func (u *UpdateWallet) GetLatestRelease() string {
64 |
65 | const (
66 | url = "https://api.github.com/repos/grvlle/constellation_wallet/releases/latest"
67 | )
68 |
69 | resp, err := http.Get(url)
70 | if err != nil {
71 | u.app.log.Errorln("Failed to send HTTP request. Reason: ", err)
72 | return ""
73 | }
74 | if resp == nil {
75 | u.app.log.Errorln("Killing pollTokenBalance after 10 failed attempts to get balance from mainnet, Reason: ", err)
76 | u.app.sendWarning("Unable to showcase current balance. Please check your internet connectivity and restart the wallet application.")
77 | return ""
78 | }
79 | defer resp.Body.Close()
80 |
81 | bodyBytes, err := ioutil.ReadAll(resp.Body)
82 | if err != nil {
83 | u.app.log.Warn("Unable to update token balance. Reason: ", err)
84 | return ""
85 | }
86 |
87 | var result map[string]interface{}
88 |
89 | // Unmarshal or Decode the JSON to the interface.
90 | err = json.Unmarshal(bodyBytes, &result)
91 | if err != nil {
92 | return ""
93 | }
94 |
95 | release := result["tag_name"]
96 | bytes := []byte(release.(string))
97 | version := string(bytes[1:6])
98 | return version
99 |
100 | }
101 |
102 | // getUserOS returns the users OS as well as the file extension of executables for said OS
103 | func getUserOS() (string, string) {
104 | var osBuild string
105 | var fileExt string
106 |
107 | switch os := runtime.GOOS; os {
108 | case "darwin":
109 | osBuild = "darwin"
110 | fileExt = ""
111 | case "linux":
112 | osBuild = "linux"
113 | fileExt = ""
114 | case "windows":
115 | osBuild = "windows"
116 | fileExt = ".exe"
117 | default:
118 | osBuild = "unsupported"
119 | fileExt = ""
120 | }
121 |
122 | return osBuild, fileExt
123 | }
124 |
--------------------------------------------------------------------------------
/frontend/src/assets/sass/paper/_checkbox-radio.scss:
--------------------------------------------------------------------------------
1 | /* Checkbox and radio */
2 | .checkbox,
3 | .radio {
4 | margin-bottom: 0.75em;
5 | padding-left: 1.875em;
6 | position: relative;
7 | -webkit-transition: color, opacity 0.25s linear;
8 | transition: color, opacity 0.25s linear;
9 | font-size: $font-size-base;
10 | font-weight: normal;
11 | line-height: 1.5;
12 | color: $font-color;
13 | cursor: pointer;
14 |
15 | .icons {
16 | color: $font-color;
17 | display: block;
18 | height: 1.25em;
19 | left: 0;
20 | position: absolute;
21 | top: 0;
22 | width: 1.25em;
23 | text-align: center;
24 | line-height: 1.3125em;
25 | font-size: 1.25rem;
26 | cursor: pointer;
27 | -webkit-transition: color, opacity 0.15s linear;
28 | transition: color, opacity 0.15s linear;
29 |
30 | opacity: .50;
31 | }
32 |
33 | &.checked {
34 | .icons {
35 | opacity: 1;
36 | }
37 | }
38 |
39 | input {
40 | outline: none !important;
41 | display: none;
42 | }
43 | }
44 |
45 | .checkbox,
46 | .radio {
47 | label {
48 | padding-left: 0.625em;
49 | }
50 | }
51 |
52 | .checkbox .icons .first-icon,
53 | .radio .icons .first-icon,
54 | .checkbox .icons .second-icon,
55 | .radio .icons .second-icon {
56 | display: inline-table;
57 | position: absolute;
58 | left: 0;
59 | top: 0;
60 | background-color: transparent;
61 | margin: 0;
62 | @include opacity(1);
63 | }
64 |
65 | .checkbox .icons .second-icon,
66 | .radio .icons .second-icon {
67 | @include opacity(0);
68 | }
69 |
70 | .checkbox:hover,
71 | .radio:hover {
72 | -webkit-transition: color 0.2s linear;
73 | transition: color 0.2s linear;
74 | }
75 |
76 | .checkbox:hover .first-icon,
77 | .radio:hover .first-icon {
78 | @include opacity(0);
79 | }
80 |
81 | .checkbox:hover .second-icon,
82 | .radio:hover .second-icon {
83 | @include opacity (1);
84 | }
85 |
86 | .checkbox.checked,
87 | .radio.checked {
88 | // color: $info-color;
89 | }
90 |
91 | .checkbox.checked .first-icon,
92 | .radio.checked .first-icon {
93 | opacity: 0;
94 | filter: alpha(opacity=0);
95 | }
96 |
97 | .checkbox.checked .second-icon,
98 | .radio.checked .second-icon {
99 | opacity: 1;
100 | filter: alpha(opacity=100);
101 | // color: $info-color;
102 | -webkit-transition: color 0.2s linear;
103 | transition: color 0.2s linear;
104 | }
105 |
106 | .checkbox.disabled,
107 | .radio.disabled {
108 | cursor: default;
109 | color: $medium-gray;
110 | }
111 |
112 | .checkbox.disabled .icons,
113 | .radio.disabled .icons {
114 | color: $medium-gray;
115 | }
116 |
117 | .checkbox.disabled .first-icon,
118 | .radio.disabled .first-icon {
119 | opacity: 1;
120 | filter: alpha(opacity=100);
121 | }
122 |
123 | .checkbox.disabled .second-icon,
124 | .radio.disabled .second-icon {
125 | opacity: 0;
126 | filter: alpha(opacity=0);
127 | }
128 |
129 | .checkbox.disabled.checked .icons,
130 | .radio.disabled.checked .icons {
131 | color: $medium-gray;
132 | }
133 |
134 | .checkbox.disabled.checked .first-icon,
135 | .radio.disabled.checked .first-icon {
136 | opacity: 0;
137 | filter: alpha(opacity=0);
138 | }
139 |
140 | .checkbox.disabled.checked .second-icon,
141 | .radio.disabled.checked .second-icon {
142 | opacity: 1;
143 | color: $medium-gray;
144 | filter: alpha(opacity=100);
145 | }
146 |
--------------------------------------------------------------------------------
/frontend/src/assets/sass/paper/_misc.scss:
--------------------------------------------------------------------------------
1 | /* General overwrite */
2 | @import "themes";
3 |
4 | body {
5 | color: $font-color;
6 | font-size: $font-size-base;
7 | font-family: 'Poppins', Arial, sans-serif;
8 | .wrapper {
9 | min-height: 100vh;
10 | position: relative;
11 | }
12 | }
13 |
14 | a {
15 | color: $info-color;
16 |
17 | &:hover, &:focus {
18 | color: $info-states-color;
19 | text-decoration: none;
20 | }
21 | }
22 |
23 | a:focus, a:active,
24 | button::-moz-focus-inner,
25 | input::-moz-focus-inner,
26 | select::-moz-focus-inner,
27 | input[type="file"] > input[type="button"]::-moz-focus-inner {
28 | outline: 0 !important;
29 | }
30 |
31 | .ui-slider-handle:focus,
32 | .navbar-toggle,
33 | input:focus,
34 | button:focus {
35 | outline: 0 !important;
36 | }
37 |
38 | .navbar.navbar-default {
39 | z-index: 2;
40 | }
41 |
42 | /* Animations */
43 | .form-control,
44 | .input-group-addon,
45 | .tagsinput,
46 | .navbar,
47 | .navbar .alert {
48 | @include transition($general-transition-time, $transition-linear);
49 | }
50 |
51 | .sidebar .nav a,
52 | .table > tbody > tr .td-actions .btn {
53 | @include transition($fast-transition-time, $transition-ease-in);
54 | }
55 |
56 | .btn {
57 | @include transition($ultra-fast-transition-time, $transition-ease-in);
58 | }
59 |
60 | .fa {
61 | width: 1.3125em;
62 | text-align: center;
63 | }
64 |
65 | .fa-base {
66 | font-size: 1.25em !important;
67 | }
68 |
69 | .margin-top {
70 | margin-top: 3.125em;
71 | }
72 |
73 | hr {
74 | @include themed() {
75 | border-color: t('borderColor');
76 | }
77 | }
78 |
79 | .wrapper {
80 | position: relative;
81 | top: 0;
82 | height: 100vh;
83 | }
84 |
85 | @media (min-width: 992px) {
86 | .typo-line {
87 | padding-left: 8.75em;
88 | margin-bottom: 2.5em;
89 | position: relative;
90 | }
91 |
92 | .typo-line .category {
93 | transform: translateY(-50%);
94 | top: 50%;
95 | left: 0em;
96 | position: absolute;
97 | }
98 | }
99 |
100 | .icon-section {
101 | margin: 0 0 3em;
102 | clear: both;
103 | overflow: hidden;
104 | }
105 |
106 | .icon-container {
107 | width: 15em;
108 | padding: .7em 0;
109 | float: left;
110 | position: relative;
111 | text-align: left;
112 | }
113 |
114 | .icon-container [class^="ti-"],
115 | .icon-container [class*=" ti-"] {
116 | color: #000;
117 | position: absolute;
118 | margin-top: 0.1875em;
119 | transition: .3s;
120 | }
121 |
122 | .icon-container:hover [class^="ti-"],
123 | .icon-container:hover [class*=" ti-"] {
124 | font-size: 2.2em;
125 | margin-top: -0.3125em;
126 | }
127 |
128 | .icon-container:hover .icon-name {
129 | color: #000;
130 | }
131 |
132 | .icon-name {
133 | color: #aaa;
134 | margin-left: 2.1875em;
135 | font-size: .8em;
136 | transition: .3s;
137 | }
138 |
139 | .icon-container:hover .icon-name {
140 | margin-left: 2.8125em;
141 | }
142 |
143 | .places-buttons .btn {
144 | margin-bottom: 1.875em
145 | }
146 |
147 | .sidebar .nav > li.active-pro {
148 | position: absolute;
149 | width: 100%;
150 | bottom: 0.625em;
151 | }
152 |
153 | .sidebar .nav > li.active-pro a {
154 | background: rgba(255, 255, 255, 0.14);
155 | opacity: 1;
156 | color: #FFFFFF;
157 | }
158 |
159 | .table-upgrade td:nth-child(2),
160 | .table-upgrade td:nth-child(3) {
161 | text-align: center;
162 | }
163 |
164 |
--------------------------------------------------------------------------------
/frontend/src/layout/login/LoginLayout.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
27 |
28 |
29 | 8 Characters Long,
23 |Number,
24 |Uppercase,
25 |Special Character
26 |
3 |
29 |
30 |
31 |
73 |
74 |
115 |
--------------------------------------------------------------------------------
/frontend/src/pages/UserProfile/EditProfileForm.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
24 |
5 |
18 |
6 |
17 |
7 | 
8 | 
9 |
12 |
8 |
9 | {{this.$route.params.message}}
10 |Downloading $DAG wallet dependencies...
11 |
13 |
15 |
16 | {{loginErrorMsg}}
14 |
19 |
20 |
22 |
23 |
25 |
28 | Connected to: {{network}}
26 | Molly Wallet version: {{uiVersion}}
4 |
106 |
107 |
3 |
7 |
32 |
33 |
34 |
35 |
131 |
132 |
--------------------------------------------------------------------------------
/frontend/src/assets/sass/paper/_wallet.scss:
--------------------------------------------------------------------------------
1 | @import "themes";
2 |
3 | .validate {
4 | height: 0.625em;
5 | display: flex;
6 | }
7 |
8 | .validate > p {
9 | /*flex: 1;*/
10 | font-size: 0.625rem;
11 | margin-top: 0em;
12 | margin-right: 0.125em;
13 | @include themed() {
14 | color: t('errorTextColor');
15 | }
16 | }
17 |
18 | .wallet-address {
19 | display: block;
20 | overflow: hidden;
21 | white-space: nowrap;
22 | border-radius: 0.313rem;
23 | text-overflow: ellipsis;
24 | padding-top: 0em;
25 | margin-bottom: 0em;
26 | font-size: 1.5625rem;
27 | @include themed() {
28 | color: t('walletAddressColor');
29 | }
30 | }
31 |
32 |
33 | .page-error-box {
34 | height: 1.875em;
35 | padding-bottom: 0.625rem;
36 | }
37 |
38 | .page-error-box p {
39 | font-size: 0.75rem;
40 | @include themed() {
41 | color: t('errorTextColor');
42 | }
43 | }
44 |
45 | .icon-point-right {
46 | @include themed() {
47 | color: t('successColor');
48 | }
49 | font-size: 2.5rem;
50 | width:100%;
51 | }
52 |
53 | .card {
54 | width: 100%;
55 | display: flex;
56 | flex-direction: column;
57 | }
58 |
59 | .card-body {
60 | width: 100%;
61 | display: flex;
62 | flex-direction: column;
63 | }
64 |
65 | .card-footer {
66 | margin-top: auto;
67 | }
68 |
69 | .input-group-append .btn {
70 | border: 1px solid;
71 | @include themed() {
72 | border-color: t('inputAppendBorderColor');
73 | }
74 | }
75 |
76 | .input-group-text {
77 | @include themed() {
78 | background-color: t('inputBackgroundColor');
79 | color: t('inputTextColor');
80 | border-color: t('inputBorderColor');
81 | }
82 | }
83 |
84 | .page-link {
85 | @include themed() {
86 | color: t('cardTextColor');
87 | background-color: t('cardTableColor');
88 | border-color: t('inputBorderColor');
89 | }
90 | }
91 |
92 | .page-item.active .page-link {
93 | @include themed() {
94 | background-color: t('infoColor');
95 | border-color: t('inputBorderColor');
96 | }
97 | }
98 |
99 | .page-item.disabled .page-link {
100 | @include themed() {
101 | background-color: t('cardBackgroundColor');
102 | border-color: t('inputBorderColor');
103 | }
104 | }
105 |
106 | .ct-series-a .ct-line,
107 | .ct-series-a .ct-point {
108 | @include themed() {
109 | stroke: t('chartSeriesALineColor');
110 | }
111 | }
112 | .ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
113 | @include themed() {
114 | fill: t('chartSeriesAFIllColor');
115 | }
116 | }
117 |
118 | .ct-series-b .ct-line,
119 | .ct-series-b .ct-point {
120 | @include themed() {
121 | stroke: t('chartSeriesBLineColor');
122 | }
123 | }
124 | .ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
125 | @include themed() {
126 | fill: t('chartSeriesBFIllColor');
127 | }
128 | }
129 |
130 | .ct-series-c .ct-line,
131 | .ct-series-c .ct-point {
132 | @include themed() {
133 | stroke: t('chartSeriesCLineColor');
134 | }
135 | }
136 | .ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
137 | @include themed() {
138 | fill: t('chartSeriesCFIllColor');
139 | }
140 | }
141 |
142 | .ct-series-a .ct-slice-pie {
143 | @include themed() {
144 | fill: t('pieSeriesAFillColor');
145 | }
146 | }
147 |
148 | .ct-series-b .ct-slice-pie {
149 | @include themed() {
150 | fill: t('pieSeriesBFillColor');
151 | }
152 | }
153 |
154 | .ct-series-c .ct-slice-pie {
155 | @include themed() {
156 | fill: t('pieSeriesCFillColor');
157 | }
158 | }
159 |
160 | .ct-label {
161 | @include themed() {
162 | fill: t('chartTextColor');
163 | color: t('chartTextColor');
164 | }
165 | }
166 |
167 | .ct-grid {
168 | @include themed() {
169 | stroke: t('chartGridColor');
170 | }
171 | }
172 |
173 | .container .row.settings {
174 | margin: 0.625rem 0 0.625rem 0;
175 | padding-top: 0.625rem;
176 | @include themed() {
177 | background-color: t('cardTableColor');
178 | }
179 | }
180 |
181 | hr.divider {
182 | width: 80%;
183 | margin: 0 auto 0 auto;
184 | border-top: 1px solid #3b424a;
185 | }
--------------------------------------------------------------------------------
/frontend/src/assets/sass/paper/mixins/_chartist.scss:
--------------------------------------------------------------------------------
1 | // Scales for responsive SVG containers
2 | $ct-scales: ((1), (15/16), (8/9), (5/6), (4/5), (3/4), (2/3), (5/8), (1/1.618), (3/5), (9/16), (8/15), (1/2), (2/5), (3/8), (1/3), (1/4)) !default;
3 | $ct-scales-names: (ct-square, ct-minor-second, ct-major-second, ct-minor-third, ct-major-third, ct-perfect-fourth, ct-perfect-fifth, ct-minor-sixth, ct-golden-section, ct-major-sixth, ct-minor-seventh, ct-major-seventh, ct-octave, ct-major-tenth, ct-major-eleventh, ct-major-twelfth, ct-double-octave) !default;
4 |
5 | // Class names to be used when generating CSS
6 | $ct-class-chart: ct-chart !default;
7 | $ct-class-chart-line: ct-chart-line !default;
8 | $ct-class-chart-bar: ct-chart-bar !default;
9 | $ct-class-horizontal-bars: ct-horizontal-bars !default;
10 | $ct-class-chart-pie: ct-chart-pie !default;
11 | $ct-class-chart-donut: ct-chart-donut !default;
12 | $ct-class-label: ct-label !default;
13 | $ct-class-series: ct-series !default;
14 | $ct-class-line: ct-line !default;
15 | $ct-class-point: ct-point !default;
16 | $ct-class-area: ct-area !default;
17 | $ct-class-bar: ct-bar !default;
18 | $ct-class-slice-pie: ct-slice-pie !default;
19 | $ct-class-slice-donut: ct-slice-donut !default;
20 | $ct-class-grid: ct-grid !default;
21 | $ct-class-vertical: ct-vertical !default;
22 | $ct-class-horizontal: ct-horizontal !default;
23 | $ct-class-start: ct-start !default;
24 | $ct-class-end: ct-end !default;
25 |
26 | // Container ratio
27 | $ct-container-ratio: (1/1.618) !default;
28 |
29 | // Text styles for labels
30 | $ct-text-color: rgba(0, 0, 0, 0.4) !default;
31 | $ct-text-size: 0.9em !default;
32 | $ct-text-align: flex-start !default;
33 | $ct-text-justify: flex-start !default;
34 | $ct-text-line-height: 1;
35 |
36 | // Grid styles
37 | $ct-grid-color: rgba(0, 0, 0, 0.2) !default;
38 | $ct-grid-dasharray: 0.125em !default;
39 | $ct-grid-width: 0.0625em !default;
40 |
41 | // Line chart properties
42 | $ct-line-width: 0.25em !default;
43 | $ct-line-dasharray: false !default;
44 | $ct-point-size: 0.625em !default;
45 | // Line chart point, can be either round or square
46 | $ct-point-shape: round !default;
47 | // Area fill transparency between 0 and 1
48 | $ct-area-opacity: 0.7 !default;
49 |
50 | // Bar chart bar width
51 | $ct-bar-width: 0.625em !default;
52 |
53 | // Donut width (If donut width is to big it can cause issues where the shape gets distorted)
54 | $ct-donut-width: 3.75em !default;
55 |
56 | // If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you
57 | // should set this property to false
58 | $ct-include-classes: true !default;
59 |
60 | // If this is set to true the CSS will contain colored series. You can extend or change the color with the
61 | // properties below
62 | $ct-include-colored-series: $ct-include-classes !default;
63 |
64 | // If set to true this will include all responsive container variations using the scales defined at the top of the script
65 | $ct-include-alternative-responsive-containers: $ct-include-classes !default;
66 |
67 | // Series names and colors. This can be extended or customized as desired. Just add more series and colors.
68 | $ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default;
69 | $ct-series-colors: (
70 | $info-color,
71 | $success-color,
72 | $danger-color,
73 | $warning-color,
74 | $primary-color,
75 | rgba($info-color, .8),
76 | rgba($success-color, .8),
77 | rgba($warning-color, .8),
78 | rgba($danger-color, .8),
79 | rgba($primary-color, .8),
80 | rgba($info-color, .6),
81 | rgba($success-color, .6),
82 | rgba($warning-color, .6),
83 | rgba($danger-color, .6),
84 | rgba($primary-color, .6)
85 | ) !default;
86 |
87 | // Paper Kit Colors
88 |
89 | .ct-blue {
90 | stroke: $primary-color !important;
91 | }
92 |
93 | .ct-azure {
94 | stroke: $info-color !important;
95 | }
96 |
97 | .ct-green {
98 | stroke: $success-color !important;
99 | }
100 |
101 | .ct-orange {
102 | stroke: $warning-color !important;
103 | }
104 |
105 | .ct-red {
106 | stroke: $danger-color !important;
107 | }
108 |
--------------------------------------------------------------------------------
/frontend/src/components/Loader.vue:
--------------------------------------------------------------------------------
1 |
2 | 
3 |
28 |
29 |
30 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/frontend/src/assets/sass/paper/_themes.scss:
--------------------------------------------------------------------------------
1 | $themes: (
2 | light: (
3 | backgroundColor: $bg-nude,
4 | borderColor: $medium-gray,
5 |
6 | cardBackgroundColor: $white-bg,
7 | cardTitleColor: $black-color,
8 | cardLabelColor: $dark-gray,
9 | cardTextColor: $font-color,
10 | cardTableColor: $smoke-bg,
11 | cardTransactionTableColor: $white-bg,
12 |
13 | navbarBackgroundColor: $bg-nude,
14 | navbarBorderColor: $medium-gray,
15 | navbarTextColor: $black-color,
16 | navbarIconColor: $black-color,
17 |
18 | sidebarBackgroundColor: #212529,
19 | sidebarTextColor: $medium-gray,
20 | sidebarArrowColor: $bg-nude,
21 |
22 | inputBackgroundColor:$gray-input-bg,
23 | inputBorderColor: $medium-gray,
24 | inputAppendBorderColor: $medium-dark-gray,
25 | inputPlaceholderColor: $light-gray,
26 | inputTextColor: $font-color,
27 | inputDisabledBackgroundColor: $light-gray,
28 | inputDisabledTextColor: $medium-dark-gray,
29 |
30 | chartTextColor: $ct-text-color,
31 | chartGridColor: $ct-grid-color,
32 | chartSeriesALineColor: $info-color,
33 | chartSeriesAFIllColor: rgba($info-color, .8),
34 | chartSeriesBLineColor: $success-color,
35 | chartSeriesBFIllColor: rgba($success-color, .8),
36 | chartSeriesCLineColor: $secondary-color,
37 | chartSeriesCFIllColor: rgba($secondary-color, .8),
38 | pieSeriesAFillColor: $info-color,
39 | pieSeriesBFillColor: $success-color,
40 | pieSeriesCFillolor: $secondary-color,
41 |
42 | errorTextColor: firebrick,
43 | walletAddressColor: $medium-dark-gray,
44 |
45 | popupBackgroundColor: $bg-nude,
46 |
47 | primaryColor: $primary-color,
48 | primaryStatesColor: $primary-states-color,
49 | secondaryColor: $secondary-color,
50 | secondaryStatesColor: $secondary-states-color,
51 | infoColor: $info-color,
52 | infoStatesColor: $info-states-color,
53 | successColor: $success-color,
54 | successStatesColor: $success-states-color,
55 | warningColor: $warning-color,
56 | warningStatesColor: $warning-states-color,
57 | dangerColor: $danger-color,
58 | dangerStatesColor: $danger-states-color
59 | ),
60 | dark: (
61 | backgroundColor: #121212,
62 | borderColor: #2E2E2E,
63 |
64 | cardBackgroundColor: #181818,
65 | cardTitleColor: $light-gray,
66 | cardLabelColor: #AFAFAF,
67 | cardTextColor: #BCBCBC,
68 | cardTableColor: #202020,
69 | cardTransactionTableColor: #202020,
70 |
71 | navbarBackgroundColor: #1d1d1d,
72 | navbarBorderColor: #272727,
73 | navbarTextColor: #BCBCBC,
74 | navbarIconColor: $info-color,
75 |
76 | sidebarBackgroundColor: #181818,
77 | sidebarTextColor: #BCBCBC,
78 | sidebarArrowColor: #121212,
79 |
80 | inputBackgroundColor:#272727,
81 | inputBorderColor: $dark-gray,
82 | inputAppendBorderColor: $dark-gray,
83 | inputPlaceholderColor: $medium-gray,
84 | inputTextColor: #F2F2F2,
85 | inputDisabledBackgroundColor: #2E2E2E,
86 | inputDisabledTextColor: $medium-dark-gray,
87 |
88 | chartTextColor: #BCBCBC,
89 | chartGridColor: #2E2E2E,
90 | chartSeriesALineColor: $info-color-dark,
91 | chartSeriesAFIllColor: rgba($info-color-dark, .2),
92 | chartSeriesBLineColor: rgba($success-color-dark, .5),
93 | chartSeriesBFIllColor: rgba($success-color-dark, .2),
94 | chartSeriesCLineColor: rgba($secondary-color-dark, .5),
95 | chartSeriesCFIllColor: rgba($secondary-color-dark, .2),
96 | pieSeriesAFillColor: $info-color-dark,
97 | pieSeriesBFillColor: $success-color-dark,
98 | pieSeriesCFillColor: $secondary-color-dark,
99 |
100 | errorTextColor: orangered,
101 | walletAddressColor: #BCBCBC,
102 |
103 | popupBackgroundColor: #272727,
104 |
105 | primaryColor: $primary-color-dark,
106 | primaryStatesColor: $primary-states-color-dark,
107 | secondaryColor: $secondary-color-dark,
108 | secondaryStatesColor: $secondary-states-color-dark,
109 | infoColor: $info-color-dark,
110 | infoStatesColor: $info-states-color-dark,
111 | successColor: $success-color-dark,
112 | successStatesColor: $success-states-color-dark,
113 | warningColor: $warning-color,
114 | warningStatesColor: $warning-states-color,
115 | dangerColor: $danger-color,
116 | dangerStatesColor: $danger-states-color
117 | ),
118 | );
119 |
120 | @mixin themed() {
121 | @each $theme, $map in $themes {
122 | .theme--#{$theme} & {
123 | $theme-map: () !global;
124 | @each $key, $submap in $map {
125 | $value: map-get(map-get($themes, $theme), '#{$key}');
126 | $theme-map: map-merge($theme-map, ($key: $value)) !global;
127 | }
128 | @content;
129 | $theme-map: null !global;
130 | }
131 | }
132 | }
133 |
134 | @function t($key) {
135 | @return map-get($theme-map, $key);
136 | }
--------------------------------------------------------------------------------
/frontend/src/assets/sass/paper/_typography.scss:
--------------------------------------------------------------------------------
1 | @import "themes";
2 |
3 | h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td {
4 | -moz-osx-font-smoothing: grayscale;
5 | -webkit-font-smoothing: antialiased;
6 | font-family: 'Puppet', Helvetica, Arial, sans-serif;
7 | }
8 |
9 | h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
10 | font-weight: $font-weight-normal;
11 | margin: $margin-large-vertical 0 $margin-base-vertical;
12 | }
13 |
14 | h1, .h1 {
15 | font-size: $font-size-h1;
16 | }
17 |
18 | h2, .h2 {
19 | font-size: $font-size-h2;
20 | }
21 |
22 | h3, .h3 {
23 | font-size: $font-size-h3;
24 | line-height: 1.4;
25 | margin: 1.25em 0 0.625em;
26 | }
27 |
28 | h4, .h4 {
29 | font-size: $font-size-h4;
30 | font-weight: $font-weight-bold;
31 | line-height: 1.2em;
32 | }
33 |
34 | h5, .h5 {
35 | font-size: $font-size-h5;
36 | font-weight: $font-weight-normal;
37 | line-height: 1.4em;
38 | margin-bottom: 0.9375em;
39 | }
40 |
41 | h6, .h6 {
42 | font-size: $font-size-h6;
43 | // font-weight: $font-weight-bold;
44 | text-transform: uppercase;
45 | }
46 |
47 | p {
48 | font-size: $font-paragraph;
49 | line-height: $line-height-general;
50 | }
51 |
52 | h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
53 | color: $dark-gray;
54 | font-weight: $font-weight-light;
55 | line-height: $line-height-general;
56 | }
57 |
58 | h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
59 | font-size: 60%;
60 | }
61 |
62 | .version {
63 | position:absolute;
64 | bottom:0;
65 | right:0;
66 | font-size: $font-paragraph;
67 | line-height: $line-height-general;
68 | font-size: 0.6rem;
69 | }
70 |
71 | .wallet-address {
72 | display: block;
73 | overflow: hidden;
74 | white-space: nowrap;
75 | text-overflow: ellipsis;
76 | padding-top: 0em;
77 | margin-bottom: 0em;
78 | font-size: 1.5625rem;
79 | font-weight: 100;
80 | @include themed() {
81 | color: t('walletAddressColor');
82 | }
83 | }
84 |
85 | .title-uppercase {
86 | text-transform: uppercase;
87 | }
88 |
89 | blockquote {
90 | font-style: italic;
91 | }
92 |
93 | blockquote small {
94 | font-style: normal;
95 | }
96 |
97 | .text-muted {
98 | color: $medium-gray;
99 | }
100 |
101 | .text-primary, .text-primary:hover {
102 | @include themed() {
103 | color: t('primaryStatesColor') !important;
104 | }
105 | }
106 |
107 | .text-secondary, .text-secondary:hover {
108 | @include themed() {
109 | color: t('secondaryStatesColor') !important;
110 | }
111 | }
112 |
113 | .text-info, .text-info:hover {
114 | @include themed() {
115 | color: t('infoStatesColor') !important;
116 | }
117 | }
118 |
119 | .text-success, .text-success:hover {
120 | @include themed() {
121 | color: t('successStatesColor') !important;
122 | }
123 | }
124 |
125 | .text-warning, .text-warning:hover {
126 | @include themed() {
127 | color: t('warningStatesColor') !important;
128 | }
129 | }
130 |
131 | .text-danger, .text-danger:hover {
132 | @include themed() {
133 | color: t('dangerStatesColor') !important;
134 | }
135 | }
136 |
137 | .glyphicon {
138 | line-height: 1;
139 | }
140 |
141 | strong {
142 | color: $default-states-color;
143 | }
144 |
145 | .icon-primary {
146 | @include themed() {
147 | color: t('primaryColor');
148 | }
149 | }
150 |
151 | .icon-secondary {
152 | @include themed() {
153 | color: t('secondaryColor');
154 | }
155 | }
156 |
157 | .icon-info {
158 | @include themed() {
159 | color: t('infoColor');
160 | }
161 | }
162 |
163 | .icon-success {
164 | @include themed() {
165 | color: t('successColor');
166 | }
167 | }
168 |
169 | .icon-warning {
170 | @include themed() {
171 | color: t('warningColor');
172 | }
173 | }
174 |
175 | .icon-danger {
176 | @include themed() {
177 | color: t('dangerColor');
178 | }
179 | }
180 |
181 | .chart-legend {
182 | .text-primary, .text-primary:hover {
183 | @include themed() {
184 | color: t('primaryColor');
185 | }
186 | }
187 | .text-secondary, .text-secondary:hover {
188 | @include themed() {
189 | color: t('secondaryColor');
190 | }
191 | }
192 | .text-info, .text-info:hover {
193 | @include themed() {
194 | color: t('infoColor');
195 | }
196 | }
197 | .text-success, .text-success:hover {
198 | @include themed() {
199 | color: t('successColor');
200 | }
201 | }
202 | .text-warning, .text-warning:hover {
203 | @include themed() {
204 | color: t('warningColor');
205 | }
206 | }
207 | .text-danger, .text-danger:hover {
208 | @include themed() {
209 | color: t('dangerColor');
210 | }
211 | }
212 | }
213 |
--------------------------------------------------------------------------------
/frontend/src/assets/sass/paper/_sidebar-and-main-panel.scss:
--------------------------------------------------------------------------------
1 | @import "themes";
2 |
3 | .wrapper .sidebar {
4 | position: fixed;
5 | top: 0;
6 | bottom: 0;
7 | left: 0;
8 | z-index: 1;
9 | background-size: cover;
10 | background-position: center center;
11 | .sidebar-wrapper {
12 | position: relative;
13 | height: 100%;
14 | overflow-y: auto;
15 | overflow-x: hidden;
16 | width: 16.25em;
17 | z-index: 4;
18 | // box-shadow: inset -0.0625em 0em 0em 0em $medium-gray;
19 | }
20 | .sidebar-background {
21 | position: absolute;
22 | z-index: 1;
23 | height: 100%;
24 | width: 100%;
25 | display: block;
26 | top: 0;
27 | left: 0;
28 | background-size: cover;
29 | background-position: center center;
30 | }
31 |
32 | }
33 |
34 | .wrapper .sidebar {
35 | width: 16.25em;
36 | display: block;
37 | font-weight: 600;
38 |
39 | .logo {
40 | padding: 0.8125em 0;
41 | margin: 0 1.25em;
42 |
43 | p {
44 | float: left;
45 | font-size: 1.25rem;
46 | margin: 0.625em 0.625em;
47 | line-height: 1.25em;
48 | }
49 |
50 | .simple-text {
51 | padding: $padding-small-vertical $padding-zero;
52 | display: block;
53 | font-size: 0.9375rem;
54 | //text-align: center;
55 | // font-weight: $font-weight-bold;
56 | line-height: 2.875em;
57 | text-align: left;
58 |
59 | .logo-img{
60 | width: 9.375em;
61 | display: inline-block;
62 | height: 9.375em;
63 | margin-left: 1.6875em;
64 | // margin-right: 0.625em;
65 | background: transparent;
66 | border-radius: 7.5em;
67 | text-align: center;
68 |
69 | img{
70 | margin-top: 0.25em;
71 | max-width: 8.75em;
72 | }
73 | }
74 | }
75 | }
76 |
77 | .nav {
78 | //margin-top: 1.25em;
79 |
80 | .nav-item {
81 | width: 100%;
82 | .nav-link {
83 | margin: 0.625em 0em;
84 | padding-left: 1.5625em;
85 | padding-right: 1.5625em;
86 |
87 | opacity: 0.7;
88 | }
89 |
90 | &:hover > .nav-link {
91 | opacity: 1;
92 | }
93 |
94 | &.active > .nav-link {
95 | color: $primary-color;
96 | opacity: 1;
97 | }
98 | }
99 |
100 | p {
101 | margin: 0;
102 | line-height: 1.875em;
103 | font-size: 0.875rem;
104 | font-weight: 200;
105 | font-family: Poppins;
106 | text-transform: uppercase;
107 | }
108 |
109 | i {
110 | font-size: 1.025rem;
111 | float: left;
112 | margin-right: 0.9375em;
113 | line-height: 1.375em;
114 | width: 1.875em;
115 | text-align: center;
116 | }
117 | }
118 |
119 | &:after,
120 | &:before {
121 | display: block;
122 | content: "";
123 | position: absolute;
124 | width: 100%;
125 | height: 100%;
126 | top: 0;
127 | left: 0;
128 | z-index: 2;
129 | @include themed() {
130 | background: t('sidebarBackgroundColor');
131 | }
132 | }
133 |
134 | .logo {
135 | p {
136 | @include themed() {
137 | color: t('sidebarTextColor');
138 | }
139 | }
140 |
141 | .simple-text {
142 | @include themed() {
143 | color: t('sidebarTextColor');
144 | }
145 | }
146 | }
147 |
148 | .nav {
149 | .nav-item:not(.active) .nav-item {
150 | > .nav-link {
151 | @include themed() {
152 | color: t('sidebarTextColor');
153 | }
154 | }
155 | }
156 |
157 | .divider {
158 | background-color: rgba($black-color, .2);
159 | }
160 |
161 | }
162 |
163 | &[data-active-color="primary"] {
164 | @include sidebar-active-color($primary-color);
165 | }
166 | &[data-active-color="info"] {
167 | @include sidebar-active-color($info-color);
168 | }
169 | &[data-active-color="success"] {
170 | @include sidebar-active-color($info-color);
171 | }
172 | &[data-active-color="warning"] {
173 | @include sidebar-active-color($warning-color);
174 | }
175 | &[data-active-color="danger"] {
176 | @include sidebar-active-color($danger-color);
177 | }
178 |
179 | }
180 |
181 | .main-panel {
182 | position: relative;
183 | z-index: 2;
184 | float: right;
185 | width: $sidebar-width;
186 | min-height: 100%;
187 | overflow: auto;
188 | @include themed() {
189 | background-color: t('backgroundColor');
190 | }
191 |
192 | > .content {
193 | padding: 1.875em 0.9375em;
194 | min-height: calc(100% - 7.6875em);
195 | }
196 |
197 | > .footer {
198 | border-top: 0.0625em solid rgba(0, 0, 0, 0.1);
199 | }
200 |
201 | .navbar {
202 | margin-bottom: 0;
203 | }
204 | }
205 |
206 | .wrapper .sidebar,
207 | .main-panel {
208 | -webkit-transition-property: top, bottom;
209 | transition-property: top, bottom;
210 | -webkit-transition-duration: .2s, .2s;
211 | transition-duration: .2s, .2s;
212 | -webkit-transition-timing-function: linear, linear;
213 | transition-timing-function: linear, linear;
214 | -webkit-overflow-scrolling: touch;
215 | }
216 |
217 | .wrapper .sidebar {
218 | max-height: 100%;
219 | height: 100%;
220 | overflow: hidden;
221 | overflow-y: hidden;
222 | }
223 |
--------------------------------------------------------------------------------
/backend/utils.go:
--------------------------------------------------------------------------------
1 | package app
2 |
3 | import (
4 | "bytes"
5 | "encoding/hex"
6 | "fmt"
7 | "io"
8 | "io/ioutil"
9 | "math/rand"
10 | "net/http"
11 | "os"
12 | "os/exec"
13 | "path/filepath"
14 | "runtime"
15 | "strings"
16 | "time"
17 |
18 | "github.com/dustin/go-humanize"
19 | )
20 |
21 | // newReleaseAvailable generates a notification to FE everytime a new release on
22 | // GitHub doesn't match a.Version.
23 | func (a *WalletApplication) newReleaseAvailable() {
24 | update := new(UpdateWallet)
25 | update.app = a
26 | currentRelease := a.Version
27 |
28 | a.log.Infoln("Checking for new releases...")
29 |
30 | go func() {
31 | for i := 200; i > 0; i-- {
32 | newRelease := update.GetLatestRelease()
33 | if currentRelease != newRelease {
34 | a.log.Infoln("There's a newer release available")
35 | a.RT.Events.Emit("new_release", newRelease)
36 | }
37 | time.Sleep(time.Duration(i) * time.Second)
38 | }
39 | }()
40 |
41 | }
42 |
43 | func (a *WalletApplication) javaInstalled() bool {
44 | var javaInstalled bool
45 | if a.paths.Java[len(a.paths.Java)-9:] != "javaw.exe" {
46 | javaInstalled = false
47 | } else {
48 | javaInstalled = true
49 | }
50 | return javaInstalled
51 | }
52 |
53 | func (a *WalletApplication) detectJavaPath() {
54 |
55 | if runtime.GOOS == "windows" {
56 | var jwPath string
57 |
58 | cmd := exec.Command("cmd", "/c", "where", "java")
59 | a.log.Infoln("Running command: ", cmd)
60 |
61 | var out bytes.Buffer
62 | var stderr bytes.Buffer
63 | cmd.Stdout = &out // Captures STDOUT
64 | cmd.Stderr = &stderr // Captures STDERR
65 |
66 | err := cmd.Run()
67 | if err != nil {
68 | errFormatted := fmt.Sprint(err) + ": " + stderr.String()
69 | a.log.Errorf(errFormatted)
70 | a.LoginError("Unable to find Java Installation")
71 | a.paths.Java = "No valid path detected"
72 | return
73 | }
74 | jPath := out.String() // May contain multiple
75 | if jPath == "" {
76 | a.LoginError("Unable to find Java Installation")
77 | a.paths.Java = "No valid path detected"
78 | return
79 | }
80 | s := strings.Split(strings.Replace(jPath, "\r\n", "\n", -1), "\n")
81 | jwPath = string(s[0][:len(s[0])-4]) + "w.exe" // Shifting to javaw.exe
82 | if s[1] != "" {
83 | jwPath = string(s[1][:len(s[1])-4]) + "w.exe" // Shifting to javaw.exe
84 | a.log.Info("Detected a secondary java path. Using that over the first one.")
85 | }
86 | a.log.Infoln("Java path selected: " + jwPath)
87 | a.log.Debugln(cmd)
88 | a.paths.Java = jwPath
89 | }
90 | }
91 |
92 | //normalizeAmounts takes amount/fee in int64 and normalizes it. Example: passing 821500000000 will return 8215
93 | func normalizeAmounts(i int64) (string, error) {
94 | f := fmt.Sprintf("%.8f", float64(i)/1e8)
95 | return f, nil
96 | }
97 |
98 | // TempFileName creates temporary file names for the transaction files
99 | func (a *WalletApplication) TempFileName(prefix string) string {
100 | randBytes := make([]byte, 16)
101 | rand.Read(randBytes)
102 | return filepath.Join(a.paths.TMPDir, prefix+hex.EncodeToString(randBytes))
103 | }
104 |
105 | // WriteCounter stores dl state of the cl binaries
106 | type WriteCounter struct {
107 | Total uint64
108 | LastEmit uint64
109 | Filename string
110 | a *WalletApplication
111 | }
112 |
113 | // Write emits the download progress of the CL binaries to the frontend
114 | func (wc *WriteCounter) Write(p []byte) (int, error) {
115 | n := len(p)
116 | wc.Total += uint64(n)
117 |
118 | if (wc.Total - wc.LastEmit) > uint64(800) {
119 | wc.a.RT.Events.Emit("downloading", wc.Filename, humanize.Bytes(wc.Total))
120 | wc.LastEmit = wc.Total
121 | }
122 |
123 | return n, nil
124 | }
125 |
126 | func (a *WalletApplication) fetchWalletJar(filename string, filepath string) error {
127 | url := a.WalletCLI.URL + "/v" + a.WalletCLI.Version + "/" + filename
128 | a.log.Info(url)
129 |
130 | out, err := os.Create(filepath + ".tmp")
131 | if err != nil {
132 | return err
133 | }
134 |
135 | resp, err := http.Get(url)
136 | if err != nil {
137 | out.Close()
138 | return err
139 | }
140 | defer resp.Body.Close()
141 |
142 | counter := &WriteCounter{}
143 | counter.a = a
144 | counter.Filename = filename
145 | counter.LastEmit = uint64(0)
146 |
147 | if _, err = io.Copy(out, io.TeeReader(resp.Body, counter)); err != nil {
148 | out.Close()
149 | return err
150 | }
151 |
152 | out.Close()
153 |
154 | if err = os.Rename(filepath+".tmp", filepath); err != nil {
155 | return err
156 | }
157 |
158 | return nil
159 | }
160 |
161 | func (a *WalletApplication) directoryCreator(directories ...string) error {
162 | for _, d := range directories {
163 | err := os.MkdirAll(d, os.ModePerm)
164 | if err != nil {
165 | return err
166 | }
167 | }
168 | return nil
169 | }
170 |
171 | func (a *WalletApplication) fileExists(path string) bool {
172 | info, err := os.Stat(path)
173 | if os.IsNotExist(err) {
174 | return false
175 | }
176 | return !info.IsDir()
177 | }
178 |
179 | // WriteToFile will print any string of text to a file safely by
180 | // checking for errors and syncing at the end.
181 | func WriteToFile(filename string, data []byte) error {
182 |
183 | err := ioutil.WriteFile(filename, data, 0666)
184 | if err != nil {
185 | return err
186 | }
187 | return nil
188 | }
189 |
--------------------------------------------------------------------------------
/frontend/src/assets/sass/paper/_inputs.scss:
--------------------------------------------------------------------------------
1 | @import "themes";
2 |
3 | .form-control::-moz-placeholder {
4 | @include placeholder($medium-dark-gray, 1);
5 | }
6 |
7 | .form-control:-moz-placeholder {
8 | @include placeholder($medium-dark-gray, 1);
9 | }
10 |
11 | .form-control::-webkit-input-placeholder {
12 | @include placeholder($medium-dark-gray, 1);
13 | }
14 |
15 | .form-control:-ms-input-placeholder {
16 | @include placeholder($medium-dark-gray, 1);
17 | }
18 |
19 | .form-control {
20 | border-radius: $border-radius-base;
21 | font-size: $font-size-base*1.2;
22 | transition: background-color 0.3s ease 0s;
23 | @include input-size($padding-base-vertical, $padding-base-horizontal, $height-base);
24 | @include box-shadow(none);
25 | @include themed() {
26 | background-color: t('inputBackgroundColor');
27 | border-color: t('inputBorderColor');
28 | color: t('inputTextColor');
29 | }
30 |
31 | &:focus {
32 | @include box-shadow(none);
33 | outline: 0 !important;
34 | @include themed() {
35 | background-color: t('inputBackgroundColor');
36 | }
37 | }
38 |
39 | .has-success &,
40 | .has-error &,
41 | .has-success &:focus,
42 | .has-error &:focus {
43 | @include box-shadow(none);
44 | }
45 |
46 | .has-success & {
47 | background-color: $success-input-bg;
48 | color: $success-color;
49 | &.border-input {
50 | border: 0.0625em solid $success-color;
51 | }
52 | }
53 | .has-success &:focus {
54 | background-color: $white-bg;
55 | }
56 | .has-error & {
57 | background-color: $danger-input-bg;
58 | color: $danger-color;
59 | &.border-input {
60 | border: 0.0625em solid $danger-color;
61 | }
62 | }
63 | .has-error &:focus {
64 | background-color: $white-bg;
65 | }
66 |
67 | & + .form-control-feedback {
68 | border-radius: $border-radius-large;
69 | font-size: $font-size-base;
70 | margin-top: -0.4375em;
71 | position: absolute;
72 | right: 0.625em;
73 | top: 50%;
74 | vertical-align: middle;
75 | }
76 | &.border-input {
77 | border: 0.0625em solid;
78 | @include themed() {
79 | border-color: t('inputBorderColor');
80 | }
81 | }
82 | .open & {
83 | border-bottom-color: transparent;
84 | }
85 | }
86 |
87 | .input-lg {
88 | height: 3.4375em;
89 | padding: $padding-large-vertical $padding-large-horizontal;
90 | }
91 |
92 | .has-error {
93 | .form-control-feedback, .control-label {
94 | color: $danger-color;
95 | }
96 | }
97 |
98 | .has-success {
99 | .form-control-feedback, .control-label {
100 | color: $success-color;
101 | }
102 | }
103 |
104 | .input-group-addon {
105 | background-color: $gray-input-bg;
106 | border-radius: $border-radius-base;
107 |
108 | .has-success &,
109 | .has-error & {
110 | background-color: $white-color;
111 | }
112 | .has-error .form-control:focus + & {
113 | color: $danger-color;
114 | }
115 | .has-success .form-control:focus + & {
116 | color: $success-color;
117 | }
118 | .form-control:focus + &,
119 | .form-control:focus ~ & {
120 | background-color: $white-color;
121 | }
122 | }
123 |
124 | .border-input {
125 | .input-group-addon {
126 | border: solid 0.0625em;
127 | @include themed() {
128 | border-color: t('inputBorderColor');
129 | }
130 | }
131 | }
132 |
133 | .input-group {
134 | margin-bottom: 0.9375em;
135 | }
136 |
137 | .input-group[disabled] {
138 | .input-group-addon {
139 | @include themed() {
140 | background-color: t('inputDisabledBackgroundColor');
141 | color: t('inputDisabledTextColor');
142 | }
143 | }
144 | }
145 |
146 | .input-group .form-control:first-child,
147 | .input-group-addon:first-child,
148 | .input-group-btn:first-child > .dropdown-toggle,
149 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
150 | border-right: 0 none;
151 | }
152 |
153 | .input-group .form-control:last-child,
154 | .input-group-addon:last-child,
155 | .input-group-btn:last-child > .dropdown-toggle,
156 | .input-group-btn:first-child > .btn:not(:first-child) {
157 | border-left: 0 none;
158 | }
159 |
160 | .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
161 | @include themed() {
162 | background-color: t('inputDisabledBackgroundColor');
163 | color: t('inputDisabledTextColor');
164 | }
165 | cursor: not-allowed;
166 | }
167 |
168 | .form-control[disabled]::-moz-placeholder {
169 | @include themed() {
170 | color: t('inputPlaceholderColor');
171 | }
172 | }
173 |
174 | .form-control[disabled]:-moz-placeholder {
175 | @include themed() {
176 | color: t('inputPlaceholderColor');
177 | }
178 | }
179 |
180 | .form-control[disabled]::-webkit-input-placeholder {
181 | @include themed() {
182 | color: t('inputPlaceholderColor');
183 | }
184 | }
185 |
186 | .form-control[disabled]:-ms-input-placeholder {
187 | @include themed() {
188 | color: t('inputPlaceholderColor');
189 | }
190 | }
191 |
192 | .input-group-btn .btn {
193 | font-size: $font-size-base*1;
194 | border-width: $border-thin;
195 | padding: $padding-round-vertical $padding-base-horizontal;
196 | }
197 |
198 | .input-group-btn .btn-default:not(.btn-fill) {
199 | @include themed() {
200 | border-color: t('inputBorderColor');
201 | }
202 | }
203 |
204 | .input-group-btn:last-child > .btn {
205 | margin-left: 0;
206 | }
207 |
208 | textarea.form-control {
209 | max-width: 100%;
210 | padding: 0.625em 1.125em;
211 | resize: none;
212 | }
213 |
214 |
--------------------------------------------------------------------------------
/backend/login.go:
--------------------------------------------------------------------------------
1 | package app
2 |
3 | import (
4 | "os"
5 | "runtime"
6 | "strings"
7 |
8 | "github.com/grvlle/constellation_wallet/backend/models"
9 | "golang.org/x/crypto/bcrypt"
10 | )
11 |
12 | // LoginError takes a string and pushes it to the login screen as an errror
13 | func (a *WalletApplication) LoginError(errMsg string) {
14 | if errMsg != "" {
15 | a.RT.Events.Emit("login_error", errMsg, true)
16 | }
17 | }
18 |
19 | // Login is called from the FE when a user logs in with a wallet object
20 | // already in the DB
21 | func (a *WalletApplication) Login(keystorePath, keystorePassword, keyPassword, alias string) bool {
22 |
23 | alias = strings.ToLower(alias)
24 | a.wallet = models.Wallet{
25 | KeyStorePath: keystorePath,
26 | WalletAlias: alias}
27 |
28 | if runtime.GOOS == "windows" && !a.javaInstalled() {
29 | a.LoginError("Unable to detect your Java path. Please make sure that Java has been installed.")
30 | return false
31 | }
32 |
33 | if !a.TransactionFinished {
34 | a.log.Warn("Cannot login to another wallet during a pending transaction.")
35 | a.LoginError("Cannot login to another wallet during a pending transaction.")
36 | return false
37 | }
38 |
39 | if keystorePath == "" {
40 | a.LoginError("Please provide a path to the KeyStore file.")
41 | return false
42 | }
43 |
44 | if !a.passwordsProvided(keystorePassword, keyPassword, alias) {
45 | a.log.Warnln("One or more passwords were not provided.")
46 | return false
47 | }
48 |
49 | os.Setenv("CL_STOREPASS", keystorePassword)
50 | os.Setenv("CL_KEYPASS", keyPassword)
51 |
52 | if err := a.DB.First(&a.wallet, "wallet_alias = ?", alias).Error; err != nil {
53 | a.log.Errorln("Unable to query database object for existing wallet. Reason: ", err)
54 | return a.ImportWallet(keystorePath, keystorePassword, keyPassword, alias)
55 | }
56 |
57 | if !a.WalletKeystoreAccess() {
58 | a.LoginError("Access Denied. Please make sure that you have typed in the correct credentials.")
59 | return false
60 | }
61 |
62 | if !a.NewUser {
63 | a.DB.Model(&a.wallet).Update("KeystorePath", keystorePath)
64 | a.log.Infoln("PrivateKey path: ", keystorePath)
65 | }
66 |
67 | // Check password strings against salted hashes stored in DB. Also make sure KeyStore has been accessed.
68 | if a.CheckAccess(keystorePassword, a.wallet.KeystorePasswordHash) && a.CheckAccess(keyPassword, a.wallet.KeyPasswordHash) && a.KeyStoreAccess {
69 | a.UserLoggedIn = true
70 |
71 | // os.Setenv("CL_STOREPASS", keystorePassword)
72 | // os.Setenv("CL_KEYPASS", keyPassword)
73 |
74 | } else {
75 | a.UserLoggedIn = false
76 | a.LoginError("Access Denied. Please make sure that you have typed in the correct credentials.")
77 | }
78 |
79 | if a.UserLoggedIn && a.KeyStoreAccess && !a.NewUser {
80 |
81 | err := a.initWallet(keystorePath)
82 | if err != nil {
83 | a.UserLoggedIn = false
84 | }
85 | }
86 |
87 | a.NewUser = false
88 |
89 | return a.UserLoggedIn
90 | }
91 |
92 | // CheckTermsOfService is called from the FE to check the termsOfService has been accepted
93 | func (a *WalletApplication) CheckTermsOfService() bool {
94 | return a.wallet.TermsOfService
95 | }
96 |
97 | // LogOut will reset the wallet UI and clear the wallet objects
98 | func (a *WalletApplication) LogOut() bool {
99 | if a.TransactionFinished {
100 | a.UserLoggedIn = false
101 | a.wallet = models.Wallet{}
102 | return true
103 | }
104 | a.sendWarning("Cannot log out while transaction is processing. Please try again.")
105 | return false
106 | }
107 |
108 | // ImportKey is called from the frontend when browsing the fs for a keyfile
109 | func (a *WalletApplication) ImportKey() string {
110 | var keyfile = a.RT.Dialog.SelectFile()
111 | if keyfile == "" {
112 | a.LoginError("Access Denied. No key path detected.")
113 | return ""
114 | }
115 |
116 | if keyfile[len(keyfile)-4:] != ".p12" {
117 | a.LoginError("Access Denied. Not a key file.")
118 | return ""
119 | }
120 | a.log.Info("Path to imported key: " + keyfile)
121 | return keyfile
122 | }
123 |
124 | // SelectDirToStoreKey is called from the FE when creating a new keyfile
125 | func (a *WalletApplication) SelectDirToStoreKey() string {
126 |
127 | var keyfile = a.RT.Dialog.SelectSaveFile()
128 |
129 | if len(keyfile) <= 0 {
130 | a.LoginError("No valid path were provided. Please try again.")
131 | return ""
132 | }
133 | if keyfile[len(keyfile)-4:] != ".p12" {
134 | keyfile = keyfile + ".p12"
135 | return keyfile
136 | }
137 | return keyfile
138 | }
139 |
140 | // GenerateSaltedHash converts plain text to a salted hash
141 | func (a *WalletApplication) GenerateSaltedHash(s string) (string, error) {
142 | saltedBytes := []byte(s)
143 | hashedBytes, err := bcrypt.GenerateFromPassword(saltedBytes, bcrypt.DefaultCost)
144 | if err != nil {
145 | return "", err
146 | }
147 | hash := string(hashedBytes[:])
148 | return hash, nil
149 | }
150 |
151 | // CheckAccess verifies that the user has entered the correct password
152 | func (a *WalletApplication) CheckAccess(password, passwordHash string) bool {
153 | err := a.Compare(password, passwordHash)
154 | if err != nil {
155 | a.log.Warnln("User tried to login with the wrong credentials!")
156 | return false
157 | }
158 | a.log.Infoln("Password check OK")
159 | return true
160 | }
161 |
162 | // Compare compares a string with a salted hash
163 | func (a *WalletApplication) Compare(s, hash string) error {
164 | incoming := []byte(s)
165 | existing := []byte(hash)
166 | return bcrypt.CompareHashAndPassword(existing, incoming)
167 | }
168 |
--------------------------------------------------------------------------------
/frontend/src/assets/sass/paper/_cards.scss:
--------------------------------------------------------------------------------
1 | @import "themes";
2 |
3 | .card {
4 | border-radius: $border-radius-extreme;
5 | box-shadow: 0em 0.125em 0.125em rgba(204, 197, 185, 0.5);
6 | margin-bottom: 1.25em;
7 | position: relative;
8 | z-index: 1;
9 | border: none;
10 | @include themed() {
11 | background-color: t('cardBackgroundColor');
12 | color: t('cardTextColor');
13 | }
14 |
15 | .card-image {
16 | width: 100%;
17 | overflow: hidden;
18 | height: 17.625em;
19 | border-radius: $border-radius-extreme $border-radius-extreme 0 0;
20 | position: relative;
21 | -webkit-transform-style: preserve-3d;
22 | -moz-transform-style: preserve-3d;
23 | transform-style: preserve-3d;
24 |
25 | img {
26 | width: 100%;
27 | }
28 | }
29 | .card-body {
30 | padding: 0.9375em 0.9375em 0.625em 0.9375em;
31 | }
32 | .card-header {
33 | padding: 1.25em 1.25em 0em;
34 | border-bottom: 0em;
35 | background-color: transparent;
36 | }
37 | .description {
38 | font-size: $font-paragraph;
39 | @include themed() {
40 | color: t('cardTextColor');
41 | }
42 | }
43 |
44 | h6 {
45 | font-size: $font-size-small;
46 | margin: 0;
47 | }
48 | .card-category,
49 | label {
50 | font-size: $font-size-base;
51 | font-weight: $font-weight-normal;
52 | margin-bottom: 0em;
53 | i {
54 | font-size: $font-paragraph;
55 | }
56 | @include themed() {
57 | color: t('cardLabelColor');
58 | }
59 | }
60 |
61 | label {
62 | font-size: 0.9375rem;
63 | margin-bottom: 0.3125em;
64 | }
65 |
66 | .card-title {
67 | margin: $none;
68 | font-weight: $font-weight-light;
69 | @include themed() {
70 | color: t('cardTitleColor');
71 | }
72 | }
73 | .avatar {
74 | width: 3.125em;
75 | height: 3.125em;
76 | overflow: hidden;
77 | border-radius: 50%;
78 | margin-right: 0.3125em;
79 | }
80 | .footer {
81 | padding: 0;
82 | line-height: 1.875em;
83 | overflow: hidden;
84 |
85 | .legend {
86 | padding: 0.3125em 0em;
87 | }
88 |
89 | hr {
90 | margin-top: 0.3125em;
91 | margin-bottom: 0.3125em;
92 | }
93 | }
94 | .stats {
95 | color: #a9a9a9;
96 | flex-wrap: nowrap;
97 | font-weight: 300;
98 | i {
99 | margin-right: 0.125em;
100 | min-width: 0.9375em;
101 | display: inline-block;
102 | }
103 | }
104 | .footer div {
105 | display: inline-block;
106 | }
107 |
108 | .author {
109 | font-size: $font-size-small;
110 | font-weight: $font-weight-bold;
111 | text-transform: uppercase;
112 | }
113 | .author i {
114 | font-size: $font-size-base;
115 | }
116 |
117 | &.card-separator:after {
118 | height: 100%;
119 | right: -0.9375em;
120 | top: 0em;
121 | width: 0.0625em;
122 | background-color: $medium-gray;
123 | content: "";
124 | position: absolute;
125 | }
126 |
127 | .ct-chart {
128 | margin: 1.875em 0em 1.875em;
129 | height: 15.3125em;
130 | }
131 |
132 | .table {
133 | tbody td:first-child,
134 | tfoot th:first-child, tfoot td:first-child,
135 | thead th:first-child, thead td:first-child, {
136 | padding-left: 0.9375em;
137 | }
138 |
139 | tbody td:last-child,
140 | tfoot th:last-child, tfoot td:last-child,
141 | thead th:last-child, thead td:last-child, {
142 | padding-right: 0.9375em;
143 | }
144 | }
145 |
146 | .alert {
147 | border-radius: $border-radius-base;
148 | position: relative;
149 |
150 | &.alert-with-icon {
151 | padding-left: 4.0625em;
152 | }
153 | }
154 | .icon-big {
155 | font-size: 2.7rem;
156 | margin-left: 0.625rem;
157 | }
158 | .numbers {
159 | font-size: 1.5rem;
160 | text-align: right;
161 | p {
162 | font-size: 0.875rem;
163 | margin: 0;
164 | }
165 | }
166 | ul.team-members {
167 | li {
168 | padding: 0.625em 0em;
169 | &:not(:last-child) {
170 | border-bottom: 0.0625em solid $medium-pale-bg;
171 | }
172 | }
173 | }
174 | }
175 |
176 | .card-user {
177 | .image {
178 | border-radius: 0.5em 0.5em 0em 0em;
179 | height: 9.375em;
180 | position: relative;
181 | overflow: hidden;
182 |
183 | img {
184 | width: 100%;
185 | }
186 | }
187 | .image-plain {
188 | height: 0;
189 | margin-top: 6.875em;
190 | }
191 | .author {
192 | text-align: center;
193 | text-transform: none;
194 | margin-top: -4.0625em;
195 | .title {
196 | color: $default-states-color;
197 | small {
198 | color: $muted-color;
199 | }
200 | }
201 | }
202 | .avatar {
203 | width: 8.25em;
204 | height: 8.25em;
205 | border-radius: 50%;
206 | position: relative;
207 | margin-bottom: 0.9375em;
208 |
209 | &.border-white {
210 | border: 0.3125em solid $white-color;
211 | }
212 | &.border-gray {
213 | border: 0.3125em solid $muted-color;
214 | }
215 | }
216 | .card-title {
217 | font-weight: 600;
218 | line-height: 1.5em;
219 | }
220 | .description {
221 | margin-top: 0.625em;
222 | }
223 | .card-body {
224 | min-height: 12.5em;
225 | }
226 |
227 | &.card-plain {
228 | .avatar {
229 | height: 11.875em;
230 | width: 11.875em;
231 | }
232 | }
233 | }
234 |
235 | .card-map {
236 | .map {
237 | height: 31.25em;
238 | padding-top: 1.25em;
239 |
240 | > div {
241 | height: 100%;
242 | }
243 | }
244 | }
245 |
246 | .card-user,
247 | .card-price {
248 | .card-footer {
249 | padding: 0.3125em 0.9375em 0.625em;
250 | }
251 | hr {
252 | margin: 0.3125em 0.9375em;
253 | }
254 | }
255 |
256 | .card-plain {
257 | background-color: transparent;
258 | box-shadow: none;
259 | border-radius: 0;
260 |
261 | .image {
262 | border-radius: 0.25em;
263 | }
264 | }
265 |
266 | .theme--dark .card {
267 | webkit-box-shadow: none;
268 | box-shadow: none;
269 | }
--------------------------------------------------------------------------------
/frontend/src/pages/Login.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
3 |
64 |
65 |
66 |
151 |
152 |
185 |
--------------------------------------------------------------------------------
/docs/faq.md:
--------------------------------------------------------------------------------
1 | # Molly Wallet FAQ
2 |
3 | This is an attempt to address the most Frequently Asked Questions around the Molly Wallet in hopes of easing the community into leveraging the Desktop Wallet for $DAG to securely store their tokens.
4 |
5 | The Molly Wallet is still in the early phases of development with the first stable, mainnet connected build released to the general public mere days ago (at the time of writing this). This means that the way we're distributing the application, and some of the manual steps required will be improved upon with time.
6 |
7 | ## General Questions
8 |
9 | #### Q: Where can I download the Molly Wallet?
10 | **A:** https://github.com/grvlle/constellation_wallet/releases
11 |
12 | #### Q: Why can't I login to my wallet?
13 | **A:** You can always reset the Molly Wallet, simply by closing the application, removing your `.dag` folder, starting the application and re-importing your key. See the below sections under your OS of choice for how to locate the `.dag` folder.
14 |
15 | #### Q: What does the IMPORT feature do on the login screen?
16 |
17 | **A:** The Import feature exists to make it possible to access your wallet key from different computers. This only has to be done once on any computer, and it'll sync your transactions with the mainnet, and update the wallet with your previous transactions.
18 |
19 | Once imported, you will access your funds by simply login into the wallet.
20 |
21 | #### Q: How do I create a new wallet?
22 |
23 | **A:** Select the create wallet button on the login screen and it'll let you browse to a location in which you wish to store your keyfile.p12. Remember to give it a name, and select save.
24 |
25 | After that you need to provide the keyfile with authentication, populate the remaining fields and click create. Then the keyfile.p12 will be saved to the location you specified, and you can use that to access your funds through Molly Wallet.
26 |
27 |
28 | I will organize the questions based on the OS the wallet is installed upon.
29 |
30 | ## Windows
31 |
32 | #### Q: Why am I getting an error when sending transaction?
33 |
34 | **A:** This is most likely because you've used an older testnet build of the wallet with testnet artifacts interfering with your mainnet wallet. In order to fix this you need to remove the `.dag` folder that is located in your `C:/Users/
4 |
62 |
5 |
60 |
61 |
4 |
5 |
7 |
11 |
12 |
13 |
5 | {{title}}
6 |
7 |
8 |
14 |
15 |
25 |
26 |