Skip to content
This repository was archived by the owner on Mar 2, 2023. It is now read-only.

Horizontal view option #18

Open
sethwoodworth wants to merge 7 commits into
base: master
Choose a base branch
from
Open

Horizontal view option #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
b7e8e7c
Update README.md
sethwoodworth Jun 5, 2013
fb71eba
'vim :retab :whitespaceify' automatic commit
sethwoodworth Jul 25, 2013
6e79521
retab, whitespace
sethwoodworth Jul 26, 2013
342492f
add a stackview make debug-js command
sethwoodworth Aug 27, 2013
f00106b
add horizontal stack option
sethwoodworth Aug 27, 2013
9e563cc
add a no-decorations option to stackview
sethwoodworth Sep 20, 2013
512035e
adding tmp horizontal demos
sethwoodworth Oct 24, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions Makefile
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,15 @@ JS_SOURCES = src/js/microtemplating.js\
src/js/jquery.stackview.stackcache.js\
src/js/jquery.stackview.templates.js\
src/js/types/book.js\
src/js/types/book-h.js\
src/js/types/serial.js\
src/js/types/soundrecording.js\
src/js/types/videofilm.js\
src/js/types/webpage.js

SCSS_SOURCE = src/scss/jquery.stackview.scss
JS_OUTPUT = lib/jquery.stackview.min.js
JS_DEBUG_OUTPUT = lib/jquery.stackview.debug.js
CSS_OUTPUT = lib/jquery.stackview.css
CSS_OUTPUT_STYLE = expanded

Expand All @@ -26,6 +28,9 @@ js:
$(YUI) -o $(JS_OUTPUT) temp.js
rm -f temp.js

debug-js:
cat $(JS_SOURCES) > $(JS_DEBUG_OUTPUT)

css:
sass --style $(CSS_OUTPUT_STYLE) $(SCSS_SOURCE):$(CSS_OUTPUT)

Expand Down
3 changes: 3 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,9 @@ The jQuery virtual stack plugin

Check out the [Project Page](http://librarylab.law.harvard.edu/stackview/demo) for more information.

## Getting Started
Download [jquery.stackview.min.js](./lib/jquery.stackview.min.js)

## Development

A single concatenated and minified `jquery.stackview.min.js` file containing Stack View and all its dependencies is located in `/lib`. Developers making changes to the project should do so in `/src/js` and compile the minified file by running `make js`. If any files in `/src` are added or renamed, they should be added to this list of source files in `Makefile`.
Expand Down
168 changes: 168 additions & 0 deletions demo/horizontal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,168 @@
<!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>StackView Horizontal</title>

<link rel="icon" href="favicon.ico" type="image/x-icon" />

<!-- stackview.css to style the stack -->
<link rel="stylesheet" href="../lib/jquery.stackview.css" type="text/css" />
<link rel="stylesheet" href="../lib/jquery.stackview-horizontal.css" type="text/css" />

<!-- stackview.js and all js dependencies -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/jquery.stackview.js"></script>

</head>

<body>
<div id="basic-stack"></div>

<script type="text/javascript">
$(function () {
var data =
{"start": "-1", "limit": "0", "num_found": "2", "docs":
[
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
}
]
};

$('#basic-stack').stackView({data: data, horizontal: true});
});
</script>
</body>
</html>
169 changes: 169 additions & 0 deletions demo/hoz2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
<!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>StackView Horizontal</title>

<link rel="icon" href="favicon.ico" type="image/x-icon" />

<!-- stackview.css to style the stack -->
<link rel="stylesheet" href="../lib/jquery.stackview.css" type="text/css" />
<link rel="stylesheet" href="../lib/jquery.stackview-horizontal.css" type="text/css" />

<!-- stackview.js and all js dependencies -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/jquery.stackview.js"></script>

</head>

<body>
<div id="basic-stack"></div>

<script type="text/javascript">
$(function () {
var data =
{"start": "-1", "limit": "0", "num_found": "2", "docs":
[
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
},
{
"title": "Blankets",
"creator": [
"Craig Thompson"
],
"measurement_page_numeric": 582,
"measurement_height_numeric": 25,
"shelfrank": 13,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009189638"
},
{
"title": "Persepolis",
"creator": [
"Marjane Satrapi"
],
"measurement_page_numeric": 153,
"measurement_height_numeric": 24,
"shelfrank": 64,
"pub_date": "2003",
"link": "http://holliscatalog.harvard.edu/?itemid=|library/m/aleph|009098946"
}
]
};

$('#basic-stack').stackView({data: data, horizontal: true});

});
</script>
</body>
</html>
Loading