<?php
if(!isset($_REQUEST['rep'])) {
include_once dirname(__FILE__).'/common.php';
header('Location: ' . URL_ROOT . "$C_default_rep/client.php" );
exit();
}
$rep = $_REQUEST['rep'];
include_once dirname(__FILE__).'/'.$rep.'/config.php';
include_once 'common.php';
/**
* Do we already have a valid Access Token or need to go get one?
*/
if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
/**
* Guess we need to go get one!
*/
$token = $consumer->getRequestToken();
$_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);
/**
* Now redirect user to Twitter site so they can log in and
* approve our access
*/
$consumer->redirect();
}
$big_visual_url = URL_ROOT."/$rep/images/big_visuel_rsln_mb.jpg";
if($translate->_('config__client_visual') != 'config__client_visual' && $translate->_('config__client_visual') != null ) {
$big_visual_url = URL_ROOT."$rep/".$translate->_('config__client_visual');
}
$head_logo = URL_ROOT."$rep/images/head_logo.gif";
if($translate->_('config__head_logo') != 'config__head_logo' && $translate->_('config__head_logo') != null ) {
$head_logo = URL_ROOT."$rep/".$translate->_('config__head_logo');
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="<?php echo($actual); ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Live Video and Annotation</title>
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<!-- FONT -->
<link href='<?php echo(registry_url('PT-Sans_Narrow','font'))?>' rel='stylesheet' type='text/css'>
<link href='<?php echo(registry_url('PT-Sans','font'))?>' rel='stylesheet' type='text/css'>
<!-- CSS -->
<link rel="stylesheet" href="<?php echo(registry_url('fancybox','css'));?>" type="text/css" media="screen">
<link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>" type="text/css" media="screen, projection"/>
<!-- JAVASCRIPT -->
<script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
<script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script>
<script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script>
<script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script>
<script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
<script type="text/javascript" src="<?php echo(registry_url('fancybox','js'))?>"></script>
<script type="text/javascript" src="<?php echo(registry_url('twcx-standalone','js'))?>"></script>
<script type="text/javascript" src="<?php echo(registry_url('twcx-main','js'))?>"></script>
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript">
l10n = { "rechercher" : "<?php echo $translate->_('Rechercher'); ?>" }
function add_grammar(value) {
var _st = $('#status'),
_val = _st.val();
_st.val( _val + ( _val[_val.length - 1] == " " ? "" : " " ) + value ).change();
}
$(document).ready(function() {
setTimeout(function() {
$.scrollTo(70, 1000);
}, 2000);
$("#accordeon li.acctitre").click(function() {
$("#accordeon li.acctexte").slideToggle();
})
//$("txt").hide();
$(".loginbutton").click(function() {
document.location.href="<?php echo(URL_ROOT.$rep); ?>/client.php?CONNECT=true";
});
$("#IDENTIFIER").click(function() {
document.location.href="<?php echo(URL_ROOT.$rep); ?>/client.php?CONNECT=true";
});
// BUTTONS
$(".tweetButton").click(function() {
add_grammar($(this).text());
})
// SEND TWEETS
$("#sendTweet").click(function(){
var MyStatus = $('#status').val();
$.post('tweet_ajax.php', {status:MyStatus}
,function(data) {
if(data=="true"){
$("#messageSuccess").show('fast');
$("#messageSuccess").delay(800).hide('slow');
$('#status').val("<?php echo($config['hashtag']); ?>");
$('#status').change();
}else{
$("#error").text(data);
$("#messageFailed").show('fast');
$("#messageFailed").delay(800).hide('slow');
}
});
});
$("#status").bind("change keyup paste blur focus",function() {
newval = 140-$("#status").val().length;
$('#tweetCounter').val(newval);
if(newval < 0) {
$('#tweetCounter').addClass("tweetCounterNegative");
}
else {
$('#tweetCounter').removeClass("tweetCounterNegative");
}
});
$("#Program").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
//<!-- LIMIT TEXTAREA:
function imposemax(obj) {
obj.value = obj.value.substr(0,140);
};
// End -->
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23581291-1']);
_gaq.push(['_trackPageview']);
_gaq.push(['_setAllowAnchor', true]);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="sendUsFeedBack"><a href="<?php echo($C_feedback_form_url); ?>" target="_blank"><img src="<?php echo(URL_ROOT); ?>images/sendusfeedback.png"></a></div>
<div id="container">
<div id="colgauche">
<div class="barre">
<img id="headlogo" src="<?php echo($head_logo); ?>" width="171" height="63" />
<div id="minilogo"></div>
<ul class="menu">
<li>
<a href="<?php echo(URL_ROOT); ?>" class="menuLink">
<?php print $translate->_("Accueil"); ?>
</a>
</li>
<li>
<a href="<?php echo($translate->_('config__link')); ?>" class="menuLink" target="_blank" id='Program'>
<?php print $translate->_("Programme"); ?>
</a>
</li>
<li>
<a href="../about.php" class="menuLink" >
<?php print $translate->_("A propos"); ?>
</a>
</li>
</ul>
<ul class="menu">
<li>
<a href="<?php URL_ROOT ?>client.php?lang=ja_JP" class="menuLink" >
<img src='<?php echo(URL_ROOT); ?>images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
<?php print $translate->_("Japonais"); ?>
</a></li>
<li>
<a href="<?php URL_ROOT ?>client.php?lang=fr" class="menuLink">
<img src='<?php echo(URL_ROOT); ?>images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
<?php print $translate->_("Français"); ?>
</a>
</li>
<li>
<a href="<?php URL_ROOT ?>client.php?lang=en" class="menuLink">
<img src='<?php echo(URL_ROOT); ?>images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> />
<?php print $translate->_("Anglais"); ?>
</a>
</li>
</ul>
</div>
<div id="twwWrap">
<div id="tweetWriter">
<h3 class="tweetWriterTitle"><?php print $translate->_("ClientTitle1 :"); ?></h3>
<form action="tweet.php" method="post" id="statusform" >
<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
echo("<div class='loginbutton'><a href='".URL_ROOT."$rep/client.php?CONNECT=true' class='loginlink'>".$translate->_("Vous n'êtes pas connecté.")."</a></div>");
} else {
echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='imposemax(this);'>$config[hashtag]</textarea>");
}
?>
<div id="messageSuccess" style="background-color:lightgreen; display: none;">
<?php print $translate->_("Envoyé"); ?><br/><br/>
</div>
<div id="messageFailed" style="background-color:red; display: none;">
<?php print $translate->_("Erreur1"); ?><div id="error"> </div><br/><br/>
</div>
<a href="#" id="sendTweet" >
<span><?php print $translate->_("Envoyer"); ?></span>
</a>
<?php if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])): ?>
<input id="tweetCounter" value="<?php echo(140-strlen($config['hashtag']));?>" disabled="disabled" size="3"/>
<?php endif;?>
<a id="positive" title="<?php echo $translate->_('Agree'); ?>" class="tweetButton">++</a>
<a id="negative" title="<?php echo $translate->_('Disagree'); ?>" class="tweetButton">--</a>
<a id="reference" title="<?php echo $translate->_('Reference'); ?>" class="tweetButton">==</a>
<a id="question" title="<?php echo $translate->_('Question'); ?>" class="tweetButton"> ??</a>
<div style="clear: both;"></div>
</form>
</div>
</div>
<div id="tweetviz">
<div class="barre">
<form id="recherche">
<input autocomplete="off" class="greyed" id="inp_q" value="<?php echo $translate->_('Rechercher'); ?>" />
<input id="inp_submit" type="submit" />
<input id="inp_reset" type="reset" />
<div id="time_controls">
<div id="time_legende"></div>
<div id="time_scale"></div>
<a href="#" id="time_zoomout"></a>
<a href="#" id="time_zoomin"></a>
</div>
<div id="recherche_annot">
<?php echo $translate->_('SearchByPolemic'); ?> : <span id="rech_list_annot"></span><br />
</div>
</form>
</div>
<ul id="tweetlist"></ul>
<div id="timeline"></div>
<div id="scrollcont">
<div id="scrollin"></div>
</div>
</div>
</div>
<div id="coldroite">
<div id="vlWrap">
<div id="videoLivePlayer">
<?php if ($config['islive']):?>
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="480" height="320">
<param name="movie" value="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="autostart=true&live=true&image=<?php echo($big_visual_url); ?>&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&controlbar=none&autostart=true" />
<embed
type="application/x-shockwave-flash"
id="player2"
name="player2"
src="<?php echo(URL_ROOT); ?>res/mediaplayer/player.swf"
width="480"
height="320"
allowscriptaccess="always"
allowfullscreen="true"
wmode="transparent"
flashvars="autostart=true&live=true&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&image=<?php echo($big_visual_url); ?>&controlbar=none&autostart=true"
/>
</object>
<?php elseif(isset($config['islive_embed']) && count($config['islive_embed'])>0):?>
<?php echo($config['islive_embed']); ?>
<?php else: ?>
<img src="<?php echo($big_visual_url); ?>" width="480" height="320" />
<?php endif; ?>
</div>
</div>
<div id="out_fleche">
<!-- <div id="in_fleche"></div> -->
</div>
<ul id="accordeon">
<li class="acctitre">
<h3><?php echo($translate->_('config__title')); ?></h3>
</li>
<li class="acctexte">
<p><?php echo($translate->_('config__description')); ?></p>
</li>
<li class="acctitre">
<h3><?php echo($translate->_('keywords')); ?></h3>
</li>
<li class="acctexte hidden">
<div class="accsubtitle">
<div class="aroundsubtitle">
<h4><?php echo($translate->_('suggested')); ?></h4>
</div>
</div>
<div class="tagcloud" id="suggkw"></div>
</li>
<li class="acctexte hidden">
<div class="accsubtitle">
<div class="aroundsubtitle">
<h4><?php echo($translate->_('contextual')); ?></h4>
</div>
</div>
<div class="tagcloud" id="motscles"></div>
</li>
<li class="acctitre">
<h3>
<a href="../sweet-tweet" target="_blank">Visualisation par thèmes "Sweet Tweets"</a>
</h3>
</li>
</ul>
</div>
<div class="footer">
<hr />
<?php
echo($translate->_('config__partenaires'));
if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
echo("| <a href='clear.php' class='footerLink'>".$translate->_("Déconnexion")."</a>");
}
?>
</div>
</div>
<div id="hovertweet">
<div id="hovercontent"></div>
<div id="hoverarrow"></div>
</div>
<ul id="hoverkw">
<li><a id="hkwsearch" href="#"><?php echo $translate->_('Rechercher'); ?></a></li>
<li><a id="hkwtweet" href="#"><?php echo $translate->_('addToTweet'); ?></a></li>
</ul>
</body>
</html>