|
1 <!DOCTYPE html> |
|
2 <html lang="en"> |
|
3 <head> |
|
4 <meta charset="utf-8" /> |
|
5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
|
6 <title>controlpanel</title> |
|
7 <meta name="description" content="" /> |
|
8 <link rel="stylesheet" href="css/controlpanel.css" /> |
|
9 <script type="text/javascript"> |
|
10 $(function() { |
|
11 }); |
|
12 </script> |
|
13 </head> |
|
14 <body> |
|
15 <div id="btv-cp-container"> |
|
16 <div class="btv-cp-line"> |
|
17 <div class="btv-cp-element"> |
|
18 <h2>Bubble <b>TV</b></h2> |
|
19 </div> |
|
20 <div class="btv-cp-element" id="btv-cp-cont-filtre"> |
|
21 <h3>Rechercher/Filtrer</h3> |
|
22 <input id="btv-cp-champ-filtre" /> |
|
23 <a href="#" id="btv-cp-clear-filtre">x</a> |
|
24 </div> |
|
25 <div class="btv-cp-element"> |
|
26 <h3>Derniers tweets</h3> |
|
27 <ul class="btv-cp-liste-tweets" id="btv-cp-liste-tweets-tout"> |
|
28 <li> |
|
29 <a title="Ajouter à la sélection" href="#"> |
|
30 <span class="btv-cp-tweet-date">17:59:12</span> |
|
31 <span class="btv-cp-tweet-from">@machin</span> |
|
32 <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span> |
|
33 <div class="btv-cp-tweet-button btv-cp-tweet-add"></div> |
|
34 </a> |
|
35 </li> |
|
36 <li> |
|
37 <a title="Ajouter à la sélection" href="#"> |
|
38 <span class="btv-cp-tweet-date">17:59:12</span> |
|
39 <span class="btv-cp-tweet-from">@machin</span> |
|
40 <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span> |
|
41 <div class="btv-cp-tweet-button btv-cp-tweet-add"></div> |
|
42 </a> |
|
43 </li> |
|
44 <li> |
|
45 <a title="Ajouter à la sélection" href="#"> |
|
46 <span class="btv-cp-tweet-date">17:59:12</span> |
|
47 <span class="btv-cp-tweet-from">@machin</span> |
|
48 <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span> |
|
49 <div class="btv-cp-tweet-button btv-cp-tweet-add"></div> |
|
50 </a> |
|
51 </li> |
|
52 <li> |
|
53 <a title="Ajouter à la sélection" href="#"> |
|
54 <span class="btv-cp-tweet-date">17:59:12</span> |
|
55 <span class="btv-cp-tweet-from">@machin</span> |
|
56 <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span> |
|
57 <div class="btv-cp-tweet-button btv-cp-tweet-add"></div> |
|
58 </a> |
|
59 </li> |
|
60 <li> |
|
61 <a title="Ajouter à la sélection" href="#"> |
|
62 <span class="btv-cp-tweet-date">17:59:12</span> |
|
63 <span class="btv-cp-tweet-from">@machin</span> |
|
64 <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span> |
|
65 <div class="btv-cp-tweet-button btv-cp-tweet-add"></div> |
|
66 </a> |
|
67 </li> |
|
68 <li> |
|
69 <a title="Ajouter à la sélection" href="#"> |
|
70 <span class="btv-cp-tweet-date">17:59:12</span> |
|
71 <span class="btv-cp-tweet-from">@machin</span> |
|
72 <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span> |
|
73 <div class="btv-cp-tweet-button btv-cp-tweet-add"></div> |
|
74 </a> |
|
75 </li> |
|
76 </ul> |
|
77 </div> |
|
78 <div class="btv-cp-element"> |
|
79 <h3>Tweets sélectionnés</h3> |
|
80 <ul class="btv-cp-liste-tweets" id="btv-cp-liste-tweets-tout"> |
|
81 <li> |
|
82 <a title="Afficher à l'écran" href="#"> |
|
83 <span class="btv-cp-tweet-date">17:59:12</span> |
|
84 <span class="btv-cp-tweet-from">@machin</span> |
|
85 <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span> |
|
86 <div class="btv-cp-tweet-button btv-cp-tweet-show"></div> |
|
87 </a> |
|
88 </li> |
|
89 </ul> |
|
90 </div> |
|
91 <div class="btv-cp-element btv-cp-cont-pause" id="btv-cp-cont-pause-amont"> |
|
92 <h3>Arrivée des tweets</h3> |
|
93 <a class="btv-cp-play-pause btv-cp-status-pause" href="#"></a> |
|
94 </div> |
|
95 <div class="btv-cp-element btv-cp-cont-pause" id="btv-cp-cont-pause-aval"> |
|
96 <h3>Purge des colonnes</h3> |
|
97 <a class="btv-cp-play-pause btv-cp-status-play" href="#"></a> |
|
98 </div> |
|
99 <div class="btv-cp-element btv-cp-compteur"> |
|
100 <h3>Nombre de tweets</h3> |
|
101 <h4>17824</h4> |
|
102 </div> |
|
103 <div class="btv-cp-element btv-cp-compteur"> |
|
104 <h3>Temps écoulé</h3> |
|
105 <h4>1:30:00</h4> |
|
106 </div> |
|
107 </div> |
|
108 </div> |
|
109 |
|
110 </body> |
|
111 </html> |