Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
HTML template tweaks, because every repository deserves a mobile-frie…
…ndly admin interface
  • Loading branch information
cbeer committed Oct 30, 2013
1 parent 9f9c18c commit c4689e0
Show file tree
Hide file tree
Showing 9 changed files with 148 additions and 73 deletions.
Expand Up @@ -2,12 +2,12 @@
#set( $breadcrumbs = $helpers.getNodeBreadcrumbs($uriInfo, $topic))

<ul class="breadcrumb">
<li><a href="$uriInfo.getBaseUri()">Home</a> <span class="divider">/</span></li>
<li><a href="$uriInfo.getBaseUri()">Home</a></li>
#foreach($entry in $breadcrumbs.entrySet())
#if ($entry.getKey() == $uriInfo.getAbsolutePath().toString())
<li class="active">$entry.getValue()</li>
#else
<li ><a href="$entry.getKey()">$entry.getValue()</a> <span class="divider">/</span></li>
<li ><a href="$entry.getKey()">$entry.getValue()</a></li>
#end
#end
</ul>
4 changes: 2 additions & 2 deletions fcrepo-http-api/src/main/resources/views/common-header.vsl
@@ -1,6 +1,6 @@
#* @vtlvariable name="uriInfo" type="javax.ws.rs.core.UriInfo" *#

<nav class="navbar navbar-default" role="navigation">
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
Expand All @@ -20,7 +20,7 @@
</ul>
<form class="navbar-form navbar-left" role="search" method="GET" action="$uriInfo.baseUriBuilder.build()fcr:search">
<div class="form-group">
<input class="search-query" type="text" name="q" placeholder="Search"/>
<input class="form-control" type="text" name="q" placeholder="Search"/>
</div>
<button type="submit" class="btn btn-default">Search</button>
</form>
Expand Down
35 changes: 25 additions & 10 deletions fcrepo-http-api/src/main/resources/views/common-node-actions.vsl
@@ -1,36 +1,45 @@

<form id="action_create">
<h3>Create New Node</h3>
<label>
<div class="form-group">
<label for="new_mixin" class="control-label">
Type
<select id="new_mixin">
</label>
<select id="new_mixin" class="form-control">
<option value="fedora:object">object</option>
<option value="fedora:datastream">datastream</option>
</select>
</label>
<label>
</div>

<div class="form-group">
<label for="new_id" class="control-label">
Identifier
<input type="text" id="new_id" placeholder="(auto-generated identifier)"/>
</label>
<input type="text" id="new_id" placeholder="(auto-generated identifier)" class="form-control"/>
</div>


<label id="datastream_payload_container" for="datastream_payload">
<div id="datastream_payload_container" class="form-group">
<label for="datastream_payload" class="control-label">
File
<input type="file" id="datastream_payload"/>
</label>
<input type="file" id="datastream_payload"/>
</div>
<button type="submit" class="btn btn-primary">Add</button>
<hr />
</form>


<form id="action_sparql_update">
<h3>Update Properties</h3>
<textarea class="span3" rows="10" id="sparql_update_query" name="query">
<div class="form-group">
<textarea class="span3" rows="10" id="sparql_update_query" name="query" class="form-control">
$helpers.getPrefixPreamble($model)
DELETE { }
INSERT { }
WHERE { }
</textarea>
</div>
<button type="submit" class="btn btn-primary">Update</button>
<hr />
</form>
Expand All @@ -48,7 +57,7 @@ WHERE { }
#if($serializations.hasNext())
<div class="btn-group">
<div class="dropdown">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
Export as...
<span class="caret"></span>
</a>
Expand All @@ -70,13 +79,19 @@ WHERE { }
<form id="action_import">
<h3>Import</h3>


<div class="form-group">
<input type="file" id="import_file"/>
</div>

<select id="import_format" name="format">
<div class="form-group">
<label class="control-label">Format</label>
<select id="import_format" name="format" class="form-control">
#foreach($quad in $helpers.getSortedTriples($model, $serializations))
<option>$helpers.getObjectTitle($rdf, $quad.getObject())</option>
#end
</select>
</div>
<button type="submit" class="btn">Import</button>
</form>

Expand Down
27 changes: 25 additions & 2 deletions fcrepo-http-api/src/main/resources/views/common.css
@@ -1,5 +1,3 @@
body { padding-top: 40px; }

.mode_root #action_delete {
display: none;
}
Expand All @@ -13,11 +11,36 @@ body { padding-top: 40px; }
display: none;
}

dl {
padding-left: 19px;
}

dd {
padding-left: 38px;
}

.well dl {
padding-left: 0;
}

.well {
text-indent: -35px;
padding-left: 54px;
}

#datastream_payload_container {
display: none;
}

#actions.visible-lg.in, #actions.visible-lg.collapsing, #actions.visible-md.in, #actions.visible-md.collapsing {
display: block !important;
}

#toggle-actions {
float:right;
margin-bottom: 1em;
}

#actions {
margin-bottom: 3em;
}
45 changes: 27 additions & 18 deletions fcrepo-http-api/src/main/resources/views/jcr-namespaces.vsl
Expand Up @@ -14,7 +14,33 @@
#parse("views/common-header.vsl")

<div class="row">
<div class="col-md-9">

<div class="col-md-3 col-md-push-9 clearfix">

<button id="toggle-actions" type="button" class="visible-xs visible-sm btn btn-danger" data-toggle="collapse" data-target=".actions">
<span>Toggle actions</span>
</button>

<div class="actions collapse visible-lg visible-md" id="actions">
<form id="action_register_namespace">
<h3>Register Namespace</h3>
<label>
Prefix
<input type="text" name="prefix" id="namespace_prefix"/>
</label>


<label>
URI
<input type="text" name="uri" id="namespace_uri"/>
</label>

<button type="submit" class="btn btn-primary">Create</button>
</form>
</div>
</div>

<div class="col-md-9 col-md-pull-3">
<h1>Namespaces</h1>

## output other nodes
Expand All @@ -26,23 +52,6 @@
#end
</div>

<div class="col-md-9">
<form id="action_register_namespace">
<h3>Register Namespace</h3>
<label>
Prefix
<input type="text" name="prefix" id="namespace_prefix"/>
</label>


<label>
URI
<input type="text" name="uri" id="namespace_uri"/>
</label>

<button type="submit" class="btn btn-primary">Create</button>
</form>
</div>
</div>
</body>
</html>
26 changes: 15 additions & 11 deletions fcrepo-http-api/src/main/resources/views/mode-root.vsl
Expand Up @@ -17,9 +17,22 @@
#parse("views/common-node-header.vsl")

<div class="row">
<div class="col-md-9">
<div class="col-md-12">
#parse("views/common-breadcrumb.vsl")
</div>
<div class="col-md-3 col-md-push-9 clearfix">
<button id="toggle-actions" type="button" class="visible-xs visible-sm btn btn-danger" data-toggle="collapse" data-target=".actions">
<span>Toggle actions</span>
</button>

## output actions
<div class="actions collapse visible-lg visible-md" id="actions">
#parse("views/common-node-actions.vsl")
</div>
</div>

<div class="col-md-9 col-md-pull-3">

#parse("views/common-breadcrumb.vsl")
#parse("views/common-metadata.vsl")


Expand All @@ -42,15 +55,6 @@

</div>

<div class="col-md-3">
## output actions
<div class="actions">
#parse("views/common-node-actions.vsl")

</div>

</div>

</div>


Expand Down
22 changes: 14 additions & 8 deletions fcrepo-http-api/src/main/resources/views/node.vsl
Expand Up @@ -16,11 +16,23 @@


<div class="row">
<div class="col-md-9">


<div class="col-md-12">
#parse("views/common-breadcrumb.vsl")
</div>

<div class="col-md-3 col-md-push-9 clearfix">
<button id="toggle-actions" type="button" class="visible-xs visible-sm btn btn-danger" data-toggle="collapse" data-target=".actions">
<span>Toggle actions</span>
</button>

## output actions
<div class="actions collapse visible-lg visible-md" id="actions">
#parse("views/common-node-actions.vsl")
</div>
</div>

<div class="col-md-9 col-md-pull-3">

#parse("views/common-metadata.vsl")

Expand All @@ -42,12 +54,6 @@
#end
</div>

<div class="col-md-3">
## output actions
<div class="actions">
#parse("views/common-node-actions.vsl")
</div>
</div>

</div>

Expand Down
35 changes: 22 additions & 13 deletions fcrepo-http-api/src/main/resources/views/nt-file.vsl
Expand Up @@ -14,11 +14,31 @@
<div id="main" class="container" resource="$topic.getURI()">
#parse("views/common-node-header.vsl")

<div class="row">
<div class="col-md-9">

<div class="row">

<div class="col-md-12">
#parse("views/common-breadcrumb.vsl")
</div>

<div class="col-md-3 col-md-push-9 clearfix">
<button id="toggle-actions" type="button" class="visible-xs visible-sm btn btn-danger" data-toggle="collapse" data-target=".actions">
<span>Toggle actions</span>
</button>

## output actions
<div class="actions collapse visible-lg visible-md" id="actions">
#parse("views/common-node-actions.vsl")

<form action="javascript:updateFile()">
<input type="file" id="update_file"/>
<input type="submit" value="update content">
</form>
</div>
</div>

<div class="col-md-9 col-md-pull-3">

#parse("views/common-metadata.vsl")

## output triples for the topic node
Expand Down Expand Up @@ -46,17 +66,6 @@
#end
</div>

<div class="col-md-3">
## output actions
## output actions
<div class="actions">
#parse("views/common-node-actions.vsl")
<form action="javascript:updateFile()">
<input type="file" id="update_file"/>
<input type="submit" value="update content">
</form>
</div>
</div>

</div>

Expand Down
23 changes: 16 additions & 7 deletions fcrepo-http-api/src/main/resources/views/nt-resource.vsl
Expand Up @@ -16,10 +16,24 @@


<div class="row">
<div class="col-md-9">


<div class="col-md-12">
#parse("views/common-breadcrumb.vsl")
</div>

<div class="col-md-3 col-md-push-9 clearfix">
<button id="toggle-actions" type="button" class="visible-xs visible-sm btn btn-danger" data-toggle="collapse" data-target=".actions">
<span>Toggle actions</span>
</button>

## output actions
<div class="actions collapse visible-lg visible-md" id="actions">
#parse("views/common-node-actions.vsl")
</div>
</div>


<div class="col-md-9 col-md-pull-3">

#parse("views/common-metadata.vsl")

Expand All @@ -41,11 +55,6 @@
#end
</div>

<div class="col-md-3">
## output actions
#parse("views/common-node-actions.vsl")
</div>

</div>


Expand Down

0 comments on commit c4689e0

Please sign in to comment.