Affordable Parking Program

Basics

The Public Information Office (PIO) submits requests to update the Affordable Parking Program AGOL Webapp from time to time to reflect new garage additions or changes of information. The update includes editing the garages feature class in MAINT and overwriting the service in AGOL; as well as updating the HTML/CSS of the webapp's sidebar with the new information and linking to each garage.

Digitization

The feature class lives in MAINT as ATD_ADMIN.affordable_parking_garages

The mxd is in G: ATD_GIS\Parking_Enf_Mgmt\Affordable_Parking_Program\APP_simplified.mxd

The feature service in AGOL is: Affordable_Parking_Program\APP_garage_simplified

Edit setup:

• You may bring in nearmap imagery and a streets FC for reference, but remember to remove them from the mxd before publishing the updates.

• You can copy existing building footprints from DataMart.

Specs:

• All buildings are symbolized through the COLOR field with the hexadecimal color #3fbdaa

• All buildings need a building ID number in order for the sidebar link to work (more on this below). When you add a new building, sort by the BUILDING_FOOTPRINTS_2015_ID field and assign the next number in the sequence to your building.

• Make sure that new buildings follow the same conventions (abbreviations, case, etc.,) as the other buildings.

QAQC

After publishing the updated services to AGOL, check your work on the Affordable Parking Garage Webapp.

Updating the sidebar's HTML/CSS

Start by editing the Affordable Parking Garage Webapp through AGOL. You'll find the code in the info widget in the header. Open it and click on the View HTML Source button on the right side to see the html list of the garages from the feature service. Clicking on the name of the garage takes users to the location on the map (via a hyperlink that reloads the map to center on the selected garage) and clicking on the email allows users to email the contact.

Next, you'll edit the source html code in github. The source code can be found here. Unless PIO requests it, we don't need to edit the <style> CSS at the top of the document. Each garage that you edit or add has the following template code:

    <div>
        <a href="https://austin.maps.arcgis.com/apps/webappviewer/index.html?id=6357fb0a495b48e3bc07640c32e6c5fa&amp;find=9" style="text-decoration: none">

            <span class="name">Littlefield Garage</span>
            <span class="address">508 Brazos St.</span>
        </a>    
            <span class="info">$40 (plus tax) per pass per month</span>
            <span class="info">3 p.m. – 7 a.m. Mon. – Fri. and all day Sat./Sun.</span>
            <span class="info" style="padding-bottom: 10px">contact Christina Murray with Premier Parking at 512.536.1145 or <a class="link" href="mailto:[e-mail]"><b>[e-mail]</b></a></span>
    </div>

Copy the above template and add it at the bottom of the list, updating the info as necessary. In the link to the building, replace the number at the end to match the new building's ID: ...find=ID". Make sure to maintain proper nesting, indentation and line breaks in the code. Test the html. Paste the new html code into the List of Garages info widget in the header of the webapp.

QAQC

After updating the html in the webapp, check your work on the Affordable Parking Garage Webapp.