esri / storymap-cascade Goto Github PK

Can a feature be added to the Cascade Story Map where a creator of the app can choose to make a video play automatically or require a response from a user to manually play a video?

This option would work for all video playback including in cover and immersive background videos, video added to the immersive "floating box" or video in the "Media" section where you can currently control the size of the video.

I would like the audio to work for videos on the Cover Slide it works fine on all other slide say for the Cover.

It seems that the project depends on Open Sans and Droid Serif webfonts without extended Latin character set. Are there any plans for subsituting current fonts with extended ones?
I've noticed that latin-ext is not available for Droid Serif so it would require to choose different font for sections.

In the product mode the program can run perfectly, but there are errors in the development mode, the error message is as follows：

This section never fires, because nothing publishes to the "story-scroll-section" topic.

topic.subscribe("story-scroll-section", function(cfg){
console.log("The section", cfg.index, "is now active");
});

It works just fine subscribing to the "story-navigated-section" topic, though. Should be an easy fix in either direction.

For some reason when I run the node cmd prompt commands on an AWS machine I've set up, the "deploy" folder does not populate with the correct files and directories.

When I do the same workflow on my laptop it works fine and I can host the index.html and access it via "localhost". Not sure what could be happening here. Any ideas?

Building per the instructions in the readme (V1.8.3), left me with errors because the vimeo player was not installed. This appears to be listed in bower.json, but not package.json file. Installing bower and then running bower install seemed to do the trick.

Also npm install generated errors because the prebuilt binary for [email protected] was unavailable for darwin (mac osx). yarn install worked fine. This could be a transient error, but I'm left wondering what the correct build process is.

I'm interested in building a custom media type... another option for adding a custom chart control in an immersive section. Am I able to do this. Do you have documentation for this?

After npm install, grunt fails:

$ grunt
....
Running "requirejs:builder" (requirejs) task
Error: ENOENT: no such file or directory, open '/Users/regan/wwwroot/StoryMaps/storymap-cascade/src/lib//clipboard/dist/clipboard.js'
In ... storymaps/common/ui/share/ShareURLPanel
....

This is likely due to the fact that dist/ is in the python section of your .gitignore file, so these files may be in your local files, but never made it into the repo.

I think that it would be beneficial to have the option to remove the title box from the cover slide so that you can have a video without having a period in the center as a filler to the title. Basically I would like the title of the app not have to be linked to the title box in the cover slide.

I have added an Immersive Section to my story map and would like to associate alternate text with the views that I am adding. I built my story map and added an immersive section that included 3 views with video. When I add the alternative text, and save each view the alternative text is still visible. When I save the story map and view it publicly the tags cannot be found when I search the code using Inspect tools in Google Chrome. You can see my working example here that the views no longer have alternative text associated with them.

Hi, it's not a issue, i'm wondering how to select the currect section's transition h2. I want to replace it in jquery but i'm not able to properly access it.

from the documentation I see the getBookmark and getPreviewText methods but nothing else...

Thanks for the input

I am struggling with removing index.html from the link. I want to have domain.com show my story map, but when I go to our home page it takes me to domain.com/index.html. Is this even possible?

Hi team!,

We have just realised that adding the parameters as usual: https://www.youtube.com/embed/cp9fcbxLDko?end=40&start=20

Doesn't work: https://arcg.is/1qOme1

But the JSON object is storing the parameters:

Is this a bug?

Thank you for your great work!! ❤️

We have noticed bug with background videos that seems to be unique to the Cascade template. On mobile devices, the substitute images don't show up in place of the videos. Instead, it says "Sorry, this content is not accessible." I've confirmed this on actual android and apple devices, and it's reflected in Chrome's mobile device simulations as well. Here are test URL's showing the behavior:

Used an iPhone and navigated to the "Why Is Petrified Forest a Great Place to Study Birds?" section:
http://www.arcgis.com/apps/Cascade/index.html?appid=0e0b07b70d4c4c16b320a34495fa64ce

Do you know how I can add an image to an immersive map similar to the UNHCR Rohingya Story Map? https://unhcr.maps.arcgis.com/apps/Cascade/index.html?appid=5fdca0f47f1a46498002f39894fcd26f

When I add an immersive map, I only see a text box with the text "Continue your story here..."

Hi,

I'd like to unmute the audio on a background Vimeo video I'm using in my Cover section. According to the Vimeo docs, this can be achieved by add the the param &mute=0 to the video url alongside background=1. However, this is not working with storymap-cascade.

On line 196 of Video.jsx, where Vimeo iFrames are constructed, a player Id is added to the URL string: &player_id=player-' + this._domID. It seems to be this player ID that overrides the &mute=0 param. Assuming that Esri has a custom player that is being loaded with this ID and is muting the audio, is there anyway that the muting functionality could be turned back over to the developer? Any other suggestions?

Thanks for any help.

After running npm Install and npm install –g grunt-cli I went to the index.html to enter in the App id. Then, I run the grunt command and I get to the point where the CMD prompt stops at Running "watch" task : Waiting.... Nothing is happening after that, its just stuck there waiting. I have successfully installed Map Series and have been able to get the deploy file but I cant get Cascades to work. I tried the same process with an older version of cascades , version 1.9.1, but was still unable to run grunt successfully.

I have been able to configure all of my other story maps (tour, shortlist, series, journal) to use proxy settings (either in the index.html, config.js ) to bypass log in screen for private maps and/or secure services, but cannot figure out where to apply them in the cascade files. All of the previous things I tried are not working with cascade.

I also have an OAuth app ID, but even reading the index.html, it seems that will not bypass as the comments read "When specified, sign-in is mandatory even if your story is public." I have added my appID and yes the login screen appears, which defeats my purpose.

How and where can I add the proxy rules code in the downloaded app? I am using non-developer download ZIP.

Hi,
I know this issue is not directly related to the storymap-cascade but i can't find any information on how to setup the default timeout for the autoplay.
If I append the &autoplay=1 in the url, my project is loading with autoplay but default to 10 sec. I would like to have a default of 5 sec.

Is it possible to change the default timeout in JS once loaded?

Thanks

I'm having trouble building the application from source code.

All I've done is clone the repository, run npm install and npm install –g grunt-cli and then run the grunt command. Here is a log:

$ grunt
Running "jshint:nls-en" (jshint) task
>> 2 files lint free.

Running "jshint:nls-all" (jshint) task
>> 74 files lint free.

Running "eslint:target" (eslint) task

/home/vince/github/storymap-cascade/src/app/storymaps/tpl/print/media/Text.jsx
  39:21  warning  Dangerous property 'dangerouslySetInnerHTML' found  react/no-danger
  43:35  warning  Dangerous property 'dangerouslySetInnerHTML' found  react/no-danger

/home/vince/github/storymap-cascade/src/app/storymaps/tpl/print/PrintViewReact.jsx
  258:20  warning  Dangerous property 'dangerouslySetInnerHTML' found  react/no-danger

✖ 3 problems (0 errors, 3 warnings)


Running "clean:build" (clean) task
>> 0 paths cleaned.

Running "clean:deploy" (clean) task
>> 0 paths cleaned.

Running "clean:jsapioptim" (clean) task
>> 0 paths cleaned.

Running "clean:fonts" (clean) task
>> 0 paths cleaned.

Running "mkdir:all" (mkdir) task
Creating "deploy/app"...OK
Creating "build"...OK

Running "copy:fonts" (copy) task
Copied 40 files

Running "copy:fonts2" (copy) task
Copied 9 files

Running "copy:fonts3" (copy) task
Copied 6 files

Running "copy:youtube" (copy) task
Copied 1 file

Running "copy:calcite-vars" (copy) task
Copied 2 files

Running "copy:less-in-react" (copy) task
Copied 116 files

Running "copy:hbs-in-react" (copy) task
Copied 63 files

Running "babel:dev" (babel) task

Running "copy:commonResources4react" (copy) task
Created 102 directories, copied 267 files

Running "requirejs:builder" (requirejs) task
grunt[44027]: ../src/node_contextify.cc:649:static void node::contextify::ContextifyScript::New(const v8::FunctionCallbackInfo<v8::Value>&): Assertion `args[1]->IsString()' failed.
 1: 0x7f06d7cb0a7c node::Abort() [/lib64/libnode.so.72]
 2: 0x7f06d7cb0b17  [/lib64/libnode.so.72]
 3: 0x7f06d7ca3188 node::contextify::ContextifyScript::New(v8::FunctionCallbackInfo<v8::Value> const&) [/lib64/libnode.so.72]
 4: 0x7f06d806a5d5 v8::internal::FunctionCallbackArguments::Call(v8::internal::CallHandlerInfo) [/lib64/libnode.so.72]
 5: 0x7f06d806b67f  [/lib64/libnode.so.72]
 6: 0x7f06d806b968  [/lib64/libnode.so.72]
 7: 0x7f06d806bc9d v8::internal::Builtin_HandleApiCall(int, unsigned long*, v8::internal::Isolate*) [/lib64/libnode.so.72]
 8: 0x7f06d8b30ab9  [/lib64/libnode.so.72]
Aborted (core dumped)

Cannot get Story Maps Cascade to go beyond the loading GIF after being deployed on web server. I worked with Esri Technical Support who suggested I raise the issue here after they were able to replicate the issue with multiple deployments on several different machines. Don't have a ton of additional information, but the bootstrap-overide.less is giving me a 404 error. Let me know if you need any additional information. Thanks!