Announcement

**roxxkatt** · 03-17-2014, 12:03 PM

instructions for use:
grab a log
paste in box
click button

dont have a log? test with this or something

Code:

  Cheese!> :O
P (DBot)>+14 RP: skullspace(27) [No flags: -50%] [Solo Lanc: +10%] Streak: 4
  SECTOR HOLD: People's Republic of Misanthropy(0) - skullspace
  SECTOR HOLD: Intergalactic Planetary, Inc.(1) - Sketch_hs
  HOLD BROKEN: People's Republic of Misanthropy - H.M.S. Stargazer
  Reward: 1 points
T Aquatis> ded
C 4:duel pasta <ER>> nvm rofl, I was wrong
  The next battle is just beginning . . .
C 4:duel pasta <ER>> I looke dup
* MODERATOR WARNING: I gargle penis -LF
P (DBot)>+34 RP: H.M.S. Stargazer(35) [High rank cap] [Solo Lanc: +10%]
  Pappa> pfft 
  Pappa> www.ilovecats.com

**roxxkatt** · 03-17-2014, 12:06 PM

let me know what you think
i also take feature requests
also im thinking about adding buttons to change text size for old people and texans whose education systems havnt taught them reading skills

**bkgmjo** · 03-17-2014, 02:37 PM

Feature request: as this is already there now, add a [log][/log] tag maybe?

**bkgmjo** · 03-17-2014, 02:54 PM

Feature Requests:

- Freqmessage (E): name> message
- Tab after line break
- hyperlinks

**Shaddowknight** · 03-17-2014, 05:11 PM

being able to disable certain message types individually would be great. It would save me like 40 minutes of sifting through staff meeting logs removing all that.

**bkgmjo** · 03-17-2014, 07:46 PM

Dynamic CSS file. Make all staffchat fontsize 0.2

**bkgmjo** · 03-17-2014, 10:24 PM

Pimped it a little, hope u don't mind. Oh and I totally suck at design so you might wanna make it pretty.

html

Code:

<!DOCTYPE HTML>
<html>
<head>
<title>Continuum Log Viewer</title>
<link rel="stylesheet" type="text/css" href="logviewer.css">
<script src="logviewer.js"></script>
</head>
<body>

<div class="container">
	<div class="container2">
		<h1>Continuum Log Viewer</h1>
		<div class="container3">
			<div>
				<textarea id="input" class="input"></textarea><br>
				<div class="options">
					<h2>Choose your weapons</h2>
					<input type="checkbox" name="option" id="pub" checked="checked">Pub<br />
					<input type="checkbox" name="option" id="team" checked="checked">Team<br />
					<input type="checkbox" name="option" id="freq" checked="checked">Freq Messages<br />
					<input type="checkbox" name="option" id="arena" checked="checked">Arena Messages<br />
					<input type="checkbox" name="option" id="chat" checked="checked">Chat<br />
					<input type="checkbox" name="option" id="warn" checked="checked">Warnings<br />
					<input type="checkbox" name="option" id="pink" checked="checked">Pink<br />
					<input type="checkbox" name="option" id="grey" checked="checked">Grey<br />
					<input type="checkbox" name="option" id="priv" checked="checked">Priv<br />
					<br />
					<div class="buttonwrap"><button type="button" onclick="changed()">Update</button></div>
				</div>
			</div>
			<div id="output" class="output"></div>
		</div>
	</div>
</div>

<img src="cheese64.png" style="position:fixed; margin: 10px; bottom: 0; right: 0;">
</body>
</html>

js:

Code:

// Log Viewer JS
// By Cheese
// The Great Cheese

function encode(str)
{
	return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

function makeline(messagestyle, txt)
{
	var buf = "";
	if (messagestyle == "freq")
		buf += "<div class='line'>"
			+ "<font class='priv'>" + encode(txt.split(">")[0]) + "&gt" + "</font>"
			+ "<font class='pub'>" + encode(txt.split(">")[1]) + "</font>"
			+ "</div>";		
	else
		buf += "<div class='" + messagestyle + " line'>" + encode(txt) + "</div>";
	
	return buf;
}

function parseline(txt, options)
{
	if(!txt[0] || !txt[1]) return "";
	if(txt[1] != " ") return "";
	
	var messagetype;
	
	switch(txt[0])
	{
		case " ":
			if(txt.search(">") == -1)
			{
				if (!options[3].checked) return "";
				messagetype="arena";
			}
			else
			{
				if (!options[0].checked) return "";
				messagetype="pub";
			}
		break;
		case "T":
				if (!options[1].checked) return "";
				messagetype="team";
		break;
		case "E":
				if (!options[2].checked) return "";
				messagetype="freq";
		break;
		case "C":
				if (!options[4].checked) return "";
				messagetype="chat";
		break;
		case "P":
				if (!options[8].checked) return "";
				messagetype="priv";
		break;
		case "*":
				if (!options[5].checked) return "";
				messagetype="warn";
		break;
		case ".":
				if (!options[6].checked) return "";
				messagetype="pink";
		break;
		case "a":
				if (!options[7].checked) return "";
				messagetype="grey";
		break;
		default:
				if (!options[0].checked) return "";
				messagetype="pub";
	}
	
	return makeline(messagetype,txt.slice(2));
}

function changed()
{
	var output="";
	var input=document.getElementById("input").value;
	var options=document.getElementsByName("option");		
	var lines=input.split("\n");
	
	/*
	output+=makeline("pub","dis b pub");		//"  "
	output+=makeline("team","dis is team");		//T
	output+=makeline("freq","dis b freq");		//E
	output+=makeline("arena","dis r arena");	// no >
	output+=makeline("chat","dis b chat");		//C
	output+=makeline("warn","dis r warn");		//*
	output+=makeline("pink","dis r pink");		//.
	output+=makeline("grey","dis b grey");		//a
	*/

	for(var i=0; i < lines.length; i++)
	{		
		output+=parseline(lines[i], options);
	}
	
	document.getElementById("output").innerHTML=output;
}

css:

Code:

/*
Log Viewer CSS
By Cheese
*/

@font-face
{
	font-family: ss;
	src: url(ss.ttf);
}

html,
body
{
	color: #FFFFFF;
	background-color: #000000;
	background-attachment: fixed;
	background-image: url("bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.container
{
	width: 100%;
	min-height: 100%;
	margin: 0px;
}

.container2
{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin: auto;
	position: absolute;
	
	//display: table-cell;
	//vertical-align: middle;
	//text-align: center;
	
	height: 500px;
	width: 1000px;
	padding: 0px;
}

.container3
{
	min-height: 500px;
	margin: 0px;
	
	background-color: rgba(0,0,0,.4);
	
	padding: 10px 50px;
	border: 1px solid #FF6600;
	border-radius: 20px;
	
	word-wrap: break-word;
}

.options
{
	float: right;
	right: 20 px;
	//border: 2px pink solid;
	width: 160px;
}

h1
{
	font-size: 250%;
	font-family: high tower text;
}

h2
{
	font-size: 100%;
	font-family: high tower text;
}

textarea
{
	color: #FFFFFF;
	background-color: rgba(50,50,50,.6);
	padding: 10px;
	border: 2px solid #FFFFFF;
	border-radius: 10px;
	margin: 20px 10px 5px 10px;
	//border: 3px green solid;
	float: left;
	
	height: 200px;
	width: 690px;
}

.buttonwrap
{
	text-align: center;
}

button
{
	color: #FFFFFF;
	background-color: #000000;
	background-image: -moz-linear-gradient(to bottom, #999999, #000000);
	border-radius: 20px;
	position: center;
}

.output
{
	text-align: left;
	font-size: 75%;
	font-family: ss;
	//border: 5px yellow solid;
}

.line
{
	margin: 5px;
}

.pub { color: #33CCFF; }
.team { color: #FFCC00; }
.freq { color: #AACCFF; }
.arena { color: #00FF00; }
.priv { color: #007711; }
.chat { color: #FF7700; }
.warn { color: #FF0000; }
.pink { color: #FF22CC; }
.grey { color: #666666; }

**bkgmjo** · 03-17-2014, 10:31 PM

**bkgmjo** · 03-17-2014, 10:39 PM

Ahh ya, to all you paranoids who don't want this stuff saved on the server (ya it does stick in server logs), just copy all 3 files to ur comp and name them accordingly.

**roxxkatt** · 03-17-2014, 11:49 PM

actually it never makes it to server, since its 100% javascript
and no, the only thing in server logs is 1 line with your ip asking for the page

also its great that you are practicing coding, but in the future when you want to add something like checkboxes, just post the affected section, or even better just say "checkboxes" after shaddow says "chat filters" -_-

**roxxkatt** · 03-17-2014, 11:54 PM

the tab after a line is wrapped is controlled by your browser resizing, and is not possible to change easily
i deliberately changed freq messages, so they dont blend in with pms or pubchat

filters are an excellent idea and i will add them
was already planning to add font size changer
will add links

and i made this in like 30 mins when i got bored, which is why it doesnt do much

**roxxkatt** · 03-17-2014, 11:57 PM

also bk, what browser are you using?
your css is fucked up and it looks like theres no css3 support

IE6?

i tested this in firefox and chrome and it displayed correctly in both

unless that screenshot is what you copied to your computer and you forgot half the stuff

**roxxkatt** · 03-18-2014, 02:21 AM

added all the good shit

anyone want anything else?

**Shaddowknight** · 03-18-2014, 07:05 AM

I'll take a large pizza, order of wings, and some a 2L of holy water please.
Looks great though, good job on it.

Announcement

Continuum Log Viewer

Continuum Log Viewer

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Channels