-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsidepanel.php
139 lines (138 loc) · 5.05 KB
/
sidepanel.php
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
<div id="sidepanel">
<div id="profile">
<div class="wrap">
<img id="profile-img" src="dist/img/avatar33.png" class="online" alt="" />
<a href="profile.php"><p style="cursor:pointer;"><?php echo $name; ?></p></a>
<i class="fa fa-chevron-down expand-button" aria-hidden="true"></i>
<div id="status-options">
<ul>
<li id="status-online" class="active"><span class="status-circle"></span> <p>Online</p></li>
<li id="status-away"><span class="status-circle"></span> <p>Away</p></li>
<li id="status-busy"><span class="status-circle"></span> <p>Busy</p></li>
<li id="status-offline"><span class="status-circle"></span> <p>Offline</p></li>
</ul>
</div>
<div id="expanded">
<label for="twitter"><i class="fa fa-facebook fa-fw" aria-hidden="true"></i></label>
<input name="twitter" type="text" value="mikeross" />
<label for="twitter"><i class="fa fa-twitter fa-fw" aria-hidden="true"></i></label>
<input name="twitter" type="text" value="ross81" />
<label for="twitter"><i class="fa fa-instagram fa-fw" aria-hidden="true"></i></label>
<input name="twitter" type="text" value="mike.ross" />
</div>
</div>
</div>
<div id="search">
<label for=""><i class="fa fa-search" aria-hidden="true"></i></label>
<input type="text" placeholder="Search contacts..." />
</div>
<div id="contacts">
<ul>
<li class="contact">
<div class="wrap">
<span class="contact-status online"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Louis Litt</p>
<p class="preview">You just got LITT up, Mike.</p>
</div>
</div>
</li>
<li class="contact active">
<div class="wrap">
<span class="contact-status busy"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Harvey Specter</p>
<p class="preview">Wrong. You take the gun, or you pull out a bigger one. Or, you call their bluff. Or, you do any one of a hundred and forty six other things.</p>
</div>
</div>
</li>
<li class="contact">
<div class="wrap">
<span class="contact-status away"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Rachel Zane</p>
<p class="preview">I was thinking that we could have chicken tonight, sounds good?</p>
</div>
</div>
</li>
<li class="contact">
<div class="wrap">
<span class="contact-status online"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Donna Paulsen</p>
<p class="preview">Mike, I know everything! I'm Donna..</p>
</div>
</div>
</li>
<li class="contact">
<div class="wrap">
<span class="contact-status busy"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Jessica Pearson</p>
<p class="preview">Have you finished the draft on the Hinsenburg deal?</p>
</div>
</div>
</li>
<li class="contact">
<div class="wrap">
<span class="contact-status"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Harold Gunderson</p>
<p class="preview">Thanks Mike! :)</p>
</div>
</div>
</li>
<li class="contact">
<div class="wrap">
<span class="contact-status"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Daniel Hardman</p>
<p class="preview">We'll meet again, Mike. Tell Jessica I said 'Hi'.</p>
</div>
</div>
</li>
<li class="contact">
<div class="wrap">
<span class="contact-status busy"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Katrina Bennett</p>
<p class="preview">I've sent you the files for the Garrett trial.</p>
</div>
</div>
</li>
<li class="contact">
<div class="wrap">
<span class="contact-status"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Charles Forstman</p>
<p class="preview">Mike, this isn't over.</p>
</div>
</div>
</li>
<li class="contact">
<div class="wrap">
<span class="contact-status"></span>
<img src="dist/img/avatar33.png" alt="" />
<div class="meta">
<p class="name">Jonathan Sidwell</p>
<p class="preview"><span>You:</span> That's bullshit. This deal is solid.</p>
</div>
</div>
</li>
</ul>
</div>
<div id="bottom-bar">
<a href="index.php"><button id="settings"><i class="fa fa-comments" aria-hidden="true"></i> </button></a>
<button id="addcontact"><i class="fa fa-user-plus fa-fw" aria-hidden="true"></i></button>
<a href="settings.php"><button id="settings"><i class="fa fa-users" aria-hidden="true"></i></button></a>
<a href="settings.php"><button id="settings"><i class="fa fa-cog fa-spin" aria-hidden="true"></i> </button></a>
</div>