Version 1.13.1, corresponding to December 2017 ArcGIS Online release

README.md

@@ -9,7 +9,7 @@ The Story Map Journal is ideal when you want to combine narrative text with maps
 [Map Journal page on Esri Story Maps website](http://storymaps.arcgis.com/en/app-list/map-journal/) |
 [Download](http://links.esri.com/storymaps/map_journal_template_zip)
 
-**Latest release is version 1.12.2**; if you want to be informed of new releases, we recommend you to watch this repository ([see GitHub help](https://help.github.com/articles/watching-repositories)). See the [release page](https://github.com/Esri/map-journal-storytelling-template-js/releases) for release notes.
+**Latest release is version 1.13.1**; if you want to be informed of new releases, we recommend you to watch this repository ([see GitHub help](https://help.github.com/articles/watching-repositories)). See the [release page](https://github.com/Esri/map-journal-storytelling-template-js/releases) for release notes.
 
 For more infomation about using and customizing Esri's Storytelling Apps follow the [Story Maps Developers' Corner](https://developerscorner.storymaps.arcgis.com).
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Storymaps-MapJournal",
-  "version": "1.12.2",
+  "version": "1.13.1",
   "devDependencies": {
     "grunt": "~0.4.1",
     "grunt-contrib-clean": "~0.4.0",

src/app/config.js

@@ -56,7 +56,7 @@ app.cfg = {
 			sizes: { small: '25%', medium: '35%', large: '45%' },
 			positions: ["right", "left"],
 			themes: [
-				{name: "float-default-1", themeMajor: "black", dotNav: "#000000", panel: "#000000", media: "#FFFFFF", text: "#FFFFFF", textLink: "#DDD", softText: "#FFF",    softBtn: "#AAA", esriLogo: "white"},
+				{name: "float-default-1", themeMajor: "black", dotNav: "#000000", panel: "#000000", media: "#a0a0a0", text: "#FFFFFF", textLink: "#DDD", softText: "#FFF",    softBtn: "#AAA", esriLogo: "white"},
 				{name: "float-default-2", themeMajor: "white", dotNav: "#FFFFFF", panel: "#FFFFFF", media: "#EEEEEE", text: "#000000", textLink: "#555", softText: "#c0c0c0", softBtn: "#737373", esriLogo: "black", panelOpa: 0.95, dotNavActive: "#000"}
 			]
 		}
@@ -152,8 +152,8 @@ app.cfg = {
 	// Edit those to set a custom sharing or proxy URL
 	// You have to edit those only if your webmap is deployed on Portal for ArcGIS instance and if you are not deploying the template on the Portal webserver
 	// If you are using ArcGIS Online or deploying the template on a Portal instance, you don't have to edit those URL
-	DEFAULT_SHARING_URL: "//www.arcgis.com/sharing/content/items",
-	//DEFAULT_SHARING_URL: "//portal.internal.com/arcgis/sharing/content/items",
+	DEFAULT_SHARING_URL: "//www.arcgis.com/sharing/rest/content/items",
+	//DEFAULT_SHARING_URL: "//portal.internal.com/arcgis/sharing/rest/content/items",
 	DEFAULT_PROXY_URL: "//www.arcgis.com/sharing/proxy"
 	//DEFAULT_PROXY_URL: "//portal.internal.com/arcgis/sharing/proxy"
 };

src/app/storymaps/common/Core.css

@@ -214,6 +214,35 @@ input[type="checkbox"] {
 	box-sizing: initial;
 }
 
+/* make this not visible until it has focus.
+  requires two levels of selector because bootstrap is imported after our custom css :\ */
+button.visible-on-focus {
+	opacity: 0;
+	pointer-events: none;
+	cursor: default;
+	margin: 0 auto;
+	border: none;
+	border-radius: 0;
+}
+
+button.visible-on-focus:not(.link) {
+	background: white;
+	color: #333;
+	padding: 10px 20px;
+}
+
+button.visible-on-focus:focus {
+	opacity: 1;
+	pointer-events: auto;
+	cursor: pointer;
+}
+
+button.visible-on-focus.link {
+	background: none;
+	padding: 0;
+	border-bottom: 1px dashed #aaa;
+}
+
 /*
  * Print instruction
  */

src/app/storymaps/common/Core.js

@@ -188,7 +188,7 @@ define(["lib-build/css!lib-app/bootstrap/css/bootstrap.min",
 					// Get the portal instance name
 					var instance = location.pathname.substr(0,appLocation);
 
-					app.indexCfg.sharingurl = "//" + location.host + instance + "/sharing/content/items";
+					app.indexCfg.sharingurl = "//" + location.host + instance + "/sharing/rest/content/items";
 					app.indexCfg.proxyurl =  "//" + location.host + instance +  "/sharing/proxy";
 				}
 				else
@@ -963,6 +963,12 @@ define(["lib-build/css!lib-app/bootstrap/css/bootstrap.min",
 		{
 			document.documentElement.lang = kernel.locale;
 			query('#fatalError .error-title')[0].innerHTML = i18n.viewer.errors.boxTitle;
+			$('.skip-to-content').html(i18n.viewer.a11y.skipToContent);
+			$('.header[role="banner"]').attr('aria-label', i18n.viewer.a11y.headerAria);
+			$('.sections[role="main"]').attr('aria-label', i18n.viewer.a11y.panelAria);
+			$('.loop-to-top').html(i18n.viewer.a11y.toTop);
+			$('.loadingGif').attr('alt', i18n.viewer.a11y.loadingAria);
+			$('.mainStagePanel').attr('aria-label', i18n.viewer.a11y.mainStageAria);
 		}
 
 		function isProd()

src/app/storymaps/common/_resources/nls/ar/media.js

@@ -116,8 +116,12 @@ define({
       "unloadLbl": "إلغاء التحميل عندما ينتقل القارئ بعيدًا",
       "unloadHelp": "إذا احتوت صفحة الويب على وسائل مسموعة أو مرئية، لا تقوم بإلغاء التأشير على هذا الخيار لإيقاف تشغيل المحتوى عند انتقال القارئ. ولكن قم بإلغاء التأشير عليه على سبيل المثال لمتابعة تشغيل مسار صوتي في حين تقدّم القارئ في القصة.<br />إذا كانت صفحة الويب تطبيقًا، قم بإلغاء التأشير على هذا الخيار حتى لا يتم إعادة تحميل القصة إذا رجع القارئ إليها.",
       "embedProtocolLabel": "صفحة التحميل عبر الاتصال المؤمن (HTTPS)",
-      "embedProtocolWarning1": "إذا لم يتم تحميل هذه الصفحة في القصة الخاصة بك، فإنه يتعذر عليك تضمينها لأسباب أمان الويب. وبصفتك بديل، أضف رابط في الرواية الخاصة بك لفتح الصفحة في علامة تبويب مستعرض جديد. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>تعلم المزيد</a>",
-      "embedProtocolWarning2": "إذا لم يتم تحميل هذه الصفحة في القصة الخاصة بك، قم بإلغاء التأشير على هذا الخيار وحاول مرة أخرى. إذا ظلت الصفحة بدون تحميل، يتعذر تضمينها لأسباب أمان الويب. وبصفتك بديل، أضف رابط في الرواية الخاصة بك لفتح الصفحة في علامة تبويب مستعرض جديد. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>تعلم المزيد</a>"
+      "embedProtocolWarning1": "إذا لم يتم تحميل هذه الصفحة في القصة الخاصة بك، فإنه يتعذر عليك تضمينها لأسباب أمان الويب. وبصفتك بديل، أضف رابط في الرواية الخاصة بك لفتح الصفحة في علامة تبويب مستعرض جديد.",
+      "embedProtocolWarning2": "إذا لم يتم تحميل هذه الصفحة في القصة الخاصة بك، قم بإلغاء التأشير على هذا الخيار وحاول مرة أخرى. إذا ظلت الصفحة بدون تحميل، يتعذر تضمينها لأسباب أمان الويب. وبصفتك بديل، أضف رابط في الرواية الخاصة بك لفتح الصفحة في علامة تبويب مستعرض جديد.",
+      "learn": "تعلم المزيد",
+      "lblAltText": "نص بديل",
+      "placeholderAltText": "أدخل وصفًا لهذه الوسائط الخاصة بقرّاء ضاف البصر...",
+      "tooltipAltText": "قم بتوفير وصف خاص بمحتوى الوسائط الذي يستخدم بواسطة التقنيات المساعدة مثل برامج قارئ الشاشة. الوصف هو اختياري لكن يوصى بتلبية إرشادات إمكانية الوصول على الويب مثل WCAG والقسم 508."
     },
     "editorActionGeocode": {
       "lblTitle": "تحديد موقع العنوان أو المكان",

src/app/storymaps/common/_resources/nls/bs/media.js

@@ -116,8 +116,12 @@ define({
       "unloadLbl": "Uklonite kada se čitatelj udalji",
       "unloadHelp": "Ako web-stranica ima audiomedije ili videomedije, ostavite ovu opciju označenom kako biste zaustavili reprodukciju sadržaja kada čitatelj napusti stranicu. Odznačite opciju, primjerice, kako bi glazbena podloga nastavila reprodukciju kako čitatelj prolazi kroz priču.<br />Ako je web-stranica aplikacija, odznačite tu opciju kako se priča ne bi ponovno učitala ako se čitatelj vrati na nju.",
       "embedProtocolLabel": "Učitajte stranicu preko sigurne veze (HTTPS)",
-      "embedProtocolWarning1": "Ako se ova stranica ne učita u vašoj priči, ne može se umetnuti iz sigurnosnih razloga. Umjesto toga, dodajte poveznicu u priču za otvaranje stranice u novoj kartici preglednika. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>Saznajte više</a>",
-      "embedProtocolWarning2": "Ako se ova stranica ne učita u vašoj priči, odznačite ovu opciju i pokušajte ponovno. Ako se stranica i dalje ne želi učitati, ne može se umetnuti iz sigurnosnih razloga. Umjesto toga, dodajte poveznicu u priču za otvaranje stranice u novoj kartici preglednika. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>Saznajte više</a>"
+      "embedProtocolWarning1": "Ako se ova stranica ne učita u vašoj priči, ne može se umetnuti iz sigurnosnih razloga. Umjesto toga, dodajte poveznicu u priču za otvaranje stranice u novoj kartici preglednika.",
+      "embedProtocolWarning2": "Ako se ova stranica ne učita u vašoj priči, odznačite ovu opciju i pokušajte ponovno. Ako se stranica i dalje ne želi učitati, ne može se umetnuti iz sigurnosnih razloga. Umjesto toga, dodajte poveznicu u priču za otvaranje stranice u novoj kartici preglednika.",
+      "learn": "Saznajte više",
+      "lblAltText": "Zamjenski tekst",
+      "placeholderAltText": "Unesite opis ovog medija za slabovidne čitatelje...",
+      "tooltipAltText": "Unesite opis sadržaja ovog medija kojim će se koristiti pomoćne tehnologije za osobe s posebnim potrebama, kao što su softver za čitanje sa zaslona. Opis nije obvezan, ali preporučuje se radi zadovoljavanja smjernica za internetsku pristupačnost kao što su WCAG i odjeljak 508."
     },
     "editorActionGeocode": {
       "lblTitle": "Pronađite adresu ili mjesto",

src/app/storymaps/common/_resources/nls/core.js

@@ -164,6 +164,7 @@ define({
 	"pt-pt": 1,
 	"ro": 1,
 	"ru": 1,
+	"sl": 1,
 	"sr": 1,
 	"sv": 1,
 	"th": 1,

src/app/storymaps/common/_resources/nls/cs/media.js

@@ -116,8 +116,12 @@ define({
       "unloadLbl": "Zrušit spouštění, když čtenář opustí stránku",
       "unloadHelp": "Pokud webová stránka obsahuje audio nebo video média, nechte tuto možnost zaškrtnutou, aby se přehrávání tohoto obsahu ukončilo, pokud čtenář stránku opustí. Zrušte její zaškrtnutí, pokud například chcete, aby hudební podkres hrál po celou dobu prohlížení příběhu.<br />Pokud je webová stránka aplikací, zrušte zaškrtnutí této možnosti, aby se příběh nespouštěl znovu, když se k němu čtenář vrátí.",
       "embedProtocolLabel": "Nahrát stránku přes zabezpečené připojení (HTTPS)",
-      "embedProtocolWarning1": "Pokud se tato webová stránka ve vašem příběhu nenačítá, nelze ji z důvodů zabezpečení webu vložit. Máte však možnost přidat do příběhu odkaz, který otevře stránku na nové kartě prohlížeče. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>Další informace</a>",
-      "embedProtocolWarning2": "Pokud se tato webová stránka ve vašem příběhu nenačítá, zrušte označení této možnosti a zkuste to znovu. Pokud se stránka stále nenačítá, nelze ji z důvodů zabezpečení webu vložit. Máte však možnost přidat do příběhu odkaz, který otevře stránku na nové kartě prohlížeče. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>Další informace</a>"
+      "embedProtocolWarning1": "Pokud se tato webová stránka ve vašem příběhu nenačítá, nelze ji z důvodů zabezpečení webu vložit. Máte však možnost přidat do příběhu odkaz, který otevře stránku na nové kartě prohlížeče.",
+      "embedProtocolWarning2": "Pokud se tato webová stránka ve vašem příběhu nenačítá, zrušte zaškrtnutí této možnosti a zkuste to znovu. Pokud se stránka stále nenačítá, nelze ji z důvodů zabezpečení webu vložit. Máte však možnost přidat do příběhu odkaz, který otevře stránku na nové kartě prohlížeče.",
+      "learn": "Více informací",
+      "lblAltText": "Alternativní text",
+      "placeholderAltText": "Vložte popis tohoto média pro zrakově postižené čtenáře...",
+      "tooltipAltText": "Uveďte popis obsahu tohoto média, který bude použitý pomocnými technologiemi, jako například software na čtení obrazovky. Popis je volitelný, nicméně se doporučuje, aby splňoval směrnice upravující dostupnost webu, jako například WCAG a článek 508."
     },
     "editorActionGeocode": {
       "lblTitle": "Najít adresu nebo místo",

src/app/storymaps/common/_resources/nls/da/media.js

@@ -116,8 +116,12 @@ define({
       "unloadLbl": "Udlæs, når læseren navigerer væk",
       "unloadHelp": "Bevar markeringen af denne indstilling, hvis websiden har medier med lyd eller video, for at forhindre, at indholdet afspilles, når læseren navigerer til en anden sektion. Fjern markeringen, hvis lydsporet skal afspilles, mens læseren gennemgår historien.<br />Fjern markeringen af denne indstilling, hvis websiden er en applikation, så genindlæses historien ikke, hvis læseren vender tilbage til den.",
       "embedProtocolLabel": "Indlæs side via en sikker forbindelse (HTTPS)",
-      "embedProtocolWarning1": "Hvis denne side ikke bliver indlæst i din historie, kan den ikke indlejres på grund af websikkerhedsårsager. Som alternativ kan du tilføje et link i din fortælling for at åbne siden i en ny browserfane. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>Lær mere</a>",
-      "embedProtocolWarning2": "Hvis denne side ikke bliver indlæst i din historie, skal du fjerne markeringen af denne indstilling og prøve igen. Som alternativ kan du tilføje et link i din fortælling for at åbne siden i en ny browserfane. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>Lær mere</a>"
+      "embedProtocolWarning1": "Hvis denne side ikke bliver indlæst i din historie, kan den ikke indlejres på grund af websikkerhedsårsager. Som alternativ kan du tilføje et link i din fortælling for at åbne siden i en ny browserfane.",
+      "embedProtocolWarning2": "Hvis denne side ikke bliver indlæst i din historie, skal du fjerne markeringen af denne indstilling og prøve igen. Hvis siden fortsat ikke indlæses, kan den ikke indlejres på grund af websikkerhedsårsager. Som alternativ kan du tilføje et link i din fortælling for at åbne siden i en ny browserfane.",
+      "learn": "Lær mere",
+      "lblAltText": "Alternativ tekst",
+      "placeholderAltText": "Indtast en beskrivelse af dette medie til synshæmmede læsere...",
+      "tooltipAltText": "Indtast en beskrivelse af dette medie, der kan benyttes i teknologiske hjælpemiddelprogrammer, såsom skærmlæsersoftware. Det er valgfrit at anvende en beskrivelse, men det anbefales med henblik på at opfylde retningslinjerne for tilgængelighed, såsom WCAG og Section 508."
     },
     "editorActionGeocode": {
       "lblTitle": "Find en adresse eller et sted",

src/app/storymaps/common/_resources/nls/de/media.js

@@ -116,8 +116,12 @@ define({
       "unloadLbl": "Wird angehalten, wenn Leser zu einem anderen Ort navigiert",
       "unloadHelp": "Wenn die Webseite über Audio- oder Video-Medien verfügt, lassen Sie diese Option aktiviert, um die Wiedergabe dieses Inhalts zu beenden, wenn der Leser zu einem anderen Ort navigiert. Deaktivieren Sie sie, um beispielsweise die Wiedergabe eines Soundtracks fortzusetzen, während der Leser durch die Story blättert.<br />Wenn es sich bei der Webseite um eine Anwendung handelt, deaktivieren Sie diese Option, damit die Story nicht erneut geladen wird, wenn der Leser zu ihr zurückkehrt.",
       "embedProtocolLabel": "Seite über eine sichere Verbindung (HTTPS) laden",
-      "embedProtocolWarning1": "Wenn diese Seite nicht in Ihre Story geladen werden kann, kann sie aus Gründen der Websicherheit nicht eingebettet werden. Alternativ können Sie Ihrer Zusammenfassung einen Link hinzufügen, um die Seite in einer neuen Browser-Registerkarte zu öffnen. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>Weitere Informationen</a>",
-      "embedProtocolWarning2": "Wenn diese Seite nicht in Ihre Story geladen werden kann, deaktivieren Sie diese Option, und versuchen Sie es erneut. Wenn die Seite trotzdem nicht geladen werden kann, kann sie aus Gründen der Websicherheit nicht eingebettet werden. Alternativ können Sie Ihrer Zusammenfassung einen Link hinzufügen, um die Seite in einer neuen Browser-Registerkarte zu öffnen. <a href='http://links.esri.com/storymaps/blogs_mixed_content/' target='_blank'>Weitere Informationen</a>"
+      "embedProtocolWarning1": "Wenn diese Seite nicht in Ihre Story geladen werden kann, kann sie aus Gründen der Websicherheit nicht eingebettet werden. Alternativ können Sie Ihrer Zusammenfassung einen Link hinzufügen, um die Seite in einer neuen Browser-Registerkarte zu öffnen.",
+      "embedProtocolWarning2": "Wenn diese Seite nicht in Ihre Story geladen werden kann, deaktivieren Sie diese Option, und versuchen Sie es erneut. Wenn die Seite trotzdem nicht geladen werden kann, kann sie aus Gründen der Websicherheit nicht eingebettet werden. Alternativ können Sie Ihrer Zusammenfassung einen Link hinzufügen, um die Seite in einer neuen Browser-Registerkarte zu öffnen.",
+      "learn": "Weitere Informationen",
+      "lblAltText": "Alternativer Text",
+      "placeholderAltText": "Geben Sie für sehbehinderte Leser eine Beschreibung dieser Medien ein...",
+      "tooltipAltText": "Stellen Sie eine Beschreibung dieses Medieninhalts bereit, der von Hilfstechnologien wie Sprachausgabe-Software verwendet wird. Eine Beschreibung ist optional, wird jedoch empfohlen, um den Richtlinien für barrierefreie Webinhalte gemäß WCAG und Abschnitt 508 zu entsprechen."
     },
     "editorActionGeocode": {
       "lblTitle": "Adresse oder Ort suchen",