<?php
/* Copyright (C) 2009 Winch Gate Property Limited
*
* This file is part of ryzom_api.
* ryzom_api is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* ryzom_api is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with ryzom_api. If not, see < http: / / www . gnu . org / licenses / > .
*/
function ryzom_app_render($title, $content, $style='', $files=array(), $homeLink=false) {
$c = '';
// get Lua code
$c .= ryLua::get(RYZOM_IG);
$at_end = ryLua::getEnd(RYZOM_IG);
// Render header
$title_prefix = '';
if (ON_IPHONE) {
$title_prefix = 'Ryzom - ';
}
if (!RYZOM_IG)
$c .= '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> '."\n";
$c .= '< html > < head > '."\n";
$c .= ' < title > '.$title_prefix.(translation_exists($title)?_t($title):$title).'< / title > '."\n";
if (!RYZOM_IG)
$c .= ' < meta HTTP-EQUIV = "content-type" CONTENT = "text/html; charset=UTF-8" / > '."\n";
$events = '';
if (!RYZOM_IG) {
$c .= ryzom_render_header();
$c .= ryzom_render_header_www();
if (function_exists('newrelic_get_browser_timing_header'))
$c .= newrelic_get_browser_timing_header();
if(ON_IPHONE) $events = 'onorientationchange="updateOrientation();" ';
} else {
#if (!$style)
$style='bgcolor="#00000000"';
}
if (!RYZOM_IG) {
// Javascript
$extra_code = '';
if (is_string($files))
$files = array($files);
foreach ($files as $file) {
$sfile = explode('.', $file);
if ($sfile[count($sfile)-1] == 'js')
$extra_code .= ' < script type = "text/javascript" src = "'.$file.'" > < / script > '."\n";
else if ($sfile[count($sfile)-1] == 'css')
$extra_code .= ' < link rel = "stylesheet" type = "text/css" media = "all" href = "'.$file.'" / > '."\n";
}
$c .= $extra_code;
}
$c .= ' < / head > '."\n";
$c .= ' < body ' . $ events . ' ' . $ style . ' > '."\n";
if (!RYZOM_IG) {
$c .= ryzom_render_www(ryzom_render_window($title, $content, $homeLink));
$c .= '< / body > ';
if (function_exists('newrelic_get_browser_timing_header'))
$c .= newrelic_get_browser_timing_footer();
} else {
$c .= $content.'< br / > < table bgcolor = "#000000" > < tr > < td > '.ryLogger::getInstance()->getLogs().'< / td > < / tr > < / table > < / body > ';
}
$c .= '< / html > '.$at_end;
return $c;
}
function ryzom_render_header() {
if (ON_IPHONE) {
return '';
} else {
return ' < link type = "text/css" href = "'.RYAPI_URL.'data/css/ryzom_ui.css" rel = "stylesheet" media = "all" / > ';
}
}
// Call this inside the < head > part if you want to use ryzom_render_www
function ryzom_render_header_www() {
if (ON_IPHONE) {
return '
< meta name = "viewport" content = "width=device-width; initial-scale=1.0; maximum-scale=1.8;" >
< link rel = "apple-touch-icon" href = "data/img/ryzom_icon.png" / >
< link type = "text/css" href = "data/css/ryzom_iphone.css" rel = "stylesheet" media = "all" / >
< script type = "text/javascript" >
window.addEventListener("load", function() { setTimeout(loaded, 100) }, false);
window.onload = function initialLoad() { updateOrientation(); }
iPhone.DomLoad(updateOrientation);
setInterval(updateOrientation, 500);
function loaded() {
document.getElementById("main").style.visibility = "visible";
window.scrollTo(0, 1); // hide the location bar
}
function updateOrientation(){
switch (window.orientation) {
case 0:
case 180:
contentType = "show_normal";
break;
case -90:
case 90:
default:
contentType = "show_wide";
break;
}
document.getElementById("main").setAttribute("class", contentType);
}
function sizeTextarea(t) {
a = t.value.split(\'\n\');
b=1;
for (x=0;x < a.length ; x + + ) {
if (a[x].length >= t.cols) b+= Math.floor(a[x].length/t.cols);
}
b+= a.length;
if (b > t.rows) t.rows = b;
}
< / script >
';
} else {
return '
< style type = "text/css" >
body{background-image:url('.RYAPI_URL.'data/img/bg.jpg);background-repeat:no-repeat;color:white;background-color:black;font-family:arial;font-size:12px}
#main{width:95%;height:300px;margin-left:auto;margin-right:auto;text-align:left}
a, a:visited{color:orange;font-size:12px}
td{font-size:12px}
a:hover{color:orange}
.error{padding:.5em;background:#ff5555;color:white;font-weight:bold}
img{border:0px}
textarea{background-color:black;color:white;font-family:arial;font-size:12px}
pre{overflow:auto;width:800px}
< / style >
';
}
}
// Render a Ryzom style window
function ryzom_render_window($title, $content, $homeLink=false) {
return ryzom_render_window_begin($title, $homeLink) . $content . ryzom_render_window_end();
}
function ryzom_render_window_begin($title, $homeLink=false) {
if ($homeLink === false)
$homeLink = '< span style = "float:right;margin-right:12px;" > < a href = "'.RYAPP_URL.'/index.php" class = "ryzom-ui-text-button" > '._t('home').'< / a > < / span > ';
return '
< div class = "ryzom-ui ryzom-ui-header" >
< div class = "ryzom-ui-tl" > < div class = "ryzom-ui-tr" >
< div class = "ryzom-ui-t" > '.(translation_exists($title)?_t($title):$title).$homeLink.'< / div >
< / div >
< / div >
< div class = "ryzom-ui-l" > < div class = "ryzom-ui-r" > < div class = "ryzom-ui-m" >
< div class = "ryzom-ui-body" >
';
}
function ryzom_render_window_end() {
global $user;
return '< / div >
< div > P_'.(isset($user['id'])?$user['id']:'GUEST').':'.(isset( $user['groups'])?implode(':', $user['groups']):'').'< / div >
< div style = "background-color: #000000" > '.ryLogger::getInstance()->getLogs().'< / div > < / div > < / div > < / div >
< div class = "ryzom-ui-bl" > < div class = "ryzom-ui-br" > < div class = "ryzom-ui-b" > < / div > < / div > < / div > < p class = "ryzom-ui-notice" > powered by < a class = "ryzom-ui-notice" href = "http://dev.ryzom.com/projects/ryzom-api/wiki" > ryzom-api< / a > < / p >
< / div >
';
}
// Render a webpage using www.ryzom.com style
function ryzom_render_www($content) {
return ryzom_render_www_begin() . $content . ryzom_render_www_end();
}
function ryzom_render_www_begin($url='') {
$style1 = 'position: relative; padding-top: 20px; padding-right: 30px; margin-bottom: -3px';
$style2 = 'position: absolute; bottom: 0; right: 0; ';
if (ON_IPHONE) {
$style1 = 'position: relative; padding-top: 30px; padding-right: 30px; ';
$style2 = 'position: fixed; top: 0; right: 0; padding-right: 0px;';
$marginBottom = '';
}
if (!$url) {
$url_params = parse_query($_SERVER['REQUEST_URI']);
unset($url_params['lang']);
$url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.http_build_query($url_params);
}
return '
< br / >
< div id = "main" >
< div style = "'.$style1.'" >
< a href = "'.$url.'&lang=en" > < img hspace = "5" border = "0" src = "'.RYAPI_URL.'data/img/lang/en.png" alt = "English" / > < / a >
< a href = "'.$url.'&lang=fr" > < img hspace = "5" border = "0" src = "'.RYAPI_URL.'data/img/lang/fr.png" alt = "French" / > < / a >
< a href = "'.$url.'&lang=de" > < img hspace = "5" border = "0" src = "'.RYAPI_URL.'data/img/lang/de.png" alt = "German" / > < / a >
< a href = "'.$url.'&lang=es" > < img hspace = "5" border = "0" src = "'.RYAPI_URL.'data/img/lang/es.png" alt = "Spanish" / > < / a >
< a href = "'.$url.'&lang=ru" > < img hspace = "5" border = "0" src = "'.RYAPI_URL.'data/img/lang/ru.png" alt = "Russian" / > < / a >
< div style = "'.$style2.'" >
< a href = "http://www.ryzom.com/" > < img border = "0" src = "'.RYAPI_URL.'data/img/logo.gif" alt = "" / > < / a >
< / div >
< / div >
';
}
function ryzom_render_www_end() {
return '< / div > ';
}
function _s($tag, $text) {
global $ryzom_render_styles, $ryzom_render_tmpls;
if (!array_key_exists($tag, $ryzom_render_tmpls))
return $text;
if (is_array($text))
return $p = $text;
else
$p[0] = $text;
$p['color1'] = $ryzom_render_styles[$tag][0];
$p['color2'] = $ryzom_render_styles[$tag][1];
$code = '$c = "'.str_replace('"', '\"', $ryzom_render_tmpls[$tag]).'";';
eval($code);
return $c;
}
function ryzom_get_color_style($tag, $color=0) {
global $ryzom_render_styles;
if (!array_key_exists($tag, $ryzom_render_styles))
return '000000';
return $ryzom_render_styles[$tag][$color];
}
function ryzom_set_title($title) {
$GLOBALS['ryzom_render_title'] = $title;
}
function ryzom_get_title() {
return $GLOBALS['ryzom_render_title'];
}
function ryzom_font($text, $color="", $size="") {
if (RYZOM_IG) {
$color = $color?'color="'.$color.'"':'';
$size = $size?'size="'.$size.'"':'';
} else {
$color = $color?'color:'.$color.';':'';
$size = $size?'font-size:'.$size.'pt':'';
}
return (RYZOM_IG?"< font $ color $ size > ":"< font style = \"$color $ size \ " > ").$text.'< / font > ';
}
function ryzom_render_login_form($char, $aligned=true, $action="") {
$c = '';
if ($aligned) {
$c .= '< form action = "'.$action.'" method = "post" > < table > ';
$c .= '< tr > < td > '._t('enter_char').'< / td > < / tr > ';
$c .= '< tr > < td > < input cols = "80" style = "width: 200px" type = "text" name = "char" value = "'.$char.'" / > < / td > < / tr > ';
$c .= '< tr > < td > '._t('enter_password').'< / td > < / tr > ';
if (RYZOM_IG)
$c .= '< tr > < td > < input cols = "80" style = "width: 200px" type = "text" name = "password" / > < / td > < / tr > ';
else
$c .= '< tr > < td > < input style = "width: 200px" type = "password" name = "password" / > < / td > < / tr > ';
$c .= '< tr > < td > < input type = "submit" value = "'._t('submit').'" / > < / td > < / tr > ';
} else {
$c .= '< form action = "'.$action.'" method = "post" > < table width = "100%" > ';
$c .= '< tr > < td align = "center" > '._t('login').'< / td > < / tr > ';
$c .= '< tr > < td align = "center" > < input cols = "80" style = "width: 200px" type = "text" name = "char" value = "'.$char.'" / > < / td > < / tr > ';
$c .= '< tr > < td align = "center" > '._t('password').'< / td > < / tr > ';
if (RYZOM_IG)
$c .= '< tr > < td align = "center" > < input cols = "80" style = "width: 200px" type = "text" name = "password" / > < / td > < / tr > ';
else
$c .= '< tr > < td align = "center" > < input style = "width: 200px" type = "password" name = "password" / > < / td > < / tr > ';
$c .= '< tr > < td align = "center" > < input type = "submit" value = "'._t('submit').'" / > < / td > < / tr > ';
}
$c .= '< / table > < / form > ';
return $c;
}
function ryzom_dialog_yes_no($desc, $action, $name) { // will append ryzom_dialog=yes|no to url
return '< table width = "100%" > < tr bgcolor = "#333333" > < td height = "35px" align = "center" valign = "middle" > '.(RYZOM_IG?'< font color = "#DDAA33" size = "11" > ':'< font style = "color:#DDAA33; font-size:11pt" > ').
$desc.'< form action = "'.$action.'" method = "POST" >
< table width = "100%" >
< tr > < td align = "center" > < select name = "'.$name.'" > < option value = "no" > '._t('no').'< / option > < option value = "yes" > '._t('yes').'< / option > < / select > < / td > < / tr >
< tr > < td align = "center" > < input type = "submit" value = "'._t('submit').'" / > < / td > < / tr >
< / table >
< / form > < / font > < / td > < / tr > < / table > ';
}
$GLOBALS['ryzom_render_title'] = defined('APP_NAME')?APP_NAME:'Ryzom';
$ig = (isset($_SERVER['HTTP_USER_AGENT']) & & strpos($_SERVER['HTTP_USER_AGENT'], 'Ryzom')) || ryzom_get_param('ig'); // need be set using url param because auth is not done
$transparency = $ig?'':'';
$ryzom_render_styles = array();
$ryzom_render_tmpls = array();
$ryzom_render_styles['main title'] = array('#222222'.$transparency, '#FFFFFF');
$ryzom_render_tmpls['main title'] = '< table width = "100%" cellpadding = "0" cellspacing = "0" > < tr bgcolor = "${p[\'color1\']}" > < td height = "42px" valign = "middle" > < font ' . ( $ ig ? ' color = "${p[\'color2\']}" size = "14" ' : ' style = "color:${p[\'color2\']};font-size:16pt; font-weight: bold" ' ) . ' > ${p[0]}< / font > < / td > < / tr > < / table > '."\n";
$ryzom_render_styles['section'] = array('#555555'.$transparency, '#FFFFFF');
$ryzom_render_tmpls['section'] = '< table width = "100%" cellpadding = "0" cellspacing = "0" > < tr bgcolor = "${p[\'color1\']}" > < td height = "40px" align = "left" valign = "middle" > < font ' . ( $ ig ? ' color = "${p[\'color2\']}" size = "12" ' : ' style = "color:${p[\'color2\']}; font-size:10pt; font-weight: bold" ' ) . ' > ${p[0]}< / font > < / td > < / tr > < / table > '."\n";
$ryzom_render_styles['color'] = array('', '');
$ryzom_render_tmpls['color'] = ($ig?'< font color = "${p[0]}" > ':'< font style = "color:${p[0]}" > ').'${p[0]}< / font > ';
$ryzom_render_styles['link'] = array('#111111', '');
$ryzom_render_tmpls['link'] = '< table width = "100%" cellpadding = "0" cellspacing = "0" > < tr bgcolor = "${p[\'color1\']}" > < td height = "24px" valign = "middle" > ${p[0]}< / td > < / tr > < / table > '."\n";
$ryzom_render_styles['button'] = array('#000000', '');
$ryzom_render_tmpls['button'] = '< table cellpadding = "5" cellspacing = "0" > < tr bgcolor = "${p[\'color1\']}" > < td height = "20px" align = "center" valign = "middle" > ${p[0]}< / td > < / tr > < / table > '."\n";
$ryzom_render_styles['links'] = array('#111111'.$transparency, '');
$ryzom_render_tmpls['links'] = '< table width = "100%" cellpadding = "0" cellspacing = "0" > < tr bgcolor = "${p[\'color1\']}" > < td height = "28px" valign = "middle" > ${p[0]}< / td > < / tr > < / table > '."\n";
$ryzom_render_styles['back'] = array('#000000'.$transparency, '');
$ryzom_render_tmpls['back'] = '< table cellpadding = "0" cellspacing = "0" width = "100%" > < tr valign = "middle" bgcolor = "${p[\'color1\']}" > < td align = "left" height = "25px" nowrap > < b > < a href = "${p[0]}" > « '.'main'.'< / a > < / b > < / td > < / tr > < tr > < td > < / td > < / tr > < / table > ';
$ryzom_render_styles['highlight'] = array('#55ff55'.$transparency, '');
$ryzom_render_tmpls['highlight'] = '< font color = "${p[\'color1\']}" > ${p[0]}< / font > ';
$ryzom_render_styles['backlight'] = array('#272727'.$transparency, '');
$ryzom_render_tmpls['backlight'] = '< table width = "100%" > < tr bgcolor = "${p[\'color1\']}" > < td height = "35px" valign = "middle" > ${p[0]}< / td > < / tr > < / table > '."\n";
$ryzom_render_styles['actionbar'] = array('#555555'.$transparency, '');
$ryzom_render_tmpls['actionbar'] = '< tr bgcolor = "${p[\'color1\']}" valign = "middle" > ${p[0]}< / tr > '."\n";
$ryzom_render_styles['table'] = array('#050505'.$transparency, '#FFFFFF');
$ryzom_render_tmpls['table'] = '< table width = "100%" cellpadding = "0" cellspacing = "0" > ${p[0]}< / table > '."\n";
$ryzom_render_styles['t header'] = array('#111111'.$transparency, '#FFFFFF');
$ryzom_render_tmpls['t header'] = '< tr style = "color: #FFFFFF" bgcolor = "${p[\'color1\']}" valign = "middle" > ${p[0]}< / tr > '."\n";
$ryzom_render_styles['t row 0'] = array('#353535'.$transparency, '');
$ryzom_render_tmpls['t row 0'] = '< tr bgcolor = "${p[\'color1\']}" valign = "middle" > ${p[0]}< / tr > '."\n";
$ryzom_render_styles['t row 1'] = array('#252525'.$transparency, '');
$ryzom_render_tmpls['t row 1'] = '< tr bgcolor = "${p[\'color1\']}" valign = "middle" > ${p[0]}< / tr > '."\n";
$ryzom_render_styles['t element'] = array('#FFFFFF'.$transparency, '');
$ryzom_render_tmpls['t element'] = '< font color = "${p[\'color1\']}" > ${p[0]}< / font > ';
$ryzom_render_styles['log'] = array('#001100'.$transparency, '');
$ryzom_render_tmpls['log'] = '< div style = "background-color: ${p[\'color1\']}" > < pre style = "width: auto" > ${p[0]}< / pre > < / div > '."\n";
$ryzom_render_styles['message'] = array('#445566'.$transparency, '#FFDDAA');
$ryzom_render_tmpls['message'] = '< table width = "100%" cellspacing = "0" cellpadding = "0" > < tr bgcolor = "${p[\'color1\']}" > < td height = "5px" > < / td > < / tr > < tr bgcolor = "${p[\'color1\']}" > < td align = "center" valign = "middle" > < font ' . ( $ ig ? ' color = "${p[\'color2\']}" size = "16" ' : ' style = "color:${p[\'color2\']};font-size:12pt; font-weight: bold" ' ) . ' > ${p[0]}< / font > < / td > < / tr > < tr bgcolor = "${p[\'color1\']}" > < td height = "5px" > < / td > < / tr > < / table > '."\n";
$ryzom_render_styles['message warning'] = array('#AA3300'.$transparency, '');
$ryzom_render_tmpls['message warning'] = '< table width = "100%" > < tr bgcolor = "${p[\'color1\']}" > < td align = "center" valign = "middle" > < h3 > ${p[0]}< / h3 > < / td > < / tr > < / table > '."\n";
$ryzom_render_styles['message window'] = array('#5555ff'.$transparency, '#7799ff');
$ryzom_render_tmpls['message window'] = '< table width = "100%" cellspacing = "0" cellpadding = "0" > < tr > < td bgcolor = "${p[\'color2\']}" width = "3px" > < / td > < td height = "3px" bgcolor = "${p[\'color2\']}" > < / td > < td bgcolor = "${p[\'color2\']}" > < / td > < td bgcolor = "${p[\'color2\']}" width = "3px" > < / td > < / tr > '.'< tr > < td bgcolor = "${p[\'color2\']}" width = "3px" > < / td > < td bgcolor = "${p[\'color1\']}" align = "center" valign = "middle" > ${p[0]}< / td > < td bgcolor = "${p[\'color1\']}" valign = "top" align = "right" > ${p[0]}< / td > < td width = "3px" bgcolor = "${p[\'color2\']}" > < / td > '.
'< tr bgcolor = "${p[\'color1\']}" > < td bgcolor = "${p[\'color2\']}" width = "3px" > < / td > < td height = "3px" bgcolor = "${p[\'color2\']}" > < / td > < td bgcolor = "${p[\'color2\']}" width = "3px" > < / td > < td bgcolor = "${p[\'color2\']}" > < / td > < / tr > < / table > '."\n";
$ryzom_render_styles['message ask'] = array('#333333'.$transparency, '');
$ryzom_render_tmpls['message ask'] = '< table width = "100%" > < tr bgcolor = "${p[\'color1\']}" > < td valign = "middle" > '.($ig?'< font color = "#DDAA33" size = "11" > ':'< font style = "color:#DDAA33; font-size:11pt" > ').'${p[0]}< / font > < / td > < / tr > < / table > '."\n";
$ryzom_render_styles['message error'] = array('#AA2222'.$transparency, '');
$ryzom_render_tmpls['message error'] = '< table width = "100%" > < tr bgcolor = "${p[\'color1\']}" > < td height = "30px" align = "center" valign = "middle" > < h3 > ${p[0]}< / h3 > < / td > < / tr > < / table > '."\n";
$ryzom_render_styles['message debug'] = array('#FFAA22'.$transparency, '');
$ryzom_render_tmpls['message debug'] = '< table width = "100%" > < tr bgcolor = "${p[\'color1\']}" > < td height = "30px" valign = "middle" > < font color = "#000" > ${p[0]}< / font > < / td > < / tr > < / table > '."\n";
$ryzom_render_styles['progress bar'] = array('#FF0000'.$transparency, '#000000');
$ryzom_render_tmpls['progress bar'] = '< table width = "100%" > < tr > < td bgcolor = "${p[\'color1\']}" height = "30px" width = "${p[0]}%" align = "center" valign = "middle" > < / td > ${p[0]}< td bgcolor = "${p[\'color2\']}" height = "30px" valign = "middle" align = "center" > ${p[0]} < / td > < / tr > < / table > '."\n";
?>
