From fb2b15a3b18af4e59ece6a0731c11a29cfdb9473 Mon Sep 17 00:00:00 2001
From: Felipe Barbosa <61164497+K4MARAD4@users.noreply.github.com>
Date: Mon, 27 Apr 2020 20:18:44 -0300
Subject: [PATCH 1/2] imutableObjects.js

---
 client/app/domain/negociacao/Negocioacao.js | 23 +++++++++++++
 client/app/index.js                         | 37 +++++++++++++++++++++
 client/css/bootstrap-theme.css              |  2 +-
 client/css/bootstrap.css                    |  2 +-
 client/index.html                           | 13 ++++++++
 5 files changed, 75 insertions(+), 2 deletions(-)
 create mode 100644 client/app/domain/negociacao/Negocioacao.js
 create mode 100644 client/app/index.js

diff --git a/client/app/domain/negociacao/Negocioacao.js b/client/app/domain/negociacao/Negocioacao.js
new file mode 100644
index 00000000..e1e24454
--- /dev/null
+++ b/client/app/domain/negociacao/Negocioacao.js
@@ -0,0 +1,23 @@
+class Negociacao {
+    constructor (data, quantidade, valor) {
+        this._data = data;
+        this._quantidade = quantidade;
+        this._valor = valor;
+    }
+
+    get valor() {
+        return this._valor;
+    }
+
+    get data() {
+        return this._data;
+    }
+
+    get quantidade() {
+        return this._quantidade;
+    }
+
+    get volume() {
+        return this._quantidade * this._valor;
+    }
+}
diff --git a/client/app/index.js b/client/app/index.js
new file mode 100644
index 00000000..af3337a6
--- /dev/null
+++ b/client/app/index.js
@@ -0,0 +1,37 @@
+
+var campos = [
+    document.querySelector('#data'),
+    document.querySelector('#quantidade'),
+    document.querySelector('#valor')
+];
+
+console.log(campos);
+
+var tbody = document.querySelector('table tbody');
+
+document.querySelector('.form').addEventListener('submit', function(event) {
+    event.preventDefault();
+    var tr = document.createElement('tr');
+    
+    campos.forEach(function(campo) {
+        var td = document.createElement('td');      
+        td.textContent = campo.value;       
+        tr.appendChild(td);
+
+    })
+    
+    var tdVolume = document.createElement('td');
+    tdVolume.textContent =  campos[1].value * campos[2].value;
+    tr.appendChild(tdVolume);
+    tbody.appendChild(tr);
+    
+    campos[0].value = '';
+    campos[1].value = '1';
+    campos[2].value = '0';
+    campos[0].focus();
+    
+    
+});
+
+
+
diff --git a/client/css/bootstrap-theme.css b/client/css/bootstrap-theme.css
index ebe57fbf..56d42d3e 100755
--- a/client/css/bootstrap-theme.css
+++ b/client/css/bootstrap-theme.css
@@ -584,4 +584,4 @@ fieldset[disabled] .btn-danger.active {
   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
           box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
 }
-/*# sourceMappingURL=bootstrap-theme.css.map */
+# sourceMappingURL=bootstrap-theme.css.map 
diff --git a/client/css/bootstrap.css b/client/css/bootstrap.css
index 42c79d6e..42656651 100755
--- a/client/css/bootstrap.css
+++ b/client/css/bootstrap.css
@@ -6757,4 +6757,4 @@ button.close {
     display: none !important;
   }
 }
-/*# sourceMappingURL=bootstrap.css.map */
+/*# sourceMappingURL=bootstrap-theme.css.map*/
diff --git a/client/index.html b/client/index.html
index 32698782..b68a71a1 100755
--- a/client/index.html
+++ b/client/index.html
@@ -58,6 +58,19 @@ <h1 class="text-center">Negociações</h1>
         <tfoot>
         </tfoot>
     </table>
+    <script src='app/domain/negociacao/Negocioacao.js'></script>
+    <script>
+        
+        var n1 = new Negociacao(new Date(), 5, 700);
+        //var volume = n1.volume();
+        
+        console.log(
+            n1.data,
+            n1.quantidade, 
+            n1.valor, 
+            n1.volume
+        );
     
+    </script>
 </body>
 </html>
\ No newline at end of file

From 95a6445ed08b0907aef09b8ace849a098c430b91 Mon Sep 17 00:00:00 2001
From: Felipe Barbosa <61164497+K4MARAD4@users.noreply.github.com>
Date: Mon, 27 Apr 2020 20:35:21 -0300
Subject: [PATCH 2/2] commit

---
 client/app/domain/negociacao/Negocioacao.js |  1 +
 client/css/bootstrap-theme.css              |  2 +-
 client/css/bootstrap.css                    |  2 +-
 client/index.html                           | 10 +---------
 4 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/client/app/domain/negociacao/Negocioacao.js b/client/app/domain/negociacao/Negocioacao.js
index e1e24454..fc732e6c 100644
--- a/client/app/domain/negociacao/Negocioacao.js
+++ b/client/app/domain/negociacao/Negocioacao.js
@@ -3,6 +3,7 @@ class Negociacao {
         this._data = data;
         this._quantidade = quantidade;
         this._valor = valor;
+        Object.freeze(this);
     }
 
     get valor() {
diff --git a/client/css/bootstrap-theme.css b/client/css/bootstrap-theme.css
index 56d42d3e..2d46917c 100755
--- a/client/css/bootstrap-theme.css
+++ b/client/css/bootstrap-theme.css
@@ -584,4 +584,4 @@ fieldset[disabled] .btn-danger.active {
   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
           box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
 }
-# sourceMappingURL=bootstrap-theme.css.map 
+# sourceMappingURL=bootstrap-theme.css.map
diff --git a/client/css/bootstrap.css b/client/css/bootstrap.css
index 42656651..f7898853 100755
--- a/client/css/bootstrap.css
+++ b/client/css/bootstrap.css
@@ -6757,4 +6757,4 @@ button.close {
     display: none !important;
   }
 }
-/*# sourceMappingURL=bootstrap-theme.css.map*/
+# sourceMappingURL=bootstrap-theme.css.map
diff --git a/client/index.html b/client/index.html
index b68a71a1..dc4a326b 100755
--- a/client/index.html
+++ b/client/index.html
@@ -60,16 +60,8 @@ <h1 class="text-center">Negociações</h1>
     </table>
     <script src='app/domain/negociacao/Negocioacao.js'></script>
     <script>
-        
         var n1 = new Negociacao(new Date(), 5, 700);
-        //var volume = n1.volume();
-        
-        console.log(
-            n1.data,
-            n1.quantidade, 
-            n1.valor, 
-            n1.volume
-        );
+        console.log(n1.data, n1.quantidade, n1.valor, n1.volume);
     
     </script>
 </body>