--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/client/controlpanel.html Mon Feb 13 18:22:23 2012 +0100
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <title>controlpanel</title>
+ <meta name="description" content="" />
+ <link rel="stylesheet" href="css/controlpanel.css" />
+ <script type="text/javascript">
+ $(function() {
+ });
+ </script>
+ </head>
+ <body>
+ <div id="btv-cp-container">
+ <div class="btv-cp-line">
+ <div class="btv-cp-element">
+ <h2>Bubble <b>TV</b></h2>
+ </div>
+ <div class="btv-cp-element" id="btv-cp-cont-filtre">
+ <h3>Rechercher/Filtrer</h3>
+ <input id="btv-cp-champ-filtre" />
+ <a href="#" id="btv-cp-clear-filtre">x</a>
+ </div>
+ <div class="btv-cp-element">
+ <h3>Derniers tweets</h3>
+ <ul class="btv-cp-liste-tweets" id="btv-cp-liste-tweets-tout">
+ <li>
+ <a title="Ajouter à la sélection" href="#">
+ <span class="btv-cp-tweet-date">17:59:12</span>
+ <span class="btv-cp-tweet-from">@machin</span>
+ <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
+ <div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
+ </a>
+ </li>
+ <li>
+ <a title="Ajouter à la sélection" href="#">
+ <span class="btv-cp-tweet-date">17:59:12</span>
+ <span class="btv-cp-tweet-from">@machin</span>
+ <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
+ <div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
+ </a>
+ </li>
+ <li>
+ <a title="Ajouter à la sélection" href="#">
+ <span class="btv-cp-tweet-date">17:59:12</span>
+ <span class="btv-cp-tweet-from">@machin</span>
+ <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
+ <div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
+ </a>
+ </li>
+ <li>
+ <a title="Ajouter à la sélection" href="#">
+ <span class="btv-cp-tweet-date">17:59:12</span>
+ <span class="btv-cp-tweet-from">@machin</span>
+ <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
+ <div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
+ </a>
+ </li>
+ <li>
+ <a title="Ajouter à la sélection" href="#">
+ <span class="btv-cp-tweet-date">17:59:12</span>
+ <span class="btv-cp-tweet-from">@machin</span>
+ <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
+ <div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
+ </a>
+ </li>
+ <li>
+ <a title="Ajouter à la sélection" href="#">
+ <span class="btv-cp-tweet-date">17:59:12</span>
+ <span class="btv-cp-tweet-from">@machin</span>
+ <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
+ <div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
+ </a>
+ </li>
+ </ul>
+ </div>
+ <div class="btv-cp-element">
+ <h3>Tweets sélectionnés</h3>
+ <ul class="btv-cp-liste-tweets" id="btv-cp-liste-tweets-tout">
+ <li>
+ <a title="Afficher à l'écran" href="#">
+ <span class="btv-cp-tweet-date">17:59:12</span>
+ <span class="btv-cp-tweet-from">@machin</span>
+ <span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
+ <div class="btv-cp-tweet-button btv-cp-tweet-show"></div>
+ </a>
+ </li>
+ </ul>
+ </div>
+ <div class="btv-cp-element btv-cp-cont-pause" id="btv-cp-cont-pause-amont">
+ <h3>Arrivée des tweets</h3>
+ <a class="btv-cp-play-pause btv-cp-status-pause" href="#"></a>
+ </div>
+ <div class="btv-cp-element btv-cp-cont-pause" id="btv-cp-cont-pause-aval">
+ <h3>Purge des colonnes</h3>
+ <a class="btv-cp-play-pause btv-cp-status-play" href="#"></a>
+ </div>
+ <div class="btv-cp-element btv-cp-compteur">
+ <h3>Nombre de tweets</h3>
+ <h4>17824</h4>
+ </div>
+ <div class="btv-cp-element btv-cp-compteur">
+ <h3>Temps écoulé</h3>
+ <h4>1:30:00</h4>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>