Added new partners, change data-container-width to data-container_width

and added standalone version of search widget for iframes
pelagios · Dec 21, 2012 · d8ab2b4 · d8ab2b4
1 parent 4489900
commit d8ab2b4
Show file tree

Hide file tree

Showing 14 changed files with 185 additions and 17 deletions.
diff --git a/build/app/dataset.json b/build/app/dataset.json
@@ -1,7 +1,7 @@
 [{
   "id": "b47df24737cd647789c7d61ede9fed09",
-  "title": "Arachne",
   "iconFileName": "arachne.png",
+  "title": "Arachne",
   "strapline": "A web research tool of the German Archaeological Institute for searching mass archaeological records"
 },
 {
@@ -66,8 +66,67 @@
   "iconFileName": "URE.png",
   "strapline":  "University Museum of ancient Greek, Egyptian & a little Roman stuff"
 }
+,
+{
+  "id": "5555ffd0e36e088c25f76b980139851a",
+  "title": "ORBIS",
+  "iconFileName": "pelagios.png",
+  "strapline":  "The Stanford Geospatial Network Model of the Roman World"
+}
+,
+{
+"id": "4f9bb4e7c0b0c329db0d2696814ffd2d",
+  "title": "SquinchPix",
+  "iconFileName": "pelagios.png",
+  "strapline":  "An archive of European imagery"
+}
+,
+{
+  "id": "77b38b7fc7d81fb278d1c3634638f8ee",
+  "title": "Sharing Ancient Wisdoms ",
+  "iconFileName": "pelagios.png",
+  "strapline": "Medieval gnomologia (collections of wise sayings)"
+}
+,
+{
+  "id": "434fc5aea15f6d39040c1282c4a2df63",
+  "title": "Portable Antiquities Scheme",
+  "iconFileName": "pelagios.png",
+  "strapline":  "Pleiades URIs appearing within the Portable Antiquities Scheme database"
+}
+,
+{
+  "id": "9fdb2911bcfc625c87cfce10d97b3de7",
+  "title": "ORACC",
+  "iconFileName": "pelagios.png",
+  "strapline":  "Open Richly Annotated Cuneiform Corpus"
+}
+,
+{
+  "id": "7bb4b28758a3607f9b1eea3b48df90a",
+  "title": "Meketre",
+  "iconFileName": "pelagios.png",
+  "strapline":  "Reliefs and paintings of Middle Kingdom tombs of Ancient Egypt"
+}
+,
+{
+  "id": "71fd46410b14843985db023501f2f76f",
+  "title": "The Book of the Dead Project",
+  "iconFileName": "pelagios.png",
+  "strapline":  "The evolution of the ancient egyptian Book of the Dead"
+}
+,
+{
+  "id": "e2e0b0b2199b875ff3acdce3f962c128",
+  "title": "ISAW Papers",
+  "iconFileName": "pelagios.png",
+  "strapline":  "Pleiades URIs appearing in ISAW Papers articles"
+}
+]
+
+
+
 
 
-]
 
 
diff --git a/build/app/dataset.json.js b/build/app/dataset.json.js
diff --git a/build/demo/place/athens.html b/build/demo/place/athens.html
@@ -14,6 +14,6 @@
 </ul>
     <h1>Pelagios Place Widget Demo: Athens (579885)</h1>
             <p>Click the icon to display the widget</p>
- <div id="123-pelagios" data-pleiades_id='579885' class="pelagios pelagios-place"></div>
+ <div id="123-pelagios" data-pleiades_id="579885" class="pelagios pelagios-place"></div>
   </body>
 </html>
diff --git a/build/demo/search/search_link.html b/build/demo/search/search_link.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="../../docs/styles.css" media="screen" />
+  <title>Pelagios Search Widget</title>
+      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
+<script type="text/javascript">
+    $(document).ready(function() {
+     var queryString = window.location.search;
+     var containerWidth = queryString.replace(/.width=/g, '');
+     if (!containerWidth) {
+        containerWidth = 550;
+     }
+
+     $('body').append('<div id="123-pelagios" data-container_width="'+containerWidth+'" class="pelagios pelagios-search"></div>');
+    });
+ </script>
+  <script type="text/javascript" src="../../lib/require.js"></script> 
+<script type="text/javascript" src="../../search.js"></script>
+  <body >
+  </head>
+  </body>
+</html>
diff --git a/build/demo/search_options/narrow_true.html b/build/demo/search_options/narrow_true.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <link rel="stylesheet" type="text/css" href="../../docs/styles.css" media="screen" />
-  <title>Search Widget: container-width="300px"</title>
+  <title>Search Widget: container_width="300px"</title>
   <script type="text/javascript" src="../../lib/require.js"></script> 
 <script type="text/javascript" src="../../search.js"></script>
   </head>
@@ -13,7 +13,7 @@
 <li> <a href="../../docs/index.html">Documentation</a> </li>
 <li> <a href="../../demo/index.html">Demo</a></li>
 </ul>
-    <h2>Search Widget: container-width="300px"</h2>
-        <div id="123-pelagios" data-container-width="300" class="pelagios pelagios-search"></div>
+    <h2>Search Widget: container_width="300px"</h2>
+        <div id="123-pelagios" data-container_width="300" class="pelagios pelagios-search"></div>
   </body>
 </html>
diff --git a/build/docs/search.html b/build/docs/search.html
@@ -35,6 +35,7 @@ <h1>How to embed the Pelagios Search Widget</h1>
 <h2>Options</h2>
 <ul>
 <li>To not display any maps in the widget, add <code>data-display_map="false"</code> to the widget div.</li>
+<li>To adjust the width of the widget, add <code>data-container_width="300"</code> for example to set the width to 300px. </li>
 </ul>
 
 </html>
diff --git a/build/place.js b/build/place.js
diff --git a/build/search.js b/build/search.js
diff --git a/src/app/dataset.json b/src/app/dataset.json
@@ -1,7 +1,7 @@
 [{
   "id": "b47df24737cd647789c7d61ede9fed09",
-  "title": "Arachne",
   "iconFileName": "arachne.png",
+  "title": "Arachne",
   "strapline": "A web research tool of the German Archaeological Institute for searching mass archaeological records"
 },
 {
@@ -66,8 +66,67 @@
   "iconFileName": "URE.png",
   "strapline":  "University Museum of ancient Greek, Egyptian & a little Roman stuff"
 }
+,
+{
+  "id": "5555ffd0e36e088c25f76b980139851a",
+  "title": "ORBIS",
+  "iconFileName": "pelagios.png",
+  "strapline":  "The Stanford Geospatial Network Model of the Roman World"
+}
+,
+{
+"id": "4f9bb4e7c0b0c329db0d2696814ffd2d",
+  "title": "SquinchPix",
+  "iconFileName": "pelagios.png",
+  "strapline":  "An archive of European imagery"
+}
+,
+{
+  "id": "77b38b7fc7d81fb278d1c3634638f8ee",
+  "title": "Sharing Ancient Wisdoms ",
+  "iconFileName": "pelagios.png",
+  "strapline": "Medieval gnomologia (collections of wise sayings)"
+}
+,
+{
+  "id": "434fc5aea15f6d39040c1282c4a2df63",
+  "title": "Portable Antiquities Scheme",
+  "iconFileName": "pelagios.png",
+  "strapline":  "Pleiades URIs appearing within the Portable Antiquities Scheme database"
+}
+,
+{
+  "id": "9fdb2911bcfc625c87cfce10d97b3de7",
+  "title": "ORACC",
+  "iconFileName": "pelagios.png",
+  "strapline":  "Open Richly Annotated Cuneiform Corpus"
+}
+,
+{
+  "id": "7bb4b28758a3607f9b1eea3b48df90a",
+  "title": "Meketre",
+  "iconFileName": "pelagios.png",
+  "strapline":  "Reliefs and paintings of Middle Kingdom tombs of Ancient Egypt"
+}
+,
+{
+  "id": "71fd46410b14843985db023501f2f76f",
+  "title": "The Book of the Dead Project",
+  "iconFileName": "pelagios.png",
+  "strapline":  "The evolution of the ancient egyptian Book of the Dead"
+}
+,
+{
+  "id": "e2e0b0b2199b875ff3acdce3f962c128",
+  "title": "ISAW Papers",
+  "iconFileName": "pelagios.png",
+  "strapline":  "Pleiades URIs appearing in ISAW Papers articles"
+}
+]
+
+
+
 
 
-]
 
 
diff --git a/src/demo/place/athens.html b/src/demo/place/athens.html
@@ -14,6 +14,6 @@
 </ul>
     <h1>Pelagios Place Widget Demo: Athens (579885)</h1>
             <p>Click the icon to display the widget</p>
- <div id="123-pelagios" data-pleiades_id='579885' class="pelagios pelagios-place"></div>
+ <div id="123-pelagios" data-pleiades_id="579885" class="pelagios pelagios-place"></div>
   </body>
 </html>
diff --git a/src/demo/search/search_link.html b/src/demo/search/search_link.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="../../docs/styles.css" media="screen" />
+  <title>Pelagios Search Widget</title>
+      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
+<script type="text/javascript">
+    $(document).ready(function() {
+     var queryString = window.location.search;
+     var containerWidth = queryString.replace(/.width=/g, '');
+     if (!containerWidth) {
+        containerWidth = 550;
+     }
+
+     $('body').append('<div id="123-pelagios" data-container_width="'+containerWidth+'" class="pelagios pelagios-search"></div>');
+    });
+ </script>
+  <script type="text/javascript" src="../../lib/require.js"></script> 
+<script type="text/javascript" src="../../search.js"></script>
+  <body >
+  </head>
+  </body>
+</html>
diff --git a/src/demo/search_options/narrow_true.html b/src/demo/search_options/narrow_true.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <link rel="stylesheet" type="text/css" href="../../docs/styles.css" media="screen" />
-  <title>Search Widget: container-width="300px"</title>
+  <title>Search Widget: container_width="300px"</title>
   <script type="text/javascript" src="../../lib/require.js"></script> 
 <script type="text/javascript" src="../../search.js"></script>
   </head>
@@ -13,7 +13,7 @@
 <li> <a href="../../docs/index.html">Documentation</a> </li>
 <li> <a href="../../demo/index.html">Demo</a></li>
 </ul>
-    <h2>Search Widget: container-width="300px"</h2>
-        <div id="123-pelagios" data-container-width="300" class="pelagios pelagios-search"></div>
+    <h2>Search Widget: container_width="300px"</h2>
+        <div id="123-pelagios" data-container_width="300" class="pelagios pelagios-search"></div>
   </body>
 </html>
diff --git a/src/docs/search.html b/src/docs/search.html
@@ -35,6 +35,7 @@ <h1>How to embed the Pelagios Search Widget</h1>
 <h2>Options</h2>
 <ul>
 <li>To not display any maps in the widget, add <code>data-display_map="false"</code> to the widget div.</li>
+<li>To adjust the width of the widget, add <code>data-container_width="300"</code> for example to set the width to 300px. </li>
 </ul>
 
 </html>
diff --git a/src/search.js b/src/search.js
@@ -59,9 +59,9 @@ if (!PELAGIOS_SEARCH_MAIN_JS_RUN) { // Only run this script once per page
                         scriptDir:          baseURL+'scripts/',
                         cssDir:             baseURL+'css/' ,
 
-                        containerWidth:    $(this).attr('data-container-width') ? $(this).attr('data-container-width')
+                        containerWidth:    $(this).attr('data-container_width') ? $(this).attr('data-container_width')
                                             : '550',
-                        mapWidth:          $(this).attr('data-container-width') ? $(this).attr('data-container-width') - 125
+                        mapWidth:          $(this).attr('data-container_width') ? $(this).attr('data-container_width') - 125
                                             : '425',                    
                         pleiadesFlickrGroupOnly:  false,
                         type:               'search'