IPTech-Website/ipScript2.js at master · ericp400/IPTech-Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
//
// var deadline = new Date();
// // console.log(deadline.getFullYear());
// // console.log(deadline.getMonth());
// // console.log(deadline.getDate());
// // console.log(deadline.getDay());
// // console.log(deadline.getHours());
// // console.log(deadline.getUTCHours());
// // console.log(deadline.toString());
// // console.log(deadline.toUTCString());
// console.log(deadline.toLocaleDateString());
// console.log(deadline.toLocaleTimeString());
// // console.log(deadline.toISOString());


    var IPDOMstrings = {
      menuIconRep: '.activeMenuIcon',
      activeOnClickingRep:'.menubar',
      removeMenuBarRep: '.removeMenuBar',
      topBtnRep: '.menubar',
      ceoDPRep: '.ceoDP',
      ceoDPClickedRep: '.ceoDPClicked',
      ceo2DPRep: '.ceo2DP',
      ceo2DPClickedRep: '.ceo2DPClicked',
      submitBtnRep: '.submitBtn',
      emailBoxRep: '.emailBox',
      phoneNumberBoxRep: '.phoneNumberBox',
      textAreaBoxRep: '.textAreaBox',
      submitMsgRep: '.submitMsg',
      declineMsg: '.notSendMsg',
      dateLabelRep: '.dateLabel',
      topSectionRep: '.topSection',
      topSectionRep: '.topSection',
      activeMenuIconRep: '.activeMenuIcon',
      iplogoRep: '.iplogo',
      dateLabelRep: '.dateLabel',
      placeOrderRep: '.placeOrder'


    };

    var inputFields = {
      inputEmail: document.querySelector(IPDOMstrings.emailBoxRep).value,
      inputPhoneNumber: document.querySelector(IPDOMstrings.phoneNumberBoxRep).value,
      messageInput: document.querySelector(IPDOMstrings.textAreaBoxRep).value
    };

// input.description !== "" && !isNaN(input.value) && input.value > 0

    // var showMessage = function(){
    //   document.querySelector(IPDOMstrings.submitBtnRep).addEventListener('click', function(){
    //     if(!isNaN(inputFields.inputPhoneNumber)){
    //       document.querySelector(IPDOMstrings.submitMsgRep).style.display = 'block';
    //       // document.querySelector(IPDOMstrings.declineMsg).style.display = 'none';
    //       // clearFields();
    //
    //     }else {
    //       document.querySelector(IPDOMstrings.declineMsg).style.display = 'block';
    //       // document.querySelector(IPDOMstrings.submitMsgRep).style.display = 'none';
    //       // clearFields();
    //     }
    //
    //   });
    // };
    // showMessage();


    var displayDate = function(){
      let monthArray, curYear, today, month, dayDate, time;

      monthArray = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec']

      today = new Date();
      month = today.getMonth();
      month = monthArray[month];
      dayDate = today.getDate();
      curYear = today.getFullYear();

      time = today.toLocaleTimeString();

      // console.log(`Today ${dayDate}/${month}/${curYear}`);
      document.querySelector(IPDOMstrings.dateLabelRep).textContent = `Today: ${dayDate} ${month} ${curYear} at ${time}`;
    };
    displayDate();

var actionOnClicking = function(){
      //Showing MenuBar after click
      document.querySelector(IPDOMstrings.menuIconRep).addEventListener('click', function(){
        document.querySelector(IPDOMstrings.activeOnClickingRep).style.display = 'block';
      });

      //Removing Menu Bar after clicking anywhere else
      document.querySelector(IPDOMstrings.removeMenuBarRep).addEventListener('click', function(){
        document.querySelector(IPDOMstrings.activeOnClickingRep).style.display = 'none';
      });
      // document.querySelector(IPDOMstrings.topBtnRep).addEventListener('click', function(){
      //   document.querySelector(IPDOMstrings.activeOnClickingRep).style.display = 'none';
      // });
      document.querySelector(IPDOMstrings.iplogoRep).addEventListener('click', function(){
        document.querySelector(IPDOMstrings.activeOnClickingRep).style.display = 'none';
      });
      document.querySelector(IPDOMstrings.dateLabelRep).addEventListener('click', function(){
        document.querySelector(IPDOMstrings.activeOnClickingRep).style.display = 'none';
      });
      document.querySelector(IPDOMstrings.placeOrderRep).addEventListener('click', function(){
        document.querySelector(IPDOMstrings.activeOnClickingRep).style.display = 'none';
      });

      //Toggling The DPs after a click
      document.querySelector(IPDOMstrings.ceoDPRep).addEventListener('click', function(){
        document.querySelector(IPDOMstrings.ceoDPClickedRep).style.display = 'block';
      });

      document.querySelector(IPDOMstrings.ceo2DPRep).addEventListener('click', function(){
        document.querySelector(IPDOMstrings.ceo2DPClickedRep).style.display = 'block';
      });

      document.querySelector(IPDOMstrings.submitBtnRep).addEventListener('click', function(){
        if(inputFields.messageInput === "" && inputFields.inputEmail === ""){
          document.querySelector(IPDOMstrings.declineMsg).style.display = 'block';
          clearFields();
        }else {
          document.querySelector(IPDOMstrings.submitMsgRep).style.display = 'block';
        }
      });

      document.querySelector(IPDOMstrings.submitMsgRep).addEventListener('click', function(){
      resettingPage();
      });
      document.querySelector(IPDOMstrings.declineMsg).addEventListener('click', function(){
      resettingPage();
      });
};
 actionOnClicking();

var clearFields = function(){
      var fields, fieldsArr;

      fields = document.querySelectorAll(IPDOMstrings.emailBoxRep + ', ' + IPDOMstrings.phoneNumberBoxRep + ', ' + IPDOMstrings.textAreaBoxRep);

      fieldsArr = Array.prototype.slice.call(fields)

      fieldsArr.forEach(function(current, index, array){
        current.value = "";
      });
    };
    clearFields();


    var resettingPage = function(){
      document.querySelector(IPDOMstrings.activeOnClickingRep).style.display = 'none';
      document.querySelector(IPDOMstrings.submitMsgRep).style.display = 'none';
      document.querySelector(IPDOMstrings.declineMsg).style.display = 'none';
      clearFields();
      displayDate();
    };
    resettingPage();