--- a/web/client.php Fri Sep 14 15:44:27 2018 +0200
+++ b/web/client.php Wed Sep 19 18:09:27 2018 +0200
@@ -11,6 +11,7 @@
include_once 'common.php';
+
/**
* Do we already have a valid Access Token or need to go get one?
*/
@@ -52,7 +53,15 @@
$_SESSION['TWITTER_REDIRECT_URL'] = isset($_REQUEST['auth_redirect']) ? $_REQUEST['auth_redirect'] : $_SERVER['HTTP_REFERER'];
};
-$annotations = get_default_annotations_config($config, $translate);
+$defaultAnnotations = get_default_annotations_config($config, $translate);
+$annotations = array();
+foreach ($defaultAnnotations as $annot_cat => $annot_def) {
+ if($annot_cat !== 'default' && !isset($annot_def['colors_class'])) {
+ $annot_def['colors_class'] = 'tweetButton_'.md5($annot_cat);
+ }
+ $annotations[$annot_cat] = $annot_def;
+}
+
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
@@ -91,6 +100,41 @@
width: <?php echo($videoWidth); ?>px;
height: <?php echo($videoHeight); ?>px;
}
+ <?php
+ foreach ($annotations as $annot_cat => $annot_def) {
+ if($annot_cat === 'default') {
+ continue;
+ }
+ $hVal = intval(($annot_def['colors']['h']<1.0)?floatval($annot_def['colors']['h']) * 360.0:$annot_def['colors']['h']);
+ $sVal = intval(floatval($annot_def['colors']['s']) * 100.0);
+
+ $baseColor = "hsl($hVal, ${sVal}%, 90%)";
+ $borderColor = "hsl($hVal, ${sVal}%, 60%)";
+ $selectedColor = "hsl($hVal, 15%, 70%)";
+ $selectedBorderColor = "hsl($hVal, 15%, 60%)";
+ $gradientColor = "hsl($hVal, ${sVal}%, 50%)";
+ ?>
+ .tweetButton.<?php echo($annot_def['colors_class']) ?> {
+ background: <?php echo($baseColor); ?>;
+ border: solid <?php echo($borderColor); ?> 1px;
+ background-image: -webkit-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
+ background-image: -moz-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
+ background-image: -ms-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
+ background-image: -o-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
+ background-image: linear-gradient(to bottom, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
+ }
+ .tweetButton.<?php echo($annot_def['colors_class']) ?>.selected,.tweetButton:active.<?php echo($annot_def['colors_class']) ?>:active,.tweetButton:hover.<?php echo($annot_def['colors_class']) ?>:hover.selected {
+ background: <?php echo($selectedColor); ?>;
+ border: solid <?php echo($selectedBorderColor); ?> 1px;
+ }
+ .tweetButton.<?php echo($annot_def['colors_class']) ?>:hover {
+ background-image: -webkit-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
+ background-image: -moz-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
+ background-image: -ms-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
+ background-image: -o-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
+ background-image: linear-gradient(to bottom, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
+ }
+ <?php } ?>
</style>
<script type="text/javascript">
@@ -112,7 +156,6 @@
}
}
}
- console.log(annotations);
</script>
<?php if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])) { ?>
<script type="text/javascript" src="<?php echo(registry_url('twcx-main','js'))?>"></script>