Stacy Enco
Member
a gy who made a php script for a swtor server status script in php which i never could gt to work, he gave me a javascrpt version but it has seem to broke a few things i thought maybe some 1 can make into an ad on and help me fix the errors ill explain how i got it to work
1st i made a template called torstatus
which this code in the template
then in the template forum_list template i added this code
if i could get some help into getting the errors fixed would be great and yes i do have the authors permision to port it over to XF
any help with this would be great.
itt has broken the style chooser overlay on the forums as well and the col side bar mod the opens and closes the sidebar i removed the code and they were working fine again
oh befor i forget here is the imagez for the mod.
cridit to the orginial authror he hasnt uploaded the javascript version yet but as per requested here the link to his dev page.
https://github.com/dankraus/Star-Wars-The-Old-Republic-Server-Status-Widget
1st i made a template called torstatus
which this code in the template
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Star Wars The Old Republic (SWTOR) Server Status PHP Widget</title>
</head>
<body>
<style>
#swtor-serverStatus-widget{
min-width:185px;
max-width:225px;
height:90px;
background:url('http://force-academy.com/pics/tor/graphics/swtorLogo.png') top left no-repeat;
position:relative;
}
#swtor-serverStatus-widget .container{
position:absolute;
top:24px;
left:45px;
background:rgba(5,8,15,.8);
padding:6px 30px 6px 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid rgba(56,70,94,1);
font-family:Verdana;
font-size:11px;
color:#fff;
-webkit-box-shadow:0 0 0px #ffffff;
-moz-box-shadow: 0 0 0px #ffffff;
box-shadow:0 0 0px #ffffff;
}
#swtor-serverStatus-widget .container .loading{
}
#swtor-serverStatus-widget .container .serverInfo{
display:none;
}
#swtor-serverStatus-widget .status.UP
,#swtor-serverStatus-widget .status.DOWN{
background:url('http://force-academy.com/pics/tor/graphics/arrows.png') top left;
height:18px;
width:17px;
text-indent:-9000px;
position: absolute;
right:6px;
top:8px;
}
#swtor-serverStatus-widget .status.down{
background-position:bottom left;
}
#swtor-serverStatus-widget .population{
font-size:8px;
line-height:16px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script>
/**
* jQuery.ajax mid - CROSS DOMAIN AJAX
* ---
* @author James Padolsey (http://james.padolsey.com)
* @version 0.11
* @updated 12-JAN-10
* ---
* Note: Read the README!
* ---
* @info http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/
*/
jQuery.ajax = (function(_ajax){
var protocol = location.protocol,
hostname = location.hostname,
exRegex = RegExp(protocol + '//' + hostname),
YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?',
query = 'select * from html where url="{URL}" and xpath="*"';
function isExternal(url) {
return !exRegex.test(url) && /:\/\//.test(url);
}
return function(o) {
var url = o.url;
if ( /get/i.test(o.type) && !/json/i.test(o.dataType) && isExternal(url) ) {
// Manipulate options so that JSONP-x request is made to YQL
o.url = YQL;
o.dataType = 'json';
o.data = {
q: query.replace(
'{URL}',
url + (o.data ?
(/\?/.test(url) ? '&' : '?') + jQuery.param(o.data)
: '')
),
format: 'xml'
};
// Since it's a JSONP request
// complete === success
if (!o.success && o.complete) {
o.success = o.complete;
delete o.complete;
}
o.success = (function(_success){
return function(data) {
if (_success) {
// Fake XHR callback.
_success.call(this, {
responseText: data.results[0]
// YQL screws with <script>s
// Get rid of them
.replace(/<script[^>]+?\/>|<script(.|\s)*?\/script>/gi, '')
}, 'success');
}
};
})(o.success);
}
return _ajax.apply(this, arguments);
};
})(jQuery.ajax);
</script>
<script>
var SWTOR_WIDGET_SERVERNAME = "Lord Adraas";
$(function(){
$.get('http://www.swtor.com/server-status', function(data) {
var res = $(data.responseText);
server = res.find('div.serverBody:contains("'+SWTOR_WIDGET_SERVERNAME+'")');
var name = $.trim(server.find('div.name').text());
var timezone = $.trim(server.find('div.timezone').text());
var type = $.trim(server.find('div.type').text());
var status = $.trim(server.find('div.status').text());
var population = $.trim(server.find('div.population').text());
var widget = $('#swtor-serverStatus-widget');
widget.find('.container .name .value').text(name + ' (' + type +', ' + timezone + ')');
widget.find('.container .status').addClass(status).find('.value').text(status);
widget.find('.container .population .value').text(population);
widget.find('.loading').hide();
widget.find('.serverInfo').show();
});
});
</script>
<div id="swtor-serverStatus-widget" data-name="test">
<div class="container">
<div class="loading">Loading...</div>
<div class="serverInfo">
<div class="name"><span class="value"></span></div>
<div class="status"><strong>Status:</strong> <span class="value"></span></div>
<div class="population"><strong>Population:</strong> <span class="value"></span></div>
</div>
</div>
</div>
</body>
</html>
Code:
<div class="section">
<div class="secondaryContent statsList" id="swtor">
<h3>Tor Server Status</h3>
<xen:include template="torstatus" />
</div>
</div>any help with this would be great.
itt has broken the style chooser overlay on the forums as well and the col side bar mod the opens and closes the sidebar i removed the code and they were working fine again
oh befor i forget here is the imagez for the mod.
cridit to the orginial authror he hasnt uploaded the javascript version yet but as per requested here the link to his dev page.
https://github.com/dankraus/Star-Wars-The-Old-Republic-Server-Status-Widget
