Posts by Peter Bradstreet

Hi David,

As always you went above and beyond, thanks for the help!! I have your sample working so I will dissect it and apply your approach to my app.

Thanks again!
Pete

Hi David,

Still pounding away on Google maps and I have it working so that if you click on a map marker it pops up an infowindow that displays html content. In that content I want to have a button that takes the user to a different AB view. I was thinking that the best way to do this was to place a hidden button (HiddenButton1) on the map view and then have the button in the infowindow trigger the hidden button to go to the details view.

The js code snippet that sets the content of the infowindow is as follows:

var contentString = '<b>Vessel: '+vesselname+'<br>Type: '+vesseltype+'<br>Model: '+vesselmodel+'<br>Position Updated: '+vesselgeoupdated+'<br><img src='+vesselimage+' width="250" ><br><br><button type="buttton" onclick="document.getElementById(\'"HiddenButton1"\').click();" style="background-color:#09cac7;border-radius: 20px;color:#ffffff;padding:10px;">Boat Details</button></b>';

When I click on the button in the marker infowindow I get the following console error: "SyntaxError: '' string literal contains an unescaped line break".

I was wondering whether this is the right approach and if so, what the correct syntax would be for the infowindow button or whether I am totally off base and there is a better way to handle this?

Thanks!
Pete

Thanks! I should have seen that.

Pete

Hi David,

I hope that you are well. I am struggling with Google maps a bit and I was wondering if you would mind taking a quick look at my code. I am working originally from the Google Maps 3 sample and have it working with showing a single marker which then shows an infowindow on mouseover.

I am now trying to run a query in Firebase to return a number of records that I want to show as multiple markers on the map. Initially, I am just tryng to show markers for a series of manually stored locations and once I have it working, I will switch it to using dynamic data.

I am having an issue with the correct syntax for converting some code that I found online to be accepted by the AB code editor. Here is the code: StartJS window.App.GoogleMap = {}; angular.element(document).ready(function () { window.App.GoogleMap.Map = new google.maps.Map( document.getElementById('HtmlContent1'), { zoom: 1, center: new google.maps.LatLng(0, 0), mapTypeId: google.maps.MapTypeId.terrain, fullscreenControl: false, streetViewControl: false , styles: [{ "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{ "color": "#444444" }] }, { "featureType": "landscape", "elementType": "all", "stylers": [{ "color": "#f2f2f2" }] }, { "featureType": "poi", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "all", "stylers": [{ "saturation": -100 }, { "lightness": 45 }] }, { "featureType": "road.highway", "elementType": "all", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "water", "elementType": "all", "stylers": [{ "color": "#bae6f7" }, { "visibility": "on" }] }] } ); var locations = [ ['Test location1', 20.890542, -105.274856, 4], ['Test location2', 20.923036, -105.259052, 5], ['Test location3', 20.028249, -105.157507, 3], ['Test location4', 20.80010128657071, -105.28747820854187, 2], ['Test location5', 20.950198, -105.259302, 1] ]; var markers = []; var num_markers = locations.length; for (var i = 0; i < num_markers; i++) { window.App.GoogleMap.markers[i] = new google.maps.Marker({ position: {lat:locations[i][1], lng:locations[i][2]}, map: window.App.GoogleMap.Map, html: locations[i][0], id: i, }); console.log(num_markers+' locations'); // window.App.GoogleMap.Marker = new google.maps.Marker({map: window.App.GoogleMap.Map}); // var latlng = new google.maps.LatLng(20.74923368851367,-105.37793475306216); // window.App.GoogleMap.Marker.setPosition(latlng,latlng); // window.App.GoogleMap.Map.setZoom(16); // window.App.GoogleMap.Map.panTo(window.App.GoogleMap.Marker.position); // window.App.GoogleMap.Map.panTo(latlng); // window.App.RootScope.$apply(); // }); EndJS

The specific section that is obviously wrong and won't compile is this portion:

for (var i = 0; i < num_markers; i++) { window.App.GoogleMap.markers[i] = new google.maps.Marker({ position: {lat:locations[i][1], lng:locations[i][2]}, map: window.App.GoogleMap.Map, html: locations[i][0], id: i, });

Any assistance would be greatly appreciated! ...Pete

Hi David,

I'm just looking for a little advice. I will be inserting images into the app and storing them in the Firestore database. I will be allowing the user to either take the photo using their device or select from the device's gallery as per your AB1 sample 'Camera 3'.

In order to speed up the app, I want to limit the size of the stored images. If the saved image is portrait, I want to resize it to a maximum height of 320px and if it is landscape, I want to resize it to a maximum width of 320px before I upload the image.

I was wondering what your suggested method would be for doing this? It looks like the camera control can be used to scale the image if they take the picture but not if they select an existing picture from their device?

Cheers, Pete

You are right, I just tried it. I was trying to put the field in the brackets 'doc.data(firstname)', not 'doc.data().firstname' as I should have been. I figured I was making a dumb mistake and I was.

Cheers, Pete

Ah, that is perfect, it worked. I wasn't declaring the userData variable and that was my problem.

Many thanks as always! Pete

Hi David,

I hope that you are well. I am hitting a bit of a brick wall on something that I sense should be deady easy and I am wondering if you could give me a quick hand. Throughout my app in AB1 I have firebase firestore queries that pull back query results and I populate report objects with the response data. To edit individual records, I pick up the onclick event and edit each record in an edit view and all is good.

Now I have a couple of views where the data returned is for a single record such as in the case of a user profile view. I want to pull in the single record when the view is loaded and populate several fields in the view such as firstname, lastname and email. I have the following code running on view show:

StartJS var db = firebase.firestore(); var userid = window.App.RootScope.usertoken; var docRef = db.collection("users").doc(userid); docRef.get().then(function(doc) { if (doc.exists) { console.log("Document data:", doc.data()); } else { // doc.data() will be undefined in this case console.log("No such document!"); } }).catch(function(error) { console.log("Error getting document:", error); }); EndJS

This properly pulls in the record and shows the following in the console:

I think that I need to parse this object in order to obtain the individual field values in order to place them into the view for editing but I am struggling with the proper approach. If you could point me in the right direction it would be greatly appreciated.

cheers, Pete

Just a quick update to advise the cause of the issue in case anyone runs into the same issue and a shout out to David for his typical awesome assistance. It turned out that there was a likely corruption on one of the config files that can be found in the User Documents\AppBuilder\ folder. I renamed that folder and reinstalled the app and the problem was solved. Thanks again David!

Sure thing, I will just reboot although I am pretty sure that it will still not work. If that is the case, I will send you an email with instructions on how to access my computer.

Hi David,

I am having an issue in AB1. I need to add a reference to another external js file (qrcode.min.js) but when I click on the toolbar icon to access the file manager or press F6 AB consistently locks up and I have to use the task manager to crash out of it. Any ideas on what the problem might be?

Cheers,
Pete

I am pretty sure that you can count on that!

No worries, I understood your first response and I appreciate the tip on troubleshooting Cordova. Cheers, Pete

Hi David,

I hope that you are well.

Full disclosure, I have decided to finish off my current app in AB1 as it is currently more complete and polished and converting everything over to AB2 with my meager javascript skills was becoming very time intensive.

I believe that you are right in what you are doing and probably for my next project I will start off in AB2 but I feel that AB1 is the route to go for me right now.

That being said, I am at a point in the development where I want to test everything in different devices so I have installed Android Studio so that I can use the emulator. So I am trying to find the easiest way to create the Android APK file to be able to install it into the emulator. I have followed your instructions at https://www.decsoftutils.com/blog/android-apps-with-decsoft-app-builder/ but when clicking on cordova_android_release.bat in the compiled folder I am getting the following error:

Could you please point me in the right direction to resolve this? If the error is resolved, will it be obvious where it creates the apk file? Cheers, Pete

Hi David,

I have to concur with Samuel, I am not finding most things particularly intuitive and there is currently a distinct lack of equivalent samples to match the existing old AB samples which I have used extensively to learn.(including as many comments in samples as possible)

I really believe that you are on the right track and that this is the way to go. I am sure that we are just very early in the development cycle and expect some teething pains. On the downside all of our posts might be perceived by potential buyers that the new product still needs more work but on the other hand, your continued fast reaction times and very helpful responses should be percieved by potential buyers as a valid reason for working with decsoft! I am slowly dragging my way up the pure javascript learning curve thanks to a couple of Udemy courses but still a ways to go yet.

Pete