@@ -3,6 +3,19 @@ $(document).ready(function () {
3
3
4
4
if ( urlHistory ) {
5
5
urlHistory = JSON . parse ( urlHistory ) ;
6
+
7
+ urlHistory = urlHistory . map ( row => {
8
+ if ( ! row . hasOwnProperty ( 'huge' ) ) return row ;
9
+ return {
10
+ longUrl : row . huge ,
11
+ shortenedUrl : row . shortened ,
12
+ createdAt : row . created_at ,
13
+ economyRate : row . economyRate ,
14
+ } ;
15
+ } ) ;
16
+
17
+ window . localStorage . setItem ( 'url_history' , JSON . stringify ( urlHistory ) ) ;
18
+
6
19
for ( let index in urlHistory ) {
7
20
if ( index === '5' ) break ;
8
21
$ ( 'div.shortened-urls ul' ) . append ( getHistoryItemTemplate ( urlHistory [ index ] ) ) ;
@@ -58,7 +71,7 @@ $(document).ready(function () {
58
71
$ . ajax ( {
59
72
url : `${ baseUrl } /api/public/shorten` ,
60
73
type : 'post' ,
61
- data : { huge_url : $inputUrl . val ( ) } ,
74
+ data : { long_url : $inputUrl . val ( ) } ,
62
75
beforeSend : function ( ) {
63
76
$inputUrl . prop ( 'disabled' , true ) ;
64
77
$btnShorten . prop ( 'disabled' , true ) ;
@@ -85,15 +98,15 @@ $(document).ready(function () {
85
98
86
99
const $divResult = $ ( 'div.shortened-url-result' ) ;
87
100
$divResult . css ( 'display' , 'flex' ) ;
88
- $divResult . find ( 'a' ) . attr ( 'href' , payload . data . shortened ) ;
89
- $divResult . find ( 'a span.url-text' ) . html ( payload . data . shortened ) ;
101
+ $divResult . find ( 'a' ) . attr ( 'href' , payload . data . shortenedUrl ) ;
102
+ $divResult . find ( 'a span.url-text' ) . html ( payload . data . shortenedUrl ) ;
90
103
$divResult . find ( 'a span.badge' ) . html ( `-${ payload . data . economyRate } %` ) ;
91
- $divResult . find ( 'button' ) . attr ( 'data-url' , payload . data . shortened ) ;
104
+ $divResult . find ( 'button' ) . attr ( 'data-url' , payload . data . shortenedUrl ) ;
92
105
} ) . fail ( function ( jqXHR , textStatus , msg ) {
93
106
if ( jqXHR . status === 400 ) {
94
107
const payload = jqXHR . responseJSON ;
95
108
let message = '' ;
96
- switch ( payload . data . huge_url ) {
109
+ switch ( payload . data . longUrl ) {
97
110
case 'invalid-url' :
98
111
message = 'Insira ua URL válida com "http://" ou "https://" para poder encurtar.' ;
99
112
break ;
@@ -132,16 +145,16 @@ $(document).ready(function () {
132
145
function getHistoryItemTemplate ( data ) {
133
146
return `
134
147
<li>
135
- <div class="long-url" title="${ data . huge } ">${ data . huge . substring ( 0 , 38 ) } ...</div>
148
+ <div class="long-url" title="${ data . longUrl } ">${ data . longUrl . substring ( 0 , 38 ) } ...</div>
136
149
<div class="short-url">
137
150
<div class="link">
138
- <a href="${ data . shortened } " target="_blank" title="URL encurtada de ${ data . huge } ">
139
- ${ data . shortened }
151
+ <a href="${ data . shortenedUrl } " target="_blank" title="URL encurtada de ${ data . longUrl } ">
152
+ ${ data . shortenedUrl }
140
153
</a>
141
154
</div>
142
155
<div class="copy">
143
156
<div class="d-grid gap-2">
144
- <button data-url="${ data . shortened } " class="btn btn-outline-primary copy-button">
157
+ <button data-url="${ data . shortenedUrl } " class="btn btn-outline-primary copy-button">
145
158
<i class="far fa-copy"></i> Copiar
146
159
</button>
147
160
</div>
0 commit comments