Skip to content

Commit

Permalink
some cleanup
Browse files Browse the repository at this point in the history
  • Loading branch information
Ahmad Nassri committed Sep 28, 2011
1 parent 78e7f2e commit ab50807
Show file tree
Hide file tree
Showing 3 changed files with 69 additions and 26 deletions.
62 changes: 44 additions & 18 deletions index.html
View file
Expand Up @@ -245,6 +245,9 @@ <h5>Services</h5>
</select>

<h5>History</h5>
<p>Coming Soon...</p>

<br/>
</div>
</div>

Expand Down Expand Up @@ -282,8 +285,8 @@ <h1>Options</h1>
</div>

<div class="clearfix">
<label for="theme">Theme</label>
<span class="help-block">Syntax highlighting color theme.</span>
<label for="theme">Color Theme</label>
<span class="help-block">Syntax highlighting default color theme.</span>

<div class="row">
<div class="span2">
Expand Down Expand Up @@ -930,28 +933,51 @@ <h1>Response</h1>
<ul class="unstyled">
<li>
<form class="form-stacked">
<div class="clearfix">
<label for="theme">Force Syntax Highlighting</label>
<div class="row">
<div class="span">
<div class="clearfix">
<label for="theme">Color Theme</label>

<div class="row">
<div class="span">
<label><input type="radio" name="highlight" value="auto"/> <span>Auto</span></label>
<div class="input">
<div class="input-prepend">
<select class="span2" name="theme">
<option value="default">Default</option>
<option value="bootstrap">Bootstrap</option>
<option value="desert">Desert</option>
<option value="sunburst">Sunburst</option>
<option value="sons-of-obsidian">Sons of Obsidian</option>
</select>
</div>
</div>
</div>
</div>

<div class="span">
<label><input type="radio" name="highlight" value="js"/> <span>JSON</span></label>
</div>
<div class="span">
<div class="clearfix">
<label for="theme">Force Syntax Highlighting</label>
<span class="help-block"></span>

<div class="span">
<label><input type="radio" name="highlight" value="xml"/> <span>XML</span></label>
</div>
<div class="row">
<div class="span">
<label><input type="radio" name="highlight" value="auto"/> <span>Auto</span></label>
</div>

<div class="span">
<label><input type="radio" name="highlight" value="html"/> <span>HTML</span></label>
</div>
<div class="span">
<label><input type="radio" name="highlight" value="js"/> <span>JSON</span></label>
</div>

<div class="span">
<label><input type="radio" name="highlight" value="xml"/> <span>XML</span></label>
</div>

<div class="span">
<label><input type="radio" name="highlight" value="xml"/> <span>CSS</span></label>
<div class="span">
<label><input type="radio" name="highlight" value="html"/> <span>HTML</span></label>
</div>

<div class="span">
<label><input type="radio" name="highlight" value="xml"/> <span>CSS</span></label>
</div>
</div>
</div>
</div>
</div>
Expand Down
28 changes: 20 additions & 8 deletions js/app.js
View file
Expand Up @@ -80,12 +80,20 @@ window.addEvent('domready', function() {
// theme changer
document.getElements('form[name="options"] input[name="theme"]').addEvent('change', function(event) {
if (this.get('checked')) {
document.head.getElementById('theme').set('href', 'css/prettify/' + this.get('value') + '.css');
var theme = this.get('value');
document.getElement('select[name="theme"] option[value="' + theme + '"]').set('selected', true);
document.head.getElementById('theme').set('href', 'css/prettify/' + theme + '.css');

_gaq.push(['_trackEvent', 'Theme', this.get('value')]);
_gaq.push(['_trackEvent', 'Theme', theme]);
}
}).fireEvent('change');

document.getElements('select[name="theme"]').addEvent('change', function(event) {
document.head.getElementById('theme').set('href', 'css/prettify/' + this.get('value') + '.css');

_gaq.push(['_trackEvent', 'Theme Swap', this.get('value')]);
});

// options form
document.getElement('form[name="options"]').addEvents({
'click:relay(input[type="button"], input[type="submit"], input[type="reset"])': function(event) {
Expand Down Expand Up @@ -341,13 +349,15 @@ window.addEvent('domready', function() {
// syntax highlighting
document.getElements('input[name="highlight"]').addEvents({
'change': function(event) {
document.getElements('.prettyprint').each(function (element) {
element.set('text', element.retrieve('unstyled'));
});

if (this.get('checked')) {
var value = this.get('value');

var responseBody = document.id('responseBody');

responseBody.set('text', responseBody.retrieve('unstyled'));

responseBody.set('class', 'prettyprint lang-' + value);

document.getElement('form[name="options"] input[name="lines"]').fireEvent('change');
Expand Down Expand Up @@ -625,12 +635,14 @@ window.addEvent('domready', function() {
}
}.bind(this));

var responseHeaders = 'Status Code: {0}\n{1}'.substitute([this.xhr.status, this.xhr.getAllResponseHeaders()]);

// setup response area
document.id('rawBody').set('text', responseText);
document.id('rawBody').set('text', responseText)
document.id('responseBody').set('text', responseText);
document.id('responseHeaders').set('text', 'Status Code: ' + this.xhr.status + "\n" + this.xhr.getAllResponseHeaders());
document.id('requestBody').set('text', requestText);
document.id('requestHeaders').set('text', requestHeaders);
document.id('responseHeaders').set('text', responseHeaders).store('unstyled', responseHeaders);
document.id('requestBody').set('text', requestText).store('unstyled', requestText);
document.id('requestHeaders').set('text', requestHeaders).store('unstyled', requestHeaders);

// extract content type
var contentType = this.xhr.getResponseHeader('Content-Type');
Expand Down
5 changes: 5 additions & 0 deletions js/services.js
View file
@@ -0,0 +1,5 @@
var Services = {
'twitter': {

}
}

0 comments on commit ab50807

Please sign in to comment.