@@ -202,139 +202,4 @@ <h4 class="text-muted text-thin">Language</h4>
202202 </ select >
203203 </ div >
204204 </ tab >
205- < tab >
206- < ng-template tabHeading >
207- < em class ="icon-user fa-lg "> </ em >
208- </ ng-template >
209- < h3 class ="text-center text-thin mt-4 "> Connections</ h3 >
210- < div class ="list-group ">
211- <!-- START list title-->
212- < div class ="list-group-item border-0 ">
213- < small class ="text-muted "> ONLINE</ small >
214- </ div >
215- <!-- END list title-->
216- < div class ="list-group-item list-group-item-action border-0 ">
217- < div class ="media ">
218- < img class ="align-self-center mr-3 rounded-circle thumb48 " src ="assets/img/user/05.jpg " alt ="Image ">
219- < div class ="media-body text-truncate ">
220- < a href ="# ">
221- < strong > Juan Sims</ strong >
222- </ a >
223- < br >
224- < small class ="text-muted "> Designeer</ small >
225- </ div >
226- < div class ="ml-auto ">
227- < span class ="circle bg-success circle-lg "> </ span >
228- </ div >
229- </ div >
230- </ div >
231- < div class ="list-group-item list-group-item-action border-0 ">
232- < div class ="media ">
233- < img class ="align-self-center mr-3 rounded-circle thumb48 " src ="assets/img/user/06.jpg " alt ="Image ">
234- < div class ="media-body text-truncate ">
235- < a href ="# ">
236- < strong > Maureen Jenkins</ strong >
237- </ a >
238- < br >
239- < small class ="text-muted "> Designeer</ small >
240- </ div >
241- < div class ="ml-auto ">
242- < span class ="circle bg-success circle-lg "> </ span >
243- </ div >
244- </ div >
245- </ div >
246- < div class ="list-group-item list-group-item-action border-0 ">
247- < div class ="media ">
248- < img class ="align-self-center mr-3 rounded-circle thumb48 " src ="assets/img/user/07.jpg " alt ="Image ">
249- < div class ="media-body text-truncate ">
250- < a href ="# ">
251- < strong > Billie Dunn</ strong >
252- </ a >
253- < br >
254- < small class ="text-muted "> Designeer</ small >
255- </ div >
256- < div class ="ml-auto ">
257- < span class ="circle bg-danger circle-lg "> </ span >
258- </ div >
259- </ div >
260- </ div >
261- < div class ="list-group-item list-group-item-action border-0 ">
262- < div class ="media ">
263- < img class ="align-self-center mr-3 rounded-circle thumb48 " src ="assets/img/user/08.jpg " alt ="Image ">
264- < div class ="media-body text-truncate ">
265- < a href ="# ">
266- < strong > Tomothy Roberts</ strong >
267- </ a >
268- < br >
269- < small class ="text-muted "> Designeer</ small >
270- </ div >
271- < div class ="ml-auto ">
272- < span class ="circle bg-warning circle-lg "> </ span >
273- </ div >
274- </ div >
275- </ div >
276- <!-- START list title-->
277- < div class ="list-group-item border-0 ">
278- < small class ="text-muted "> OFFLINE</ small >
279- </ div >
280- <!-- END list title-->
281- < div class ="list-group-item list-group-item-action border-0 ">
282- < div class ="media ">
283- < img class ="align-self-center mr-3 rounded-circle thumb48 " src ="assets/img/user/09.jpg " alt ="Image ">
284- < div class ="media-body text-truncate ">
285- < a href ="# ">
286- < strong > Lawrence Robinson</ strong >
287- </ a >
288- < br >
289- < small class ="text-muted "> Designeer</ small >
290- </ div >
291- < div class ="ml-auto ">
292- < span class ="circle bg-warning circle-lg "> </ span >
293- </ div >
294- </ div >
295- </ div >
296- < div class ="list-group-item list-group-item-action border-0 ">
297- < div class ="media ">
298- < img class ="align-self-center mr-3 rounded-circle thumb48 " src ="assets/img/user/10.jpg " alt ="Image ">
299- < div class ="media-body text-truncate ">
300- < a href ="# ">
301- < strong > Tyrone Owens</ strong >
302- </ a >
303- < br >
304- < small class ="text-muted "> Designeer</ small >
305- </ div >
306- < div class ="ml-auto ">
307- < span class ="circle bg-warning circle-lg "> </ span >
308- </ div >
309- </ div >
310- </ div >
311- </ div >
312- < div class ="px-3 py-4 text-center ">
313- <!-- Optional link to list more users-->
314- < a class ="btn btn-purple btn-sm " href ="# " title ="See more contacts ">
315- < strong > Load more..</ strong >
316- </ a >
317- </ div >
318- <!-- Extra items-->
319- < div class ="px-3 py-2 ">
320- < p >
321- < small class ="text-muted "> Tasks completion</ small >
322- </ p >
323- < div class ="progress progress-xs m-0 ">
324- < div class ="progress-bar bg-success " role ="progressbar " aria-valuenow ="80 " aria-valuemin ="0 " aria-valuemax ="100 " style ="width: 80%; ">
325- < span class ="sr-only "> 80% Complete</ span >
326- </ div >
327- </ div >
328- </ div >
329- < div class ="px-3 py-2 ">
330- < p >
331- < small class ="text-muted "> Upload quota</ small >
332- </ p >
333- < div class ="progress progress-xs m-0 ">
334- < div class ="progress-bar bg-warning " role ="progressbar " aria-valuenow ="40 " aria-valuemin ="0 " aria-valuemax ="100 " style ="width: 40%; ">
335- < span class ="sr-only "> 40% Complete</ span >
336- </ div >
337- </ div >
338- </ div >
339- </ tab >
340205</ tabset >
0 commit comments