Latest Contributions by FranklinAlexander

I have an application that uses the 'Near Me' widget to query a database and return a list of seabird rehabbers based on the distance from an address, or from any location set from a mouse click on map. The query result (rehabbers list) then appears in a panel in the widget beneath the search box and zoom slider. It shows the name of the rehabber and distance from the address/point.  I also have a legend that symbolizes the rehabbers by permit type (there are two symbols).  I don't like having to toggle between the legend and 'Near Me' widget, so I as able to place the legend inside the 'Near Me' widget just above the list of rehabbers. I think this is a step in the right direction, but I would also like to place a symbol beside each list item so people using the app can easily see what permit type the rehabber has. I can list the permit type in the table as well, but then you have to go into the details panel of the rehabber to view the permit type which can be a little inconvenient. I have looked, but haven't been able to find a method to extract the correct symbol from the legend in order to show it in a div beside the rehabber name. The feature layer with the symbology is published on REST services, so it can't be that hard to access the symbol, just haven't been able to figure it out yet. If anyone knows of a method that does this, or maybe can point me in the right direction on how to approach the scripting that would be great. I know where the script goes and generally how to set it up so that the symbol will appear next to the rehabber name in the feature list, it's just the specific code/method to access the correct legend symbol that is escaping me 🙂  There are actually several places in the 'Near Me' widget item-list.js file where I need to add code, but I am pretty sure the specific code I need for extracting the legend symbol should go here (where I have the question mark): _setItemLegend: function (templateDiv, value) {     var divItemLegend = query(".esriCTItemLegend", templateDiv)[0];     if (divItemLegend) {          var value = code/method to get legend image?          domAttr.set(divItemLegend, "innerHTML", value);          domAttr.set(divItemLegend, "Legend", value);      } }, Thanks for any ideas!!  ... View more

I have recently updated a web app to WAB 2.4 that pulls black bear sighting data from a server when queried. The query widget has 7 parameters with which to filter results, two of which are a start date and end date. I am using the jquery datepicker for the dates, but I want the app to automatically update the results when the calendar is closed. I already have an "onchange:" event set in the widget html, which works fine for the other parameters, but not with the datepicker. I have been trying to use the onClose method from within the datepicker object to search the database and update the results when the calendar is closed, but when I try and call a function that has been defined outside of the $(document).ready(function), I get a type error: 'this._BBearFetch is not a function'. I am fairly sure this is a scope issue, but I cannot figure out how to solve this. The function I am trying to call is defined as a value in the clazz object, and I located the datepicker in the startup: function(). I hope this makes sense, but I have attached a code snippet for more clarity. Thanks for any advice, I am sure I am missing something obvious.  ... View more

Looking for some advice here, as I am still learning Javascript, but have been tasked with making some changes to a widget that was authored by one of my predecessors. The widget tracks your path, logs the positions in a log file, and creates a csv file for export. The watchPosition() method takes positions constantly, which while great for accuracy, creates way too many entries in the log file and the csv file. I am looking for the best way to limit logged entries by either setting some sort of logging interval based on time, or by counting loops. I have been playing around with different scripts, and have found one that works fine in a testing environment, but when I insert it into the widget.js file it doesn't seem to do anything. The script basically takes a time stamp before the loop, and another one each time the loop repeats. I set up an array to capture the 'distance' between each time stamp and to capture only unique values (seconds). I then have it set up to log the position whenever the last added value entered into the array is divisible by 2. The problem I am having is that the variables I defined before the loop aren't being recognized inside the loop, hence the distArray never gets populated. I don't know if this is a hoisting issue, or maybe has to do with the asynchronous nature of the widget.js code. Here is a snippet of my code, and I have also attached the widget.js file. Not looking for anyone to write me code for me, but I am probably must missing something that may be obvious to you guys! Thanks  targetlayer.queryFeatures(query, lang.hitch(this, function(featureSet) {          var ResultFeatures = featureSet.features;       var currenttime = this.TimeStamp();       var distArray = [];       var startTime = new Date().getSeconds();       for(var i = 0; i < ResultFeatures.length; i++){             var loopTime = new Date().getSeconds();             var distance = loopTime - startTime;             var currentLoc = (currenttime + ',' + PositionSet[0].toPrecision(8) + ',' + PositionSet[1].toPrecision(8) + ',' +                   targetlayer.name + ',' + ResultFeatures.attributes[resultField]);             var currentLocArray = currentLoc.split(",");             resultsArray.push(currentLocArray);             var logValue = this.Log.value += '\r\n' + currentLoc;             if (distArray.indexOf(distance) === -1) {                    distArray.push(distance);                    if (distance % 2 == 0) {                          logValue;                    } else {                          continue;                    }              } ... View more

I have my 'About' widget set to open at startup. When in mobile layout, however, it fails to open on startup. I know this because the header controller creates a container in which to place icons when the screen size shrinks to the point that they no longer fit on the header controller. Once the 'About' widget is placed inside the 'more' widgets container, it is no longer located directly on the header controller, which prevents it from opening at startup. At least this is my understanding of what is happening. I am pretty sure I need to modify the Widget.js file in the HeaderController, but any pointers as to what code to look for and how to edit it would be great!  ... View more