Version 1.15.1, corresponding to the June 2018 release of ArcGIS Online

Gruntfile.js

@@ -243,6 +243,12 @@
 						cwd: 'src/app/storymaps/common/builder/ckeditor/',
 						src:['editor.css', 'plugins/storymaps*/plugin.js', 'plugins/storymaps*/icons/**'],
 						dest: 'deploy/resources/lib/ckeditor/'
+					},
+					{
+						expand: true,
+						cwd: 'src/lib-app/arcgis-html-sanitizer/umd',
+						src:['arcgis-html-sanitizer.js'],
+						dest: 'deploy/resources/lib/arcgis-html-sanitizer/umd'
 					}]
 				},
 				jsapioptim: {

package.json

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

src/app/config.js

@@ -28,6 +28,10 @@ app.cfg = {
 		}
 	},
 
+	// Date to enforce HTML sanitization for apps created after (06/27/18)
+	HTML_SANITIZER_DATE: 1530072000000,
+	JUNE_RELEASE_DATE: 1530072000000,
+
 	//
 	// Layouts
 	//
@@ -92,6 +96,12 @@ app.cfg = {
 	HELP_URL: "http://storymaps.arcgis.com/en/app-list/map-journal/",
 	HELP_URL_PORTAL: "#/Story_Map_Journal/0193000000v4000000/",
 
+	// links to third-party terms of service
+	YOUTUBE_TERMS_LINK: "http://links.esri.com/storymaps/youtube-terms",
+	VIMEO_TERMS_LINK: "http://links.esri.com/storymaps/vimeo-terms",
+	FLICKR_TERMS_LINK: "http://links.esri.com/storymaps/flickr-terms",
+	GOOGLE_TERMS_LINK: "http://links.esri.com/storymaps/google-terms",
+
 	// Control the authorized data source (for initialization and import screen)
 	AUTHORIZED_IMPORT_SOURCE: {
 		flickr: true,

src/app/main-app.js

@@ -11,17 +11,22 @@ else {
 
 	require([
 			"dojo/i18n!./resources/tpl/viewer/nls/template.js?v=" + app.version,
+			"dojo/i18n!commonResources/nls/core.js?v=" + app.version,
 			"esri/urlUtils",
+			"dojo/_base/lang",
 			"dojo/dom",
 			"app/custom-scripts",
 			"lib-app/jquery",
 			"dojo/ready"
 		], function(
 			i18nViewer,
+			i18nCommonCore,
 			urlUtils,
+			lang,
 			dom
 		){
 			i18n = i18nViewer;
+			lang.mixin(i18n, i18nCommonCore);
 
 		 	require([
 					"storymaps/common/Core",
@@ -35,23 +40,18 @@ else {
 								"storymaps/common/builder/Builder",
 								"storymaps/tpl/builder/BuilderView" ,
 								"dojo/i18n!./resources/tpl/builder/nls/template.js?v=" + app.version,
-								"dojo/i18n!commonResources/nls/core.js?v=" + app.version,
 								"dojo/i18n!commonResources/nls/media.js?v=" + app.version,
 								"dojo/i18n!commonResources/nls/webmap.js?v=" + app.version,
-								"dojo/i18n!commonResources/nls/mapcontrols.js?v=" + app.version,
-								"dojo/_base/lang"
+								"dojo/i18n!commonResources/nls/mapcontrols.js?v=" + app.version
 							], function(
 								Builder,
 								BuilderView,
 								i18nBuilder,
-								i18nCommonBuilder,
 								i18nCommonMedia,
 								i18nCommonWebmap,
-								i18nCommonMapControls,
-								lang
+								i18nCommonMapControls
 							){
 								lang.mixin(i18n, i18nBuilder);
-								lang.mixin(i18n, i18nCommonBuilder);
 								lang.mixin(i18n, i18nCommonMedia);
 								lang.mixin(i18n, i18nCommonWebmap);
 								lang.mixin(i18n, i18nCommonMapControls);

src/app/storymaps/common/Core.js

@@ -8,6 +8,8 @@ define(["lib-build/css!lib-app/bootstrap/css/bootstrap.min",
 		"esri/arcgis/utils",
 		"./utils/CommonHelper",
 		"esri/urlUtils",
+		//Embed bar
+		"storymaps/common/ui/EmbedBar/EmbedBar",
 		// Builder
 		"./builder/MyStoriesWrapper",
 		// Utils
@@ -39,6 +41,7 @@ define(["lib-build/css!lib-app/bootstrap/css/bootstrap.min",
 		arcgisUtils,
 		CommonHelper,
 		urlUtils,
+		EmbedBar,
 		MyStoriesWrapper,
 		has,
 		IdentityManager,
@@ -581,6 +584,35 @@ define(["lib-build/css!lib-app/bootstrap/css/bootstrap.min",
 		{
 			console.log("common.core.Core - initApp");
 
+			// Initialize Embed bar
+			var urlParams = esri.urlToObject(document.location.search).query || {};
+			var classicEmbedMode = urlParams.classicEmbedMode ? true : urlParams.classicEmbedMode === "" ? true : urlParams.classicembedmode ? true : urlParams.classicembedmode === "" ? true : false;
+			var isEsriLogo = app.data.getWebAppData().getLogoURL() == "resources/tpl/viewer/icons/esri-logo-white.png" ? true : false;
+			var strings = i18n.commonCore.embedBar;
+			lang.mixin(strings, {
+				open: i18n.viewer.shareFromCommon.open,
+				close: i18n.viewer.common.close,
+				shareFacebook: i18n.viewer.headerFromCommon.facebookTooltip,
+				shareTwitter: i18n.viewer.headerFromCommon.twitterTooltip
+			});
+
+			var shareElements = [$(".shareBtns")];
+
+			app.embedBar = new EmbedBar({
+				classicEmbedMode: classicEmbedMode,
+				strings: strings,
+				appCreationDate: app.data.getWebAppItem().created,
+				june2018ReleaseDate: app.cfg.JUNE_RELEASE_DATE,
+				isBuilder: app.isInBuilder,
+				isEsriLogo: isEsriLogo,
+				logoPath: "app/storymaps/common/_resources/icons/esri-logo-black.png",
+				logoElements: [$(".logoContainer")],
+				taglineElements: [$(".linkContainer")],
+				shareElements: shareElements,
+				appTitle: app.data.getWebAppData().getTitle(),
+				bitlyCreds: [app.cfg.HEADER_SOCIAL.bitly.key, app.cfg.HEADER_SOCIAL.bitly.login]
+			});
+
 			// Resize everything after picture has been set
 			handleWindowResize();
 
@@ -620,12 +652,12 @@ define(["lib-build/css!lib-app/bootstrap/css/bootstrap.min",
 				History.replaceState({}, "", "index.html" + document.location.search + document.location.hash);
 			}
 
-			var urlParams = document.location.search;
-			if (urlParams) {
-				urlParams = urlParams.replace('&preview', '');
+			var rawUrlParams = document.location.search;
+			if (rawUrlParams) {
+				rawUrlParams = rawUrlParams.replace('&preview', '');
 
-				if (urlParams != document.location.search) {
-					window.history.replaceState({}, '', 'index.html' + urlParams + document.location.hash);
+				if (rawUrlParams != document.location.search) {
+					window.history.replaceState({}, '', 'index.html' + rawUrlParams + document.location.hash);
 				}
 			}
 		}

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

@@ -145,13 +145,29 @@ define({
     "httpsTransitionMessage": {
       "bannerMsg": "رسالة هامة حول أمن الويب وخرائط القصة",
       "s1h1": "تقوم Esri الآن بتحسين أمن خرائط القصة",
-      "s1p1": "خرائط القصة المباشرة على الويب ومجتمع الويب يعملان دائمًا على إنشاء وتنفيذ الأمن بصورة أفضل. تظهر HTTPS، التي توفر اتصالاً آمنًا للمحتوى المرسل عبر الإنترنت، بوصفه الطريقة المتوقعة للوصول إلى محتوى الويب. يظهر الآن معظم المستعرضات الحديثة رسائل تحذيرية عند استخدام HTTP بدلاً من HTTPS. نظرً لهذا المعيار الناشيء، ابتداءً من تحديث يونيو 2018 على ArcGIS Online، سوف يتعين على خرائط القصة استخدام HTTPS.",
-      "s1p2": "عملياً، هذا يعني خريطة قصة وجميع محتوياته (بما في ذلك الصور، والطبقات، والتطبيقات المدمجة والمواقع) يجب أن يكون الوصول إليها باستخدام الروابط التي تبدأ بـ HTTPS بدلاً من HTTP. وهذا يضمن أفضل تجربة للقراء لأن معظم متصفحات الويب تشير إلى أن قصصك آمنة.",
+      "s1p1": "تكون خرائط القصة مباشرةً على الويب، ودائمًا ما يعمل مجتمع الويب على إنشاء وتنفيذ أمان بشكل أفضل. يتم دمج HTTPS الذي يوفر اتصالاً آمنًا للمحتوى المنقول عبر الإنترنت، على أنه الطريقة المتوقعة للوصول إلى محتوى الويب. تُظهر معظم مستعرضات الويب الحديثة رسائل تحذيرية عند استخدام HTTP بدلاً من HTTPS. ونظرًا لمقياس الدمج هذا، فإننا نوصيك بشدة باستخدام روابط HTTPS لإنشاء ومشاركة خرائط القصة، كما نوصيك باستخدام عناوين URL الخاصة بـ HTTPS فقط عند تضمين محتوى الويب أو الربط بالصور ضمن خريطة قصة.",
+      "s1p2": "ومن الناحية العملية، يعني ذلك أنه يجب الوصول إلى خريطة القصة وكل محتوياتها (بما في ذلك الصور والطبقات والتطبيقات ومواقع الويب المضمنة) باستخدام الروابط التي تبدأ بـ HTTPS بدلاً من HTTP. ويضمن ذلك الحصول على أفضل تجربة للقُرَّاء؛ وذلك لأن معظم مستعرضات الويب ستشير إلى أنت قصصك مُؤمَّنة.",
       "s2h1": "ماذا يتعين عليّ عمله؟",
-      "s2p1": "تعمل Esri على جعل هذا الانتقال سهل لمؤلفي وقراء خريطة القصة. تتوفر الأدوات الآن في منشيئي خريطة القصة والقصص الخاصة بي التي تساعدك في العثور على محتوى غير آمن (HTTP) في القصص الخاصة بك وتوفر توصيات حول كيفية معالجته. الرجاء التحقق من القصص الخاصة بك لمحتوى غير آمن والتحديث إلى HTTPS قبل يونيو 2018.",
+      "s2p1": "تعمل Esri على جعل ذلك انتقالاً سهلاً لمنشئي وقُرَّاء خريطة القصة. تتوفر الآن الأدوات في منشئي خريطة القصة والقصص التي تساعدك في البحث عن محتوى آمن (HTTP) في قصصك، كما توفر توصيات لكيفية عرضها. يرجى فحص قصصك فيما يتعلق بالمحتوى غير الآمن، كما يرجى التحديث إلى HTTPS بأسرع ما يمكن.",
       "action1": "إغلاق",
       "action2": "تحقق من القصص الخاصة بي الآن",
       "action3": "تعلم المزيد"
+    },
+    "embedBar": {
+      "share": "مشاركة",
+      "fullScreen": "ملء الشاشة",
+      "exitFullScreen": "خروج من ملء الشاشة",
+      "enlarge": "توسيع",
+      "newTab": "فتح في علامة تبويب جديدة",
+      "tagline": "خريطة قصة"
+    },
+    "june2018SurveyMessage": {
+      "bannerMsg": "هل يمكننا طلب شيء ما منك؟ سيساعد ذلك في رسم معالم خرائط القصة مستقبلاً.",
+      "s1h1": "مشاركة أفكارك ورسم معالم المستقبل",
+      "s1p1": "المدخلات هي مصدر الملاحظات الأهم والأحد لنا، وستساعدنا معرفة المزيد عنك في تحسين خرائط القصة. سندين لك بالفضل إذا كان بإمكانك المشاركة في هذا الاستطلاع الذي سيستغرق 3 دقائق.",
+      "s2p1": "وكالمعتاد، شكرًا لك لاستخدام خرائط قصة Esri!",
+      "action1": "إغلاق",
+      "action2": "بدء الاستطلاع"
     }
   }
 });

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

@@ -12,7 +12,8 @@ define({
       "disabled": "لقد تم تعطيل هذا المعلم بواسطة المدير",
       "userLookup": "تحميل الألبومات",
       "notImplemented": "لم يتم تنفيذها بعد.",
-      "noData": "لم يتم العثور على ألبوم عام"
+      "noData": "لم يتم العثور على ألبوم عام",
+      "thirdPartyTerms": "باستخدام خدمة خارجية، أنت توافق على شروط الخدمة الخاصة بها: "
     },
     "imageSelector": {
       "lblStep1": "اختيار الخدمة",
@@ -36,15 +37,6 @@ define({
       "signInMsg2": "لم يتم العثور على المستخدم",
       "loadingFailed": "فشل التحميل"
     },
-    "imageSelectorFacebook": {
-      "leftHeader": "مستخدم Facebook",
-      "rightHeader": "صفحة Facebook",
-      "pageExplain": "صفحة Facebook هي علامة تجارية/منتج عام أو ذات شهرة مثل <b>esrigis</b>. يمكنك الحصول على اسم الصفحة بعد  '/' الأول في عنوان URL للصفحة.",
-      "pageInputLbl": "اسم الصفحة",
-      "lookupMsgError": "لم يتم العثور على الصفحة",
-      "warning": "تم قطع الاتصال بدعم الفيسبوك، ${learn}.",
-      "learn": "التعرف على المزيد"
-    },
     "imageSelectorPicasa": {
       "userInputLbl": "البريد الإلكتروني أو Google ID",
       "signInMsg2": "لم يتم العثور على الحساب",

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

@@ -145,13 +145,29 @@ define({
     "httpsTransitionMessage": {
       "bannerMsg": "Važna poruka o internetskoj sigurnosti i Story Mapsu",
       "s1h1": "Esri unaprjeđuje sigurnost Story Mapsa",
-      "s1p1": "Vaš Story Maps koji se prikazuje uživo na internetu i internetska zajednica uvijek rade na tome da uspostave i provedu bolju sigurnost. HTTPS, koji osigurava sigurnu vezu za sadržaj koji se prenosi preko interneta, postaje očekivani način pristupa web sadržajima. Najsuvremeniji preglednici sada prikazuju poruke upozorenja kad se upotrebljava HTTP umjesto HTTPS. Zbog tog novog standarda, od ažuriranja ArcGIS Onlinea u lipnju 2018. vaš Story Maps trebat će upotrebljavati HTTPS.",
-      "s1p2": "Praktično govoreći, to znači da se Story Mapu i svom njegovom sadržaju (uključujući slike, slojeve, ugrađene appove i web-mjesta) mora pristupiti pomoću poveznica koje počinju HTTPS-om umjesto HTTP-om. Time se osigurava najbolje iskustvo za čitatelje jer će većina web-preglednika naznačiti da su vaše priče sigurne.",
+      "s1p1": "Vaše Story Maps uživo na mreži i mrežna zajednica uvijek radi na uspostavljanju u ostvarivanju veće sigurnosti. HTTPS, koji omogućuje sigurnu vezu za sadržaj koji se prenosi putem interneta, sve se češće pojavljuje se kao način pristupa mrežnom sadržaju Najmoderniji pretraživači sada prikazuju poruke upozorenja kada se upotrebljava HTTP umjesto HTTPS-a. Zbog ovog rastućeg standarda, preporučujemo da upotrebljavate HTTPS poveznice za stvaranje i dijeljenje za Story Maps i da upotrebljavate samo HTTPS URL-ove kada ugrađujete mrežni sadržaj ili stvarate poveznice na slike unutar Story Maps.",
+      "s1p2": "Općenito govoreći, to znači da u Story Maps i sav pripadajući sadržaj (uključujući slike, slojeve, ugrađene appove i web-mjesta) treba pristupiti putem povezinica koje počinju s HTTPS, a ne HTTP. To osigurava najbolje iskustvo vašim čitateljima jer će većina mrežnih preglednika prepoznati da su vaše priče sigurne.",
       "s2h1": "Što trebam napraviti?",
-      "s2p1": "Esri radi na tome da to bude lak prijelaz za autore i čitatelje Story Mapa. Alati su sada dostupni u sastavljaču Story Map i u Mojim pričama pomoću kojih ćete pronaći nesiguran sadržaj (HTTP) u vašim pričama i koji će vam preporučiti kako to riješiti. Pregledajte svoje priče za nesiguran sadržaj i nadogradite na HTTPS prije lipnja 2018.",
+      "s2p1": "Esri radi na toma da olakša ovaj prijelaz za autore i čitače usluge Story Maps. Alati su dostupni sada u sastavljačima za Story Map i My Stories koji vam olakšavaju pronalaženje nesigurnog sadržaja (HTTP) u vašim pričama i nude vam preporuke kako ih riješiti. Pregledajte ima li u vašim pričama nesigurnog sadržaja i nadogradite ih na HTTPS što je prije moguće.",
       "action1": "Zatvori",
       "action2": "Sada pregledaj moje priče",
       "action3": "Saznajte više"
+    },
+    "embedBar": {
+      "share": "Podijeli",
+      "fullScreen": "Puni zaslon",
+      "exitFullScreen": "Izađi iz punog zaslona",
+      "enlarge": "Uvećaj",
+      "newTab": "Otvori u novoj kartici",
+      "tagline": "Story Map"
+    },
+    "june2018SurveyMessage": {
+      "bannerMsg": "Možemo li vas nešto pitati? Pomoći će nam u oblikovanju budućnosti usluge Story Maps.",
+      "s1h1": "Podijelite svoje misli, oblikujte budućnost",
+      "s1p1": "Vaša su iskustva naš najvažniji izvor povratnih informacija i ako saznamo više o vama, to će nam pomoći poboljšati Story Maps. Bili bismo zahvalni ako biste sudjelovali u ovoj anketi koja traje tri minute.",
+      "s2p1": "Kao i uvijek, hvala na korištenju Esri Story Maps!",
+      "action1": "Zatvori",
+      "action2": "Ispuni anketu"
     }
   }
 });

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

@@ -12,7 +12,8 @@ define({
       "disabled": "Administrator je onemogućio ovu značajku.",
       "userLookup": "Učitaj albume",
       "notImplemented": "Još nije implementirano.",
-      "noData": "Nije pronađen javni album"
+      "noData": "Nije pronađen javni album",
+      "thirdPartyTerms": "Upotrebom usluge treće strane pristajete na njihove uvjete korištenja: "
     },
     "imageSelector": {
       "lblStep1": "Odaberite uslugu",
@@ -36,15 +37,6 @@ define({
       "signInMsg2": "Korisnik nije pronađen",
       "loadingFailed": "Učitavanje nije uspješno"
     },
-    "imageSelectorFacebook": {
-      "leftHeader": "Korisnik Facebooka",
-      "rightHeader": "Stranica Facebooka",
-      "pageExplain": "Stranica na Facebooku javni je brand/proizvod ili poznati subjekt kao <b>esrigis</b>. Možete vidjeti naziv stranice nakon '/' na URL-u stranice.",
-      "pageInputLbl": "Naziv stranice",
-      "lookupMsgError": "Stranica nije pronađena",
-      "warning": "Prekinuta je podrška za Facebook, ${learn}.",
-      "learn": "saznaj više"
-    },
     "imageSelectorPicasa": {
       "userInputLbl": "ID e-pošte ili Googlea",
       "signInMsg2": "Račun nije pronađen",