style (components): this.stat -> this.state

AveWycc220 · Jan 19, 2021 · 48fb8d9 · 48fb8d9
1 parent f474446
commit 48fb8d9
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 23 deletions.
diff --git a/dist/main.bundle.js b/dist/main.bundle.js
diff --git a/src/components/base.js b/src/components/base.js
@@ -1,5 +1,5 @@
 export default class Basement {
-  stat = {}
+  state = {}
 
   constructor({apiWorker = undefined, node = undefined, typeOfElement = undefined, insert=undefined,
                 insertElement=undefined, cookieWorker = undefined, childComponents = undefined,
@@ -14,7 +14,7 @@ export default class Basement {
     this.init()
 
     const propThis = this
-    this.stat = new Proxy(this.stat, {
+    this.state = new Proxy(this.state, {
       set(target, property, value) {
         target[property] = value
         propThis.push()

diff --git a/src/components/loginPage/emailInput.js b/src/components/loginPage/emailInput.js
@@ -9,17 +9,17 @@ export default class EmailInput extends Basement {
     this.mainBasement.placeholder = 'Email'
     this.mainBasement.setAttribute('maxlength', '50')
     this.mainBasement.autocomplete = 'on'
-    this.stat.length = 0
+    this.state.length = 0
   }
 
   events() {
     document.addEventListener('input', e => {
-      this.stat.length = this.mainBasement.value.length
+      this.state.length = this.mainBasement.value.length
     })
   }
 
   render() {
-    if (this.stat.length === 0) { this.mainBasement.style.border = '2px solid red' }
+    if (this.state.length === 0) { this.mainBasement.style.border = '2px solid red' }
     else { this.mainBasement.style = null }
   }
 }
diff --git a/src/components/loginPage/infoDiv.js b/src/components/loginPage/infoDiv.js
@@ -3,21 +3,21 @@ import Basement from '../base'
 export default class InfoDiv extends Basement {
   init() {
     this.mainBasement.classList.add('info')
-    this.stat.info = ''
+    this.state.info = ''
   }
 
   events() {
     document.addEventListener('userExist', e => {
-      this.stat.info = e.type
+      this.state.info = e.type
     })
     document.addEventListener('wrongData', e => {
-      this.stat.info = e.type
+      this.state.info = e.type
     })
   }
 
   render() {
-    if (!this.stat.info) { return '' }
-    else if (this.stat.info === 'userExist') { return 'User is Already Exist' }
-    else if (this.stat.info === 'wrongData') { return 'Wrong Email or Password' }
+    if (!this.state.info) { return '' }
+    else if (this.state.info === 'userExist') { return 'User is Already Exist' }
+    else if (this.state.info === 'wrongData') { return 'Wrong Email or Password' }
   }
 }
diff --git a/src/components/loginPage/passwordInput.js b/src/components/loginPage/passwordInput.js
@@ -8,17 +8,17 @@ export default class PasswordInput extends Basement {
     this.mainBasement.name = 'password'
     this.mainBasement.placeholder = 'Password'
     this.mainBasement.setAttribute('maxlength', '50')
-    this.stat.length = 0
+    this.state.length = 0
   }
 
   events() {
     document.addEventListener('input', e => {
-      this.stat.length = this.mainBasement.value.length
+      this.state.length = this.mainBasement.value.length
     })
   }
 
   render() {
-    if (this.stat.length === 0) { this.mainBasement.style.border = '2px solid red' }
+    if (this.state.length === 0) { this.mainBasement.style.border = '2px solid red' }
     else { this.mainBasement.style = null }
   }
 }
diff --git a/src/components/loginPage/userInput.js b/src/components/loginPage/userInput.js
@@ -9,17 +9,17 @@ export default class UserInput extends Basement {
     this.mainBasement.placeholder = 'UserName'
     this.mainBasement.setAttribute('maxlength', '100')
     this.mainBasement.style.display = 'none'
-    this.stat.length = 0
+    this.state.length = 0
   }
 
   events() {
     document.addEventListener('input', e => {
-      this.stat.length = this.mainBasement.value.length
+      this.state.length = this.mainBasement.value.length
     })
   }
 
   render() {
-    if (this.stat.length === 0) { this.mainBasement.style.border = '2px solid red' }
+    if (this.state.length === 0) { this.mainBasement.style.border = '2px solid red' }
     else { this.mainBasement.style = null }
   }
 }
diff --git a/src/components/mainPage/messageList.js b/src/components/mainPage/messageList.js
@@ -33,17 +33,17 @@ export default class MessageList extends Basement {
       const message = document.createElement('div')
       message.classList.add('message')
       message.id = this.lastId
-      const isMyMessage = this.cookieWorker.getCookie('name') === this.stat[this.lastId].name
+      const isMyMessage = this.cookieWorker.getCookie('name') === this.state[this.lastId].name
       isMyMessage ? message.classList.add('my') : message.classList.add('someone')
       message.innerHTML =
         `<div class="control"> 
-             <p class="nickname">${this.stat[this.lastId].name}</p>
+             <p class="nickname">${this.state[this.lastId].name}</p>
              ${isMyMessage ? btnList : ''}
            </div>
            <p class="time">
-              ${new Date(+this.stat[this.lastId].time).toString().split(' ').slice(1, 5).join(' ')}
+              ${new Date(+this.state[this.lastId].time).toString().split(' ').slice(1, 5).join(' ')}
            </p>
-           <p class="message-text">${this.stat[this.lastId].message}</p>`
+           <p class="message-text">${this.state[this.lastId].message}</p>`
       return message
     }
     return ''
@@ -52,7 +52,7 @@ export default class MessageList extends Basement {
   _readMessages() {
     this.apiWorker.messageList.forEach((item) => {
       this.lastId = item.id
-      this.stat[item.id] = item
+      this.state[item.id] = item
     })
   }
 }