DatingWeb/ClientProfile.html at master · alexSFfeng/DatingWeb · 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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Test subjects</title>
  <link rel="stylesheet" href="./css/styleClient.css" />


</head>


<body>
  <div class="targetPage">
    <div id="clientMenu" class="clientMenu">
        <img id="clientPic" src="./images/Glados.jpg" alt="profilePic">
        <ul class="menuElements">
            <li><a class="sectionName" href="">TARGETS</a></li>
            <li><a class="sectionName" href="file:///Users/Xelafe/Documents/Winter18/CSE134B/DatingWeb/ClientTimeline.html">TIMELINE</a></li>
        </ul>
    </div>

    <h3 id="headerTargets">Targets</h3>
    <div class="targets">
      <div class="completedTargets" id = "target1" onclick="highLight(this)">
        <h4 class="wanted">WANTED</h4>
        <img src="./images/emptyProfile.png" alt="WheatlyPic">
        <h6 class="singleOrNot">Single or Not</h6>
        <h5 class="targetName">Wheatly</h5>
      </div>

      <div class="completedTargets" id = "target2" onclick="highLight(this)" >
        <h4 class="wanted">WANTED</h4>
        <img src="./images/emptyProfile.png" alt="target2Pic">
        <h6 class="singleOrNot">Single or Not</h6>
        <h5 class="targetName">Alice</h5>
      </div>

      <div class="pendingTargets" id="pendingTarget" >
        <h4 class="PENDING">PENDING</h4>
        <img src="./images/emptyProfile.png" alt="chellPic">
        <h6 class="singleOrNot">Single or Not</h6>
        <h5 class = "targetName" id="pendingName">Chell</h5>
      </div>

      <div class="addTarget">
        <h4 id="AddTarget">Add Target</h4>
        <button type="button" class= "addButton" id="addB" onclick="popAddpage()" >+</button>
      </div>

    </div>

    <div class="popup_Info" id="popupPage">
      <span class="close" id="closeLabel" onclick="closePop()">&times;</span>
      <div class="targetPics">
        <img id="targetPics" src="./images/emptyProfile.png" alt="clientPic">
      </div>
      <h5 id="Status">Status</h5>
      <div class="status">
        <button type="button" class="drop">DROP</button>
        <button class="enroll">ENROLL</button>
        <button class="waitlist">WAITLIST</button>
      </div>
      <div class="info" id="info">
        <label>Name</label>

        <label>Birthday</label>
        <input placeholder="Enter name" name="targetName" required id="newName">
        <input placeholder="Enter birthday" name="targetBirthday" required>
        <label>Email</label>

        <label>Phone</label>
        <input placeholder="Enter email" name="targetEmail" required>
        <input placeholder="format XXX-XXX-XXXX" name="targetNumber">
        <label>Facebook</label>

        <label>Instagram</label>
        <input placeholder="Enter Facebook" name="targetFacebook">
        <input placeholder="Enter Instagram" name="targetInstagram">
        <label id="addressL">Address</label>
        <input id="addressI" placeholder="Enter address" name="targetAddress">
        <label id="hobbiesL">Hobbies</label>
        <textarea id="hobbiesI" placeholder="List all hobbies that you know the target has"></textarea>
      </div>

      <h5 id="rankL">Rank</h5>
      <select class="rank">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>

      <button type="submit" id="submit" onclick="submitForm()">submit</button>
    </div>
  </div>

  <div class="chat" id="chatBox" >
    <span class="chatTitle" onclick="chatToggle()">Need Advice?</span>
    <span class="open" id="openS" onclick="chatToggle()">&plus;</span>
    <span class="close" id="closeS" onclick="chatToggle()">&minus;</span>
      <div id="chatLog">
        <div id="chat">
          <div class="container sender">
              <img src="./images/cat.jpg" alt="client avatar"/>
              <p class="response">Hi, I think we need a new plan...</p>
          </div>
          <div class="container">
              <img src="./images/lovebots.jpg" alt="agent avatar" class="right"/>
              <p class="response">How can I help you?</p>
          </div>
        </div>
        <div id="sendMessage">
            <textarea placeholder="Type in your message here..." id="message"
            rows="5" wrap="soft" spellcheck="true"></textarea>
            <button id="sendBttn" onclick="newMessage()">&larr;</button>
        </div>
      </div>
  </div>

  <script src="./js/clientProfile.js"></script>
</body>

</html>