summaryrefslogtreecommitdiff
path: root/views
diff options
context:
space:
mode:
authorTrygve Laugstøl <trygvis@inamo.no>2012-07-02 18:11:17 +0200
committerTrygve Laugstøl <trygvis@inamo.no>2012-07-02 18:12:08 +0200
commit217e98f75fd6774764b0ac924c6f642bff2dfb18 (patch)
tree83b9ee2fb1a8d52f9c1132ea1da2b1df52b3508d /views
parent991e7cf0fe0197b9ece4fdc985afb7a1c9c258a0 (diff)
downloadcollection-json-explorer-217e98f75fd6774764b0ac924c6f642bff2dfb18.tar.gz
collection-json-explorer-217e98f75fd6774764b0ac924c6f642bff2dfb18.tar.bz2
collection-json-explorer-217e98f75fd6774764b0ac924c6f642bff2dfb18.tar.xz
collection-json-explorer-217e98f75fd6774764b0ac924c6f642bff2dfb18.zip
o Adding support for queries.
Diffstat (limited to 'views')
-rw-r--r--views/data.jade80
-rw-r--r--views/index.jade2
2 files changed, 40 insertions, 42 deletions
diff --git a/views/data.jade b/views/data.jade
index f5a3b0a..5ef6ab6 100644
--- a/views/data.jade
+++ b/views/data.jade
@@ -48,23 +48,23 @@ block meta
form(action='http://redbot.org/?')
p
- input(name='uri', value=url, type='hidden')
- input(name='req_hdr', value='Accept: application/vnd.collection+json', type='hidden')
- input(type='submit', value='Check with redbot.org')
+ input(type='text', name='uri', value=url, type='hidden')
+ input(type='text', name='req_hdr', value='Accept: application/vnd.collection+json', type='hidden')
+ input(type='text', type='submit', value='Check with redbot.org')
- h2 Collection Links
- if collection.links.length == 0
- p Collection has no links.
- else
+ if collection.links.length > 0
+ h2 Collection Links
each link, i in collection.links
- var title = link.prompt || link.name
- title = title ? ': ' + title : ''
h3 Collection Link ##{i}#{title}
block link
+// TODO: If the collection has prev/next links, add buttons to
+// automaticaly navigate those.
+// TODO: Add ability to show the raw part of the collection.
block items
- // a(id='items'): h1: a(href='#items') Items
if collection.items.length == 0
p Collection has to items.
else
@@ -77,10 +77,8 @@ block items
p href:
block href
- h3 Item Links
- if item.links.length == 0
- p Item has no links.
- else
+ if item.links.length > 0
+ h3 Item Links
each link, i in item.links
h4 Item Link ##{i}
block link
@@ -90,19 +88,28 @@ block items
each data in item.data
dt #{data.name}
dd #{data.value}
- //
- table(class='table table-striped table-bordered')
- each data in item.data
- tr
- th #{data.name}
- td #{data.value}
- //
- div(class='form-horizontal')
- each data in item.data
- div(class='control-group')
- label(class='control-label') #{data.name}
- div(class='controls')
- div #{data.value}
+
+block queries
+ each query in collection.queries
+ - var name = query.prompt || query.name || 'Unnamed query'
+ h2= name
+
+ div(class='row')
+ div(class='span12')
+ form(action='/render', class='well form-horizontal')
+ input(type='hidden', name='url', value=query.href)
+ fieldset
+ each data in query.data
+ - var value = params[data.name] || data.value
+ div(class='control-group')
+ label(class='control-label', for=data.name) #{data.name}
+ div(class='controls')
+ input(type='text', name='param-' + data.name, value=value, class='input-xlarge')
+
+ div(class='control-group')
+ div(class='controls')
+ input(type='submit') Execute
+ // button(class='execute-query') Execute
block headers
// a(id='headers'): h1: a(href='#headers') Headers
@@ -121,21 +128,6 @@ block raw_body
// a(id='body'): h1: a(href='#body') Raw body
pre= rawBody
-block tabs
- div(class='tabbable')
- ul(class='nav nav-tabs')
- li(class='active'): a(href='#tab-meta', data-toggle='tab') Meta
- li: a(href='#tab-items', data-toggle='tab') Items
- li: a(href='#tab-headers', data-toggle='tab') Headers
- li: a(href='#tab-formatted-body', data-toggle='tab') Formatted Body
- li: a(href='#tab-raw-body', data-toggle='tab') Raw Body
- div(class='tab-content')
- div(class='tab-pane active', id='tab-meta'): block meta
- div(class='tab-pane', id='tab-items'): block items
- div(class='tab-pane', id='tab-headers'): block headers
- div(class='tab-pane', id='tab-formatted-body'): block formatted_body
- div(class='tab-pane', id='tab-raw-body'): block raw_body
-
block navbar
div(class='navbar navbar-fixed-top')
div(class='navbar-inner')
@@ -146,11 +138,13 @@ block navbar
span(class='icon-bar')
span(class='icon-bar')
span(class='icon-bar')
- a(class='brand', href='#') Collection+JSON Explorer
+ span(class='icon-bar')
+ a(class='brand', href='/') Collection+JSON Explorer
div(class='nav-collapse')
ul(class='nav')
li(class='active'): a(href='#meta') Meta
li: a(href='#items') Items
+ li: a(href='#queries') Queries
li: a(href='#headers') Headers
li: a(href='#formatted-body') Formatted Body
li: a(href='#raw-body') Raw Body
@@ -172,6 +166,10 @@ block content
if collection.items.length > 1
small #{collection.items.length} items
block items
+ section(id='queries')
+ div(class='page-header')
+ h1 Queries
+ block queries
section(id='headers')
div(class='page-header')
h1 Headers
diff --git a/views/index.jade b/views/index.jade
index 5800f5f..3cbf438 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -6,7 +6,7 @@ block content
form(action='/render', class='well')
div(class='row')
div(class='span10')
- input(name='url', size='100', placeholder='Enter URL to explore...', class='span10')
+ input(type='text', name='url', size='100', placeholder='Enter URL to explore...', class='span10')
// TODO: Fix
div(class='row')
div(class='span12')