Durandal Get Started Sample - durandal

I've tried following the Get Started example from the Durandal homepage, and just get..
I've refreshed the files from the Starter app / example, and followed the Get Started tutorial once a few weeks ago, and twice again today, and just get the numbers as above, not the expected form to type a name into.
Where do I even go to start debugging this issue?

I would start by pressing "F12" and opening the browser debugging console, to see if all the files have come down. There may even be some syntax errors as well.
The HotTowel template by John Papa is also worth a look.
If you are just starting out with Durandal, also have a look at Aurelia, which is effectively the next version of Durandal.

Related

Browser Back Button in vue-router doesn't do anything

Is the vue router in hash mode supposed to react when you hit the back button in the browser?
I’m using the most current package, and I’ve searched and searched and I have seen this bug reported elsewhere, but I’ve never seen it resolved. If this is working as intended then I don’t need to try to debug my code
Thanks for any help
FYI - We ended up just switching to history mode.
According to this git commit though, updating to vue-router#3.4.9 should fix it
https://github.com/vuejs/vue-router/commit/a95795c1c59361ab7cc23009ff2e2aecd46827a1
I haven't tested this but I thought I would leave what solution I found

Trusted Web Activity shows address bar after switching between different Apps

I'm having a really weird behaviour with my TWA. When I am launching the app, the address bar is not shown and the app is running in standalone mode as expected.
But when I am switching between Apps (putting the app in the background), and coming back to it, something weird happens: the page reloads, and the address bar is shown at the top of my app. I am not really sure to understand what's happening here. Even more strange, it looks like this weird behaviour is not happening all the time.
Does anybody here encountered similar issues ?
I checked my assetlinks file, it's accessible and valid, app bundle and so on, everything looks fine. The fact that the app is not showing the bar at launch also seems to confirm that the problem is not coming from the certificate or a configuration issue. What else could cause the problem ?
First launch (looking perfect):
Back from background:
We have seen this occasionally as well.
Which version of Chrome Custom Tabs are you using? Seems like most articles/tutorials use e446d08 which is quite outdated. Suggest trying a newer/latest version of it:
https://github.com/GoogleChrome/custom-tabs-client/commits/master
Their last commit comment suggests that they are still testing things:
There's definitely more we can test, but this is a start.
https://chromium.googlesource.com/custom-tabs-client/+/da65829d7d4b80c00809c6c4aa7f61f88fc7ca26

Bootstrap carousel doesn't start automatically

It may appear a repeated question but it is a serious one and I found no solution for it in any related question.
I have downloaded a bootstrap theme from ShapeBootstrap website
Demo theme
I use Firefox 30. As you may see in the demo page too, the slider doesn't start automatically! however if one click on the next slide it starts running!
I did anything I read in the similar questions but nothing happened!
The order of scripts is OK
It is in the end of file
No error reported in console ...
You can view and follow the source code of the demo page. Everything is in its place. But I wonder why it has this problem even in the official website of the theme.
Please guide me what can I do.
To understand what was going wrong was difficult!
I replaced the carousal section(html) with this one from http://startbootstrap.com/templates/full-slider/
I added full-slider.css to the list of my css files and used the latest version of bootstrap script and now it works!

MarkerWithLabel stopped working correctly

All of a sudden yesterday 3/4/2014 my MarkerWithLabel (Google map API application) is only showing the last marker but the labels all show up. It had been working just fine. The Google Example at: https://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.0.1/examples/basic.html is not working at all and I based my code on this example that used to work just fine.
In link below I placed 2 markers with labels on a map. Only marker 2 displays while both labels display. Reversing the markers causes marker 2 to display but not marker 1. Both labels display.
What changed or what am I doing wrong?
You can see my problem first hand at http://qsomap.org/QSOmapProduction/labeltest.htm . This was working correctly 2 days ago.
It appears as if the latest google maps update broke something that markerwithlabel code relies on. The same thing happend to some of my maps. We'll have to wait until a fix is available.
The current solution is to set the google maps API version to 3.15 or lower:
https://code.google.com/p/google-maps-utility-library-v3/issues/detail?id=296&sort=-id&colspec=ID%20Type%20Status%20Priority%20Fixed%20Owner%20Summary%20Stars
Using ...maps.google.com/maps/api/js?sensor=false&v=3.15 works
Using ...maps.google.com/maps/api/js?sensor=false&v=3.16 goes wrong
Using ...maps.google.com/maps/api/js?sensor=false goes wrong as well
The most recent Google API update (4th APR 2018) has broken my version of MarkerWithLabel. I have not yet tested MarkerWithLabel 1.9.1, but it is still the current and most recent update (I was on an older build). Here is a link to the latest version:
https://github.com/googlemaps/v3-utility-library/tree/master/markerwithlabel
I have reverted to an older version by including &v=3.31 in the URL and this has restored functionality, many thanks to #Mikrohard for the tip.
I'm not moving until I've investigated if the update has broken other libraries such as map clusters.

Displaying PDF on website using pdf.js

I want to put a file sample.pdf on my website, and want it to be displayed using pdf.js. What I want is to display my own file like the demo, with a toolbar, zooming in/out, etc. So far I can't do that yet.
I did check out the helloworld example, but it simply shows the file like an image, without toolbar, zooming in/out, etc. When I put another file with many pages instead of helloworld.pdf, it just shows the first page.
I am not quite sure what you are looking for but I was able to get this working exactly like the demo. Although you may not want to use that example viewer for your project, you can use the working code as a starting point for your own requirements.
For a simple test you can just clone the project somewhere under a web server into a directory like myproject and visit http://yourservername.com/myproject/web/viewer.html. You should see the pdf appear. This can be a starting point to working with this project. I did this running a very basic Apache server on Linux.
If you are not looking for an example styled like that the demo above you can also see this jsbin from the docs that show how to do something completely customized with working next/previous buttons to move between the pages (as you mentioned you were only seeing the first page).
As a note, it seems that this library does not work properly with Safari. You can see an issue about it here. Unfortunately this makes it unusable for me now as I need to support all current browsers.
Also, remember to watch for the warnings concerning CORS.