#8888/null | Explore Tumblr posts and blogs

soulsoulbear · 5 years ago

Text

New York City: Data Analytics of Venues and Airbnb Postings

1. Introduction

New York City has been one of the most popular destinations for tourists from all over the world for centuries. Because NYC is a melting pot of American culture, there is always something for every style, taste and budget. With more than 40 million people visitors coming to NYC each year, it is important to do some research to decide where to stay.

NYC is also the most populated and most diverse city in the U.S. with more than 8 million residents coming from every corner of the world. Airbnb provides a new way for tourists to book their rooms in NYC while residents can make extra money by posing their spare rooms online. Airbnb becomes an increasingly popular choice for travelers rather than traditional hotels.

People can choose from entire home/apartment, private room, and shared room depending on the budget. Rooms spread over every corner of NYC, from downtown Manhattan to Rockaway Beach that people can choose where they want to stay.

This project will provide information on what to eat/see/do in each neighbourhood, and location/price/types of Airbnb postings. It will help tourists to decide which neighbourhood is the best choice to stay for their trip.

2. Data Source

Airbnb data describes the listing activity and metrics in NYC, NY for 2019 (https://www.kaggle.com/dgomonov/new-york-city-airbnb-open-data). The dataset includes information of hosts, room types, prices, location, and reviews of each posting.

Based on the location, rooms can be grouped by neighbourhoods or boroughs, then types, prices, reviews data can be analyzed through the calculation and visualization. The number of reviews and prices can be predicted by applying regression machine learning models.

The venues in each neighbourhood can be obtained using Foursquare API, which includes name, location, and category. Neighbourhoods can be clustered based on the frequency and variety of venues. The labels can be used to help cluster Airbnb rooms and predict prices and reviews.

3. Methods: Data Cleaning, Analysis and Visulization

3.1 Airbnb Data

Airbnb postings of New York City were read from a csv file and save into a dataframe 'airbnb'. It contains the information of each posting such as name, host, location, price, room type, reviews, etc. It has 48895 postings and 16 features.

To begin with, all postings with zero or null value of price, which are regarded as invalid, will be dropped off. After cleaning, 48884 postings were left for future analysis.

Postings were then divided into different neighbouhoods based on their locations and were saved into a dataframe 'neighbourhood'. The geographical coordinates of each neighbourhood can be obtained by using Google api. Along with geographical coordinates of each posting, a heatmap showing the density of Airbnb rooms in New York City can be generated by using 'folium'. The markers are names of neighbourhoods and numbers of postings. The top 20 neighbourhood with most and least postings were bar plotted and labeled by borough. The share and number of rooms in each borough were also plotted.

The maximum, minimum, average and median price and review of postings in each neighbourhood can be calculated and added into the dataframe 'neighbourhood'. The top 20 most expensive and cheapest neighbourhoods were plotted and labeled by borough. Neighbourhood price distritbution of each borough was also plotted. The distribution of all reviews was obtained and divided into four groups based on the number of reviews. The top 20 most and least reviewed neighbourhoods were plotted and labeled by borough.

Based on the price, by apply K-Means clustering unsupervised machine learning model, neighbourhoods were divided into 5 clusters. Labeled neighbourhoods were displayed on the map of New York City with different colors. Similarly, clustering was conducted on the neighbourhoods based on the reviews data and subsequently displayed on the map.

By using the data of location, room type, minimum nights, reviews and availability, regression machine learning models were applied to predict the price of a posted Airbnb room.

3.2 Foursquare Data

Nearby venues data of each neighbourhood in New York City were obtained using Foursquare API and saved as 'NY_venues.csv'. The info includes the venue's name, location, and category. The heatmap of density of venues was displayed on the map of New York City. The markers are names of neighbourhoods. In total 22077 venues were obtained with 341 different venue categories.

The frequency of each venue category in a neighbourhood was calculated. Based on the frequency data, K-Means clustering machine learning model was applied to divide neighbourhoods into different groups. Labeled neighbourhoods were displayed on the map of New York City with different colors.

The venue category was also ranked based on its frequency in each neighbourhood. A defined parameter 'Score' was introduced and used to find the most common venue categories in a given labeled neighbourhood group. Top 8 highest scored categories were plotted in different groups.

3.3 Guide and Recommendations for Tourists

The overall analysis and visualization of Airbnb data gave tourists some guide and recommendations on where to stay during their visits, and results from Foursquare data could tell tourists what to eat/see/do in the nearby neighbourhoods.

4. Results and Discussions

4.1 Airbnb - Number

There are in total 48884 postings on Airbnb in New York City. Most rooms are located in two boroughs, Manhattan and Brooklyn. More than 20000 rooms in each borough, Queens is in the middle with about 6000 rooms, the other two Bronx and Staten Island don't provide many choices (Figure 4.1.1).

Manhattan and Brooklyn have more than 89% of all available rooms, while Staten Island and Bronx only have 3% of the rooms (Figure 4.1.2). For tourists, the most common choices of which Borough to stay is usually either Manhattan or Brooklyn.

A map of New York City with neighbourhoods as markers along with a heatmap of airbnb postings was generate and shown below. Red represents the highest density of rooms and green represents low density. Manhattan and Brooklyn have the highest density of rooms comparing with the rest three boroughs. But the neighbourhoods are approximately evenly distributed across the New York City regardless of the borough.

Considering which neighbourhood has the most or least available rooms for tourists to choose, the top 20 with most and least room neighbourhoods are shown in Figure 4.1.3 and 4.1.4. Apparently, most choices are provided in neighbourhood located in Brooklyn and Manhattan.

The top 5 are Williamsburg, Bedford-Stuyvesant, Harlem, Bushwick, Upper West Side. These neighbourhoods give tourists many choices.

However, tourists don't have many options if they want to stay in Staten Island. Rossville, Richmondtown, Fort Wadsworth, Willowbrook, New Dorp all only have 1 posting on Airbnb.

However, the number of postings in a neighbourhood does not necessarily tell tourists if it is a great place to stay during their travel. Maybe there are many residents in that area and they want to earn some extra money by posting their rooms on Airbnb. Thus, it is important to analyze prices and reviews on the postings as discussed in the following sections.

4.2 Airbnb - Price

The average and median prices of each neighbourhood were calculated. Median price is used to illustrate the price level of a neighbourhood.

Locations of neighbourhoods and their median posting price are shown in Figure 4.2.1. Size of the marker represents the median price. Neighbourhoods in Manhattan are close to each other at high prices. Neighbourhoods in Brooklyn which are close to Manhattan are more expensive than those are far from Manhattan. Bronx has dense but cheap neighbourhoods. Neighbourhoods in Queens spread over a large area with relatively low prices. Staten Island is far from the rest four boroughs and has a wide range of prices.

A price of $400 per night was chosen as the highest price most tourists could afford during a trip to New York City. Usually, one night in hotel is between $100 and $400 depending on which area to stay.

A box plot of median price in each borough shows the price range and distribution of neighbourhoods (Figure 4.2.2). Manhattan is the most expensive borough, and Brooklyn is the second one. Even though Bronx has more neighbourhoods than Staten Island, but the price is the lowest. Queens has the moderate price as well as the middle level of rooms.

With more rooms than other boroughs, Manhattan and Brooklyn also have the widest range of price. In general, the price is proportional to the number of rooms in a neighbourhood.

The top 20 neighbourhoods with the highest or least prices are shown in Figure 4.2.3 and 4.2.4. Only neighbourhoods with more than 5 postings are considered in the plots.

Almost all most expensive neighbourhoods are in Manhattan, undoubtedly Manhattan is the heart of New York City. The top 5 are Tribeca, NoHo, Flatiron District, Midtown, West Village, which are all located in the core area of Manhattan with more than $200 per night.

The cheapest 5 neighbourhoods are Concord, Castle Hill, Corona, Hunts Point, Tremont in Staten Island, Bronx and Queens. The prices are lower than $50 per night. Tourists with a limited budgets can choose these neighbourhoods.

Generally speaking, the price is proportional to the number of rooms in a borough. However, this does not tell tourists which a group of neighbourhoods are affordable or expensive.

Therefore, clustering of neighbourhoods with features Average Price, Standard Deviation Price, and Median Price was performed to assign a label to different neighhourhood. The box plot of the median price in each clustering labeled group is shown in Figure 4.2.5.

Label 3 has the highest price (more than $700) and way more than the other labels. Label 0 is the cheapest group with most prices lower than $100.

Based on the price distribution of each group, the label can be renamed by Low, Moderate, High, Very High, Extreme High.

Only 8 neighbourhoods fall in Very High and Extreme High groups which tourists may want to avoid when looking for good deals. And they can pick from the rest 3 groups depending on their budgets.

A map of New York City with price labels of neighbourhoods are shown below.

Two 'Extreme High' neighbourhoods (red) are both located in Staten Island.

Six 'Very High' neighbourhoods are in different boroughs are all close to the shoreline.

Most 'High' neighbourhoods are in Manhanttan midtown and downtown, with most major scenic spots around the corner.

'Low' neighbourhoods distribute all over the city but most of them are at suburban areas, public transportation is limited. But some of them are close to the airport, which is recommended for tourists who want to get a good deal before the flight.

'Moderate' neighbourhoods are most recommended for tourists who want to stay near urban areas with easy access to the city and with a relative affordable price.

4.3 Airbnb - Review

The number of reviews is an important feature to evaluate the popularity of a given posting. A large number of reviews usually mean that this room has a good history and is more popular compared with other rooms in that neighbourhood.

However, there are lots of postings which don't have any review record. Probably they are newly published on the Airbnb, or more interestingly, those postings are not welcome at all by tourists.

Below is a table showing the distribution of the number of reviews. The average value is 23.27 reviews with a standard deviation of 44.55. However, about 20% of postings do not have any reviews. Half postings have reviews less than 5. This half postings are not recommended due to their lack of review history.

The ratio of different numbers of reviews by borough is shown in Figure 4.3.1. Even though Manhattan and Brooklyn have more postings than anywhere else, more than 50% of them are poorly reviewed. In comparison, postings in Staten Island have relatively more reviews than others. Highly reviewed postings with more than 100 reviews are only less than 10%.

Total reviews of all postings in a neighbouhood is calculated and plotted (Figure 4.3.2). It is used to describe the number of rooms as well as the reviews of those rooms. Top neighbourhoods have not only more options for tourists to choose and most previous tourists prefer staying here. On the other hand, bottom neighbourhoods mean tourists rarely chose to stay there.

Top choices are all in Brooklyn and Manhattan, which are recommended for tourists because of their good records. Lowest neighbourhoods are poorly reviewed that tourists may want to avoid when searching for rooms.

In addition to price, reviews give tourists more information about a neighbourhood on whether it is a reliable place to stay.

Therefore, clustering of neighbourhoods with features Number of Rooms, Average Reviews, Total Reviews, and Median Reviews was performed to assign a label to different neighhourhoods.

The box plot of average reviews in each clustering labeled group is shown in Figure 4.3.4.

Label 0 and 4 have a wide range of average reviews. Label 1 has the most average reviews.

Based on the mean number of rooms, mean number of reviews, each group can be renamed as below. 10 neighbourhoods has a large number of rooms as well as reviews

A map of New York City with review labels of neighbourhoods are shown below.

4.4 Airbnb - Price Prediction

The features of postings used for price prediction are 'latitude','longitude', 'room_type', 'minimum_nights', 'number_of_reviews', 'reviews_per_month', 'calculated_host_listings_count', and 'availability_365'.

Multiple linear regression model (LR), polynomial linear regression model (PLR) and K nearest neighbors regression model (KNR) were used for prediction. 80% of dataset was used as training data, the rest 20% was used for validation.

The R^2 scores of three models are shown below. The validation curves of LR and KNR are shown below.

The regression models predict the trend but were not able to build a reliable price prediction model using the existing data. Because other factors like the year of the room, furniture, facilities, etc. significantly affect the results.

4.5 Foursquare - Clustering

Name, location and category of venues within 5 km of neighbourhoods were obtained using Foursquare API. A map of New York City with neighbourhoods as markers along with a heatmap of nearby venues was generated and shown below. Red represents the highest density of rooms and green represents low density. Because the number of the venue is limited as 100 by Foursquare, the heatmap has some blank areas. Manhattan and Brooklyn have the highest density of venues comparing with the rest three boroughs.

The frequency of nearby venue category was calculated for the neighbourhoods. The 1st to 15th most common categories were listed for each neighbourhood. Based on the frequency of categories, the neighbourhoods were clustered by 7 groups.

A defined parameter 'Score' was introduced and used to find the most common venue categories in a given labeled neighbourhood group. Top 8 highest scored categories were plotted in different groups.

For label 0 to 5, Pizza Place and Italian Restaurants are the two most common venues, which also indicates how much love New Yorkers have for pizza and Italian foods.

Label 0 has more bakery and grocery stores. This means this group contains neighbourhoods in residential areas without many scenic spots.

Label 1 has many venues of coffee shop, ice cream shop, bar and bakery, at the same time, it also has parks and beaches for tourists to choose. It is more like vacation areas for tourists to relax and enjoy.

Label 2 has a lot more bars, cocktail bars and breweries. Tourists who are nightlife or alcohol lovers are recommended to choose this group.

Label 3 has park as the most common venue, and it also has bookstores and theaters. Tourists can enjoy the culture of New York City in this group. Additionally, tourists can also grab some snacks from gourmet, ice cream and cheese shops.

Label 4 provides a lot of Caribbean and Latin American restaurants, which makes this group a great place to experience the culture of Mid and South America.

Label 5 is near the zoo, which also provides many delis, Italian, Mexican and bakery for tourists visiting zoo.

Label 6 is near the shoreline where beach and surf spots are the major venues.

Based on the most common and unique venues in each group, label 0 to 6 are renamed as below. The quantity of each labeled group was calculated and a unique color was assigned to each group to display on the map.

A map of New York City with venue labels of neighbourhoods is shown below. This map provides tourists to choose which group to stay depending on their interests in activities.

Residential groups (purple) are located at suburban areas without many scenic spots to visit.

Vacation groups (pink) are mainly at Staten Island and far away from downtown.

Bar Lovers groups (red) spread over outside the core area of New York City.

Park and Culture groups (yellow) are all located at or close to the midtown and downtown Manhattan, the heart of NYC.

Exotic groups (green) are in the southeast part, near the JFK airport.

Zoo groups are near the Bronx Zoo, which is one of the most famous zoos in the world.

Beach groups are at the south shoreline of Jamaica Bay, which is also a famous recreation area.

5. Conclusions

Based on the results and recommendations provided by this project on the price, reviews, and number of Airbnb postings of New York City, tourists can do some research before planning their trips. Based on their budgets, tourists can choose which highly reviewed neighbourhood to stay. According to the results provided by the Foursquare data, tourists can pick which area they want to visit depending on their interests in activities.

This project provides excellent tools to help tourist enjoy their trips in New York City.

0 notes

homesforsalerr · 6 years ago

Text

Homes For Rent Under $1250 / Month in Travis County

New Post has been published on https://homesforsaleroundrock.com/299/homes-for-rent-under-1250-month-in-travis-county/

Homes For Rent Under $1250 / Month in Travis County

With rent prices continuing to increase, it is becoming increasingly difficult to find an affordable place to live. For your convenience, I have compiled a list of all Homes, Townhomes, and Condos for Rent in Travis County under $1,250 per month.

I also specialize in helping first-time homebuyers, so if you are tired of renting and want to see if you qualify for purchasing a home, please contact me. There are many down payment assistance programs that are available, including grants that you never have to pay back and 0% down payment options.

Please give me a call at 512-960-3065, or email me at [email protected] for more information.

New Listing - yesterday

$950

Condo For Rent

Pending

BED

TOTAL BATHS

607

SQFT

8888 Tallwood Dr #1307 #1307Austin, TX 787598888 Tallwood Condo Amd Subdivision

New Listing - yesterday

$800

Condo For Rent

Pending

BED

TOTAL BATHS

582

SQFT

114 E 31st St #108 #108Austin, TX 78705Hyde Park Oaks Condo Subdivision

New Listing - yesterday

$800

Condo For Rent

Pending

BED

TOTAL BATHS

4,598

SQFT

1913 Robbins Pl #E #EAustin, TX 78705Carrington Subdivision

New Listing - yesterday

$1,100

Condo For Rent

Pending

BED

TOTAL BATHS

725

SQFT

600 E 53RD St #235 #235Austin, TX 78751Highlands Subdivision

New Listing - yesterday

$745

Condo For Rent

Active Contingent

BED

TOTAL BATHS

464

SQFT

1840 Burton Dr #152 #152Austin, TX 78741Silverado Condo Amd Ph 02 Subdivision

New Listing - yesterday

$799

Condo For Rent

Pending

TOTAL BATHS

3,802

SQFT

400 W 34th St #201 #201Austin, TX 78705Buddington Subdivision

New Listing - yesterday

$1,250

Condo For Rent

Active

BED

TOTAL BATHS

957

SQFT

6906 Deep Cir #A #AAustin, TX 78744Indian Hills Sec 05 Subdivision

New Listing - yesterday

$1,095

Condo For Rent

Active

BED

TOTAL BATHS

705

SQFT

6000 Tracy Lynn Ln #A #AAustin, TX 78721Colorado East One-A Subdivision

New Listing - yesterday

$1,020

Condo For Rent

Pending

BED

TOTAL BATHS

900

SQFT

7111 E Highway 290 Hwy #A #AAustin, TX 78723University Hills Village Subdivision

New Listing - yesterday

$1,100

Condo For Rent

Active

BED

TOTAL BATHS

365

SQFT

4008 Brookview Rd #B #BAustin, TX 78722Willow Brook Subdivision

New Listing - yesterday

$625

Condo For Rent

Active

BED

TOTAL BATHS

494

SQFT

5914 Lago Vista Way #C-26 #C-26Lago Vista, TX 78645Overlook Villas West Subdivision

New Listing - yesterday

$1,200

Condo For Rent

Active Contingent

BED

TOTAL BATHS

1,712

SQFT

10625 Golden Quail Dr #A #AAustin, TX 78758Click Acres Subdivision

New Listing - yesterday

$950

Single Family Home For Rent

Active

BED

TOTAL BATHS

1,694

SQFT

807 E 49th St #B #BAustin, TX 78751Wallace J P Subdivision

New Listing - 2 days online

$850

Condo For Rent

Active Contingent

TOTAL BATHS

300

SQFT

4539 Guadalupe St #A100 #A100Austin, TX 78751Huntington Place Subdivision

New Listing - 2 days online

$925

Condo For Rent

Active Contingent

BED

TOTAL BATHS

588

SQFT

3468 Willowrun #A #AAustin, TX 78704Willow Springs Sec 1 Subdivision

New Listing - 2 days online

$1,200

Condo For Rent

Pending

BED

TOTAL BATHS

1,806

SQFT

2003 Conestoga Trl #B #BAustin, TX 78744Wagon Crossing Sec 03-A Amd Subdivision

New Listing - 2 days online

$695

Condo For Rent

Pending

BED

TOTAL BATHS

400

SQFT

2302 Leon St #9 #9Austin, TX 78705Division D Subdivision

New Listing - 2 days online

$825

Condo For Rent

Active

TOTAL BATHS

400

SQFT

Address Withheld #108Austin, TX 78758north austin Subdivision

New Listing - 2 days online

$825

Condo For Rent

Active

BED

TOTAL BATHS

400

SQFT

Address Withheld #201Austin, TX 78758north austin Subdivision

New Listing - 3 days online

$975

Condo For Rent

Active

BED

TOTAL BATHS

3,584

SQFT

11613 April Dr #B #BAustin, TX 78753Walnut Ridge 02 Subdivision

See All Homes For Rent Under $1250 / Month in Travis County

window.SIDX = window.SIDX || window.SIDX.website_uuid = 'e202c55d-48c0-41ce-acdf-9a28e5b3fba0' window.SIDX.lead_token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJsZWFkX3V1aWQiOiJjODJhYTI2ZC1jYmU1LTQwZWQtOTcyZi00YWM2MDNiMzUxYWEiLCJ3ZWJzaXRlX3V1aWQiOiJlMjAyYzU1ZC00OGMwLTQxY2UtYWNkZi05YTI4ZTViM2ZiYTAiLCJpYXQiOjE1NDkwNjYwMzB9.d12CAQdIxmpxYU9F-LCGMhTneD9tydrFStk0K8FcEQM' window.SIDX.basename = '/properties' window.SIDX.defaultUrl = 'https://homesforsaleroundrock.com/properties/' window.SIDX.mapboxToken = 'pk.eyJ1Ijoic2hvd2Nhc2VpZHgiLCJhIjoiY2owY2p0cWhmMDNycDMybDNmYW1waTN2byJ9.kUpXAKfi6ixWBBDLk3WpYw' window.SIDX.walkScoreId = 'de5170bc3c4f4a44b231f8a5b17f0eb3' window.SIDX.renderTime = '2019-02-02T00:07:10.455Z' window.SIDX.instances = window.SIDX.instances || window.SIDX.instances['tulfiuajamomnfnfusor'] = location: "protocol":null,"slashes":null,"auth":null,"host":null,"port":null,"hostname":null,"hash":null,"search":"?name=Homes%20For%20Rent%20Under%20$1250%20/%20Month%20in%20Travis%20County&hide=&website_uuid=e202c55d-48c0-41ce-acdf-9a28e5b3fba0","query":"name":"Homes For Rent Under $1250 / Month in Travis County","hide":"","website_uuid":"e202c55d-48c0-41ce-acdf-9a28e5b3fba0","pathname":"/hotsheet","href":null, initialState: "suggestions":"location":"matches":[],"facets":,"basedOn":"facet":"all","school":"matches":[],"facets":,"basedOn":"facet":"all","searches":,"savedSearches":[],"discoveredListings":"counts":,"listings":[],"comments":,"listingStats":,"listingActions":"actions":[],"counts":,"listingDetails":,"listings":"abor/4429230":"zip":"78705","bedrooms":0,"address":"911 W 21st St #2101","city":"Austin","price":995,"latitude":30.284685,"state":"TX","bathrooms":1,"longitude":-97.747461,"image":"//images.showcaseidx.com/abor/30267798/30267798_0.jpg","_id":"4429230","_index":"abor","abor/1765786":"zip":"78753","bedrooms":3,"address":"12120 Thompkins Dr #B","city":"Austin","price":1197,"latitude":30.387636,"state":"TX","bathrooms":3,"longitude":-97.661372,"image":"//images.showcaseidx.com/abor/30261259/30261259_0.jpg","_id":"1765786","_index":"abor","abor/8848904":"zip":"78705","bedrooms":1,"address":"1907 Robbins Pl #102","city":"Austin","price":850,"latitude":30.284443,"state":"TX","bathrooms":1,"longitude":-97.749101,"image":"//images.showcaseidx.com/abor/30066764/30066764_0.jpg","_id":"8848904","_index":"abor","abor/6033989":"zip":"78705","bedrooms":1,"address":"3011 Whitis Ave #101","city":"Austin","price":1250,"latitude":30.295775,"state":"TX","bathrooms":1,"longitude":-97.738678,"image":"//images.showcaseidx.com/abor/30265968/30265968_0.jpg","_id":"6033989","_index":"abor","abor/6609688":"zip":"78705","bedrooms":1,"address":"409 W 38th St #208","city":"Austin","price":950,"latitude":30.298718,"state":"TX","bathrooms":1,"longitude":-97.730229,"image":"//images.showcaseidx.com/abor/30269291/30269291_0.jpg","_id":"6609688","_index":"abor","abor/7353137":"zip":"78645","bedrooms":1,"address":"1919 American Dr #B-112","city":"Lago Vista","price":850,"latitude":30.419148,"state":"TX","bathrooms":2,"longitude":-98.016979,"image":"//images.showcaseidx.com/abor/30121054/30121054_0.jpg","_id":"7353137","_index":"abor","abor/9637964":"zip":"78756","bedrooms":1,"address":"1510 W North Loop Blvd #1016","city":"Austin","price":800,"latitude":30.325453,"state":"TX","bathrooms":1,"longitude":-97.737976,"image":null,"_id":"9637964","_index":"abor","abor/8903921":"zip":"78748","bedrooms":2,"address":"9509 Kempler Dr #B","city":"Austin","price":1095,"latitude":30.176887,"state":"TX","bathrooms":2,"longitude":-97.822808,"image":"//images.showcaseidx.com/abor/30268686/30268686_0.jpg","_id":"8903921","_index":"abor","abor/3569050":"zip":"78751","bedrooms":1,"address":"407 E 45th St #211","city":"Austin","price":1125,"latitude":30.306853,"state":"TX","bathrooms":1,"longitude":-97.725408,"image":null,"_id":"3569050","_index":"abor","abor/2029481":"zip":"78753","bedrooms":2,"address":"11513 Walnut Ridge Dr #A","city":"Austin","price":1095,"latitude":30.377736,"state":"TX","bathrooms":2,"longitude":-97.667052,"image":"//images.showcaseidx.com/abor/30198346/30198346_0.jpg","_id":"2029481","_index":"abor","abor/6405886":"zip":"78704","bedrooms":1,"address":"3204 Manchaca Rd #702","city":"Austin","price":1050,"latitude":30.240276,"state":"TX","bathrooms":1,"longitude":-97.782669,"image":"//images.showcaseidx.com/abor/30223048/30223048_0.jpg","_id":"6405886","_index":"abor","abor/7294176":"zip":"78645","bedrooms":3,"address":"10620 Deer Canyon Rd #A","city":"Jonestown","price":1250,"latitude":30.493659,"state":"TX","bathrooms":2,"longitude":-97.930824,"image":"//images.showcaseidx.com/abor/30151218/30151218_0.jpg","_id":"7294176","_index":"abor","abor/9609845":"zip":"78705","bedrooms":1,"address":"206 W 38th St #112","city":"Austin","price":1250,"latitude":30.301618,"state":"TX","bathrooms":1,"longitude":-97.734686,"image":"//images.showcaseidx.com/abor/30256651/30256651_0.jpg","_id":"9609845","_index":"abor","abor/1675712":"zip":"78758","bedrooms":1,"address":"12166 Metric Blvd #134","city":"Austin","price":795,"latitude":30.406791,"state":"TX","bathrooms":1,"longitude":-97.697862,"image":"//images.showcaseidx.com/abor/30261077/30261077_0.jpg","_id":"1675712","_index":"abor","abor/8389131":"zip":"78751","bedrooms":1,"address":"4504 Speedway #106","city":"Austin","price":875,"latitude":30.309104,"state":"TX","bathrooms":1,"longitude":-97.728463,"image":"//images.showcaseidx.com/abor/30262770/30262770_0.jpg","_id":"8389131","_index":"abor","abor/7977463":"zip":"78723","bedrooms":1,"address":"2606 Wheless Ln #2204","city":"Austin","price":950,"latitude":30.310485,"state":"TX","bathrooms":1,"longitude":-97.68029,"image":"//images.showcaseidx.com/abor/30259050/30259050_0.jpg","_id":"7977463","_index":"abor","abor/9607579":"zip":"78705","bedrooms":1,"address":"701 W 24th St #323","city":"Austin","price":1200,"latitude":30.287814,"state":"TX","bathrooms":1,"longitude":-97.74481,"image":"//images.showcaseidx.com/abor/30235346/30235346_0.jpg","_id":"9607579","_index":"abor","abor/4650372":"zip":"78705","bedrooms":1,"address":"906 W 22nd St #7","city":"Austin","price":975,"latitude":30.285647,"state":"TX","bathrooms":1,"longitude":-97.747204,"image":"//images.showcaseidx.com/abor/30257484/30257484_0.jpg","_id":"4650372","_index":"abor","abor/9379300":"zip":"78723","bedrooms":2,"address":"2503 Manor Cir #D","city":"Austin","price":950,"latitude":30.29676,"state":"TX","bathrooms":1,"longitude":-97.688546,"image":"//images.showcaseidx.com/abor/30260279/30260279_0.jpg","_id":"9379300","_index":"abor","abor/8130042":"zip":"78705","bedrooms":1,"address":"906 W 22nd St #9","city":"Austin","price":825,"latitude":30.285647,"state":"TX","bathrooms":1,"longitude":-97.747204,"image":"//images.showcaseidx.com/abor/30257767/30257767_0.jpg","_id":"8130042","_index":"abor","abor/7083106":"zip":"78745","bedrooms":1,"address":"5215 Saint GEORGES Grn #C","city":"Austin","price":800,"latitude":30.21552,"state":"TX","bathrooms":1,"longitude":-97.792266,"image":"//images.showcaseidx.com/abor/30174019/30174019_0.jpg","_id":"7083106","_index":"abor","abor/9908532":"zip":"78751","bedrooms":1,"address":"4554 Avenue A #203","city":"Austin","price":1050,"latitude":30.312045,"state":"TX","bathrooms":1,"longitude":-97.731312,"image":"//images.showcaseidx.com/abor/30261812/30261812_0.jpg","_id":"9908532","_index":"abor","abor/4252280":"zip":"78705","bedrooms":0,"address":"104 W 35th St #1","city":"Austin","price":845,"latitude":30.299289,"state":"TX","bathrooms":1,"longitude":-97.733642,"image":"//images.showcaseidx.com/abor/30259167/30259167_0.jpg","_id":"4252280","_index":"abor","abor/2572156":"zip":"78751","bedrooms":2,"address":"600 E 53RD St #224","city":"Austin","price":1200,"latitude":30.316152,"state":"TX","bathrooms":1,"longitude":-97.71719,"image":"//images.showcaseidx.com/abor/30259202/30259202_0.jpg","_id":"2572156","_index":"abor","abor/5371207":"zip":"78757","bedrooms":0,"address":"6813 Great Northern Blvd #P","city":"Austin","price":895,"latitude":30.349822,"state":"TX","bathrooms":1,"longitude":-97.747974,"image":null,"_id":"5371207","_index":"abor","abor/6605158":"zip":"78751","bedrooms":1,"address":"4310 Avenue B #201","city":"Austin","price":1050,"latitude":30.308579,"state":"TX","bathrooms":1,"longitude":-97.732385,"image":"//images.showcaseidx.com/abor/30258697/30258697_0.jpg","_id":"6605158","_index":"abor","abor/2268987":"zip":"78741","bedrooms":1,"address":"2314 Parker Ln #8","city":"Austin","price":750,"latitude":30.2317,"state":"TX","bathrooms":1,"longitude":-97.737549,"image":"//images.showcaseidx.com/abor/30259800/30259800_0.jpg","_id":"2268987","_index":"abor","abor/9511160":"zip":"78748","bedrooms":2,"address":"2505 W Slaughter Ln","city":"Austin","price":1150,"latitude":30.175954,"state":"TX","bathrooms":2,"longitude":-97.831569,"image":"//images.showcaseidx.com/abor/29945088/29945088_0.jpg","_id":"9511160","_index":"abor","abor/1578431":"zip":"78751","bedrooms":1,"address":"4719 Harmon Ave #118","city":"Austin","price":1195,"latitude":30.306624,"state":"TX","bathrooms":1,"longitude":-97.713769,"image":"//images.showcaseidx.com/abor/30259615/30259615_0.jpg","_id":"1578431","_index":"abor","abor/5724429":"zip":"78745","bedrooms":2,"address":"4908 West Gate Blvd #103","city":"Austin","price":1000,"latitude":30.226883,"state":"TX","bathrooms":2,"longitude":-97.803399,"image":"//images.showcaseidx.com/abor/30075107/30075107_0.jpg","_id":"5724429","_index":"abor","abor/8050258":"zip":"78705","bedrooms":1,"address":"3212 Red River St #207","city":"Austin","price":1100,"latitude":30.292028,"state":"TX","bathrooms":1,"longitude":-97.726875,"image":"//images.showcaseidx.com/abor/30256813/30256813_0.jpg","_id":"8050258","_index":"abor","abor/3035082":"zip":"78751","bedrooms":1,"address":"4400 Avenue B #119","city":"Austin","price":1050,"latitude":30.309449,"state":"TX","bathrooms":1,"longitude":-97.731804,"image":"//images.showcaseidx.com/abor/30260635/30260635_0.jpg","_id":"3035082","_index":"abor","abor/3905083":"zip":"78702","bedrooms":2,"address":"1709 Cedar Ave #B","city":"Austin","price":1100,"latitude":30.27958,"state":"TX","bathrooms":1,"longitude":-97.713753,"image":"//images.showcaseidx.com/abor/30262392/30262392_0.jpg","_id":"3905083","_index":"abor","abor/2815714":"zip":"78723","bedrooms":1,"address":"2606 Wheless Ln #9103","city":"Austin","price":1000,"latitude":30.310485,"state":"TX","bathrooms":1,"longitude":-97.68029,"image":"//images.showcaseidx.com/abor/30259272/30259272_0.jpg","_id":"2815714","_index":"abor","abor/9659823":"zip":"78723","bedrooms":2,"address":"2606 Wheless Ln #3103","city":"Austin","price":1100,"latitude":30.310485,"state":"TX","bathrooms":1,"longitude":-97.68029,"image":"//images.showcaseidx.com/abor/30259512/30259512_0.jpg","_id":"9659823","_index":"abor","abor/6759303":"zip":"78735","bedrooms":1,"address":"6203 Homestead Trl","city":"Austin","price":850,"latitude":30.247357,"state":"TX","bathrooms":1,"longitude":-97.881463,"image":"//images.showcaseidx.com/abor/30262704/30262704_0.jpg","_id":"6759303","_index":"abor","abor/9642565":"zip":"78759","bedrooms":2,"address":"8210 Bent Tree Rd #112","city":"Austin","price":1200,"latitude":30.37039,"state":"TX","bathrooms":1,"longitude":-97.744306,"image":"//images.showcaseidx.com/abor/30046529/30046529_0.jpg","_id":"9642565","_index":"abor","abor/6037005":"zip":"78645","bedrooms":1,"address":"5916 Lago Vista Way #B-18","city":"Lago Vista","price":595,"latitude":30.4553,"state":"TX","bathrooms":1,"longitude":-97.99412,"image":"//images.showcaseidx.com/abor/30239970/30239970_0.jpg","_id":"6037005","_index":"abor","abor/6113235":"zip":"78752","bedrooms":2,"address":"615 W Saint Johns Ave #104","city":"Austin","price":1025,"latitude":30.338037,"state":"TX","bathrooms":1,"longitude":-97.716241,"image":"//images.showcaseidx.com/abor/30098396/30098396_0.jpg","_id":"6113235","_index":"abor","abor/8624149":"zip":"78705","bedrooms":1,"address":"2408 Leon St #207","city":"Austin","price":1100,"latitude":30.289078,"state":"TX","bathrooms":1,"longitude":-97.749668,"image":"//images.showcaseidx.com/abor/30253287/30253287_0.jpg","_id":"8624149","_index":"abor","abor/1433669":"city":"Austin","latitude":30.377208,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"8888 Tallwood Condo Amd","foreclosure":false,"unit_number":"1307","listing_office":"Access Realty","price":950,"listing_office_id":"4503","sqft":607,"property_type":["Condo"],"price_change_dts":"2018-12-30T17:25:53.857+00:00","state":"TX","listing_agent_id":"508600","longitude":-97.740079,"zip":"78759","orig_mls_number":"1433669","address":"8888 Tallwood Dr #1307","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":null,"listing_agent":null,"year_built":1982,"acres":0.029,"short_sale":null,"status":"Pending","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30004279/30004279_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"1433669","_index":"abor","abor/5595294":"city":"Austin","latitude":30.29509,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Hyde Park Oaks Condo","foreclosure":false,"unit_number":"108","listing_office":"Property Management Of Texas","price":800,"listing_office_id":"005M","sqft":582,"property_type":["Condo"],"price_change_dts":null,"state":"TX","listing_agent_id":"322920","longitude":-97.735866,"zip":"78705","orig_mls_number":"5595294","address":"114 E 31st St #108","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":null,"listing_agent":null,"year_built":1981,"acres":0.022,"short_sale":null,"status":"Pending","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":null,"recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"5595294","_index":"abor","abor/9699166":"city":"Austin","latitude":30.284853,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Carrington","foreclosure":false,"unit_number":"E","listing_office":"Octus, Inc","price":800,"listing_office_id":"0181","sqft":4598,"property_type":["Condo"],"price_change_dts":"2019-01-22T12:53:21.067+00:00","state":"TX","listing_agent_id":"563149","longitude":-97.749065,"zip":"78705","orig_mls_number":"9699166","address":"1913 Robbins Pl #E","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":null,"listing_agent":null,"year_built":1935,"acres":0.172,"short_sale":null,"status":"Pending","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30206250/30206250_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"9699166","_index":"abor","abor/5524084":"city":"Austin","latitude":30.316152,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Highlands","foreclosure":false,"unit_number":"235","listing_office":"512 Realty","price":1100,"listing_office_id":"4414","sqft":725,"property_type":["Condo"],"price_change_dts":null,"state":"TX","listing_agent_id":"637846","longitude":-97.71719,"zip":"78751","orig_mls_number":"5524084","address":"600 E 53RD St #235","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":"https://my.matterport.com/show/?m=sDopp4NhTBH","listing_agent":null,"year_built":1967,"acres":0.574,"short_sale":null,"status":"Pending","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30258218/30258218_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"5524084","_index":"abor","abor/7252465":"city":"Austin","latitude":30.235146,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Silverado Condo Amd Ph 02","foreclosure":false,"unit_number":"152","listing_office":"Coldwell Banker United REALTOR","price":745,"listing_office_id":"024R02","sqft":464,"property_type":["Condo"],"price_change_dts":null,"state":"TX","listing_agent_id":"433821","longitude":-97.730012,"zip":"78741","orig_mls_number":"7252465","address":"1840 Burton Dr #152","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":null,"listing_agent":null,"year_built":1984,"acres":0.029,"short_sale":null,"status":"Active Contingent","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30259360/30259360_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"7252465","_index":"abor","abor/9023533":"city":"Austin","latitude":30.297224,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Buddington","foreclosure":false,"unit_number":"201","listing_office":"Austin Real Pros, REALTORS","price":799,"listing_office_id":"2425","sqft":3802,"property_type":["Condo"],"price_change_dts":"2018-12-13T11:08:49.833+00:00","state":"TX","listing_agent_id":"563802","longitude":-97.732028,"zip":"78705","orig_mls_number":"9023533","address":"400 W 34th St #201","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":0,"virtual_tour_url":"https://www.propertypanorama.com/instaview/aus/9023533","listing_agent":null,"year_built":1973,"acres":0.166,"short_sale":null,"status":"Pending","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/29971258/29971258_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"9023533","_index":"abor","abor/3186722":"city":"Austin","latitude":30.180017,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Indian Hills Sec 05","foreclosure":false,"unit_number":"A","listing_office":"Spyglass Realty and Investment","price":1250,"listing_office_id":"5220","sqft":957,"property_type":["Condo"],"price_change_dts":null,"state":"TX","listing_agent_id":"624298","longitude":-97.758003,"zip":"78744","orig_mls_number":"3186722","address":"6906 Deep Cir #A","listing_type":null,"bathrooms":2,"halfbaths":0,"bedrooms":3,"virtual_tour_url":null,"listing_agent":null,"year_built":1984,"acres":0.196,"short_sale":null,"status":"Active","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":null,"recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"3186722","_index":"abor","abor/8857022":"city":"Austin","latitude":30.255444,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Colorado East One-A","foreclosure":false,"unit_number":"A","listing_office":"Rollingwood Management,Inc.","price":1095,"listing_office_id":"101105","sqft":705,"property_type":["Condo"],"price_change_dts":"2019-02-01T09:00:45.777+00:00","state":"TX","listing_agent_id":"663323","longitude":-97.68622,"zip":"78721","orig_mls_number":"8857022","address":"6000 Tracy Lynn Ln #A","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":2,"virtual_tour_url":null,"listing_agent":null,"year_built":1983,"acres":0.161,"short_sale":null,"status":"Active","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30265946/30265946_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"8857022","_index":"abor","abor/5462093":"city":"Austin","latitude":30.321679,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"University Hills Village","foreclosure":false,"unit_number":"A","listing_office":"Northpoint Asset Management","price":1020,"listing_office_id":"8751","sqft":900,"property_type":["Condo"],"price_change_dts":"2019-01-01T13:56:17.603+00:00","state":"TX","listing_agent_id":"656949","longitude":-97.683255,"zip":"78723","orig_mls_number":"5462093","address":"7111 E Highway 290 Hwy #A","listing_type":null,"bathrooms":2,"halfbaths":0,"bedrooms":2,"virtual_tour_url":null,"listing_agent":null,"year_built":1984,"acres":0.339,"short_sale":null,"status":"Pending","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/29614728/29614728_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"5462093","_index":"abor","abor/1549726":"city":"Austin","latitude":30.294209,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Willow Brook","foreclosure":false,"unit_number":"B","listing_office":"Platinum Realty-Austin","price":1100,"listing_office_id":"5525","sqft":365,"property_type":["Condo"],"price_change_dts":"2019-02-01T13:58:33.267+00:00","state":"TX","listing_agent_id":"568987","longitude":-97.710095,"zip":"78722","orig_mls_number":"1549726","address":"4008 Brookview Rd #B","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":"https://www.propertypanorama.com/instaview/aus/1549726","listing_agent":null,"year_built":2019,"acres":0.248,"short_sale":null,"status":"Active","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30256415/30256415_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"1549726","_index":"abor","abor/1711258":"city":"Lago Vista","latitude":30.454999,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Overlook Villas West","foreclosure":false,"unit_number":"C-26","listing_office":"1431 Real Estate","price":625,"listing_office_id":"6151","sqft":494,"property_type":["Condo"],"price_change_dts":"2019-02-01T16:00:53.897+00:00","state":"TX","listing_agent_id":"461524","longitude":-97.99392,"zip":"78645","orig_mls_number":"1711258","address":"5914 Lago Vista Way #C-26","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":null,"listing_agent":null,"year_built":1971,"acres":null,"short_sale":null,"status":"Active","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30291995/30291995_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"1711258","_index":"abor","abor/9727417":"city":"Austin","latitude":30.381476,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Click Acres","foreclosure":false,"unit_number":"A","listing_office":"TRE","price":1200,"listing_office_id":"8692","sqft":1712,"property_type":["Condo"],"price_change_dts":"2018-12-28T08:04:01.427+00:00","state":"TX","listing_agent_id":"614043","longitude":-97.701443,"zip":"78758","orig_mls_number":"9727417","address":"10625 Golden Quail Dr #A","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":2,"virtual_tour_url":null,"listing_agent":null,"year_built":1975,"acres":0.182,"short_sale":null,"status":"Active Contingent","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/29911896/29911896_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"9727417","_index":"abor","abor/8203433":"city":"Austin","latitude":30.309833,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Wallace J P","foreclosure":false,"unit_number":"B","listing_office":"Agave Properties","price":950,"listing_office_id":"5277","sqft":1694,"property_type":["Single Family Home"],"price_change_dts":"2019-02-01T12:46:01.587+00:00","state":"TX","listing_agent_id":"588126","longitude":-97.717373,"zip":"78751","orig_mls_number":"8203433","address":"807 E 49th St #B","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":null,"listing_agent":null,"year_built":1949,"acres":0.267,"short_sale":null,"status":"Active","first_seen_dts":"2019-02-01T00:00:00.000+00:00","image":null,"recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"8203433","_index":"abor","abor/1502599":"city":"Austin","latitude":30.311874,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Huntington Place","foreclosure":false,"unit_number":"A100","listing_office":"Austin Residence","price":850,"listing_office_id":"7896","sqft":300,"property_type":["Condo"],"price_change_dts":null,"state":"TX","listing_agent_id":"607039","longitude":-97.731887,"zip":"78751","orig_mls_number":"1502599","address":"4539 Guadalupe St #A100","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":0,"virtual_tour_url":null,"listing_agent":null,"year_built":1966,"acres":1.257,"short_sale":null,"status":"Active Contingent","first_seen_dts":"2019-01-31T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30046963/30046963_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"1502599","_index":"abor","abor/4491211":"city":"Austin","latitude":30.225455,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Willow Springs Sec 1","foreclosure":false,"unit_number":"A","listing_office":"512-Society, RE & Management","price":925,"listing_office_id":"408801","sqft":588,"property_type":["Condo"],"price_change_dts":"2019-01-14T14:48:23.293+00:00","state":"TX","listing_agent_id":"398506","longitude":-97.753076,"zip":"78704","orig_mls_number":"4491211","address":"3468 Willowrun #A","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":null,"listing_agent":null,"year_built":1973,"acres":null,"short_sale":null,"status":"Active Contingent","first_seen_dts":"2019-01-31T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/25943194/25943194_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"4491211","_index":"abor","abor/4961960":"city":"Austin","latitude":30.195956,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Wagon Crossing Sec 03-A Amd","foreclosure":false,"unit_number":"B","listing_office":"JB Goodwin, REALTORS","price":1200,"listing_office_id":"0033","sqft":1806,"property_type":["Condo"],"price_change_dts":"2019-01-11T11:15:22.357+00:00","state":"TX","listing_agent_id":"604685","longitude":-97.757997,"zip":"78744","orig_mls_number":"4961960","address":"2003 Conestoga Trl #B","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":2,"virtual_tour_url":null,"listing_agent":null,"year_built":1981,"acres":0.166,"short_sale":null,"status":"Pending","first_seen_dts":"2019-01-31T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/29976315/29976315_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"4961960","_index":"abor","abor/9119389":"city":"Austin","latitude":30.287507,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Division D","foreclosure":false,"unit_number":"9","listing_office":"Evergreen Company","price":695,"listing_office_id":"0496","sqft":400,"property_type":["Condo"],"price_change_dts":null,"state":"TX","listing_agent_id":"626652","longitude":-97.749781,"zip":"78705","orig_mls_number":"9119389","address":"2302 Leon St #9","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":null,"listing_agent":null,"year_built":1973,"acres":0.207,"short_sale":null,"status":"Pending","first_seen_dts":"2019-01-31T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30113792/30113792_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"9119389","_index":"abor","abor/5854228":"city":"Austin","latitude":30.359067,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"north austin","foreclosure":false,"unit_number":"108","listing_office":"HOME SIMPLE OF TEXAS, INC","price":825,"listing_office_id":"4549","sqft":400,"property_type":["Condo"],"price_change_dts":"2019-01-31T14:26:03.520+00:00","state":"TX","listing_agent_id":"681512","longitude":-97.714671,"zip":"78758","orig_mls_number":"5854228","address":"Address Withheld","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":0,"virtual_tour_url":null,"listing_agent":null,"year_built":1970,"acres":null,"short_sale":null,"status":"Active","first_seen_dts":"2019-01-31T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30277544/30277544_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"5854228","_index":"abor","abor/8100029":"city":"Austin","latitude":30.359067,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"north austin","foreclosure":false,"unit_number":"201","listing_office":"HOME SIMPLE OF TEXAS, INC","price":825,"listing_office_id":"4549","sqft":400,"property_type":["Condo"],"price_change_dts":"2019-01-31T14:56:53.397+00:00","state":"TX","listing_agent_id":"681512","longitude":-97.714671,"zip":"78758","orig_mls_number":"8100029","address":"Address Withheld","listing_type":null,"bathrooms":1,"halfbaths":0,"bedrooms":1,"virtual_tour_url":null,"listing_agent":null,"year_built":1970,"acres":null,"short_sale":null,"status":"Active","first_seen_dts":"2019-01-31T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30278888/30278888_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"8100029","_index":"abor","abor/8714157":"city":"Austin","latitude":30.379063,"county":"Travis","sale_type":"For Rent","openhouses":[],"building":"","subdivision":"Walnut Ridge 02","foreclosure":false,"unit_number":"B","listing_office":"RE/MAX Austin Skyline","price":975,"listing_office_id":"1267","sqft":3584,"property_type":["Condo"],"price_change_dts":"2019-01-30T08:49:44.560+00:00","state":"TX","listing_agent_id":"475401","longitude":-97.667174,"zip":"78753","orig_mls_number":"8714157","address":"11613 April Dr #B","listing_type":null,"bathrooms":2,"halfbaths":0,"bedrooms":2,"virtual_tour_url":null,"listing_agent":null,"year_built":1983,"acres":0.292,"short_sale":null,"status":"Active","first_seen_dts":"2019-01-30T00:00:00.000+00:00","image":"//images.showcaseidx.com/abor/30257350/30257350_0.jpg","recommended":false,"viewed":false,"saves":[],"comment_count":0,"reactions":[],"_id":"8714157","_index":"abor","consumerTools":"selectedSearchParty":[],"selectedSearchActivities":[],"selectedSearchReactions":[],"selectedTimeframe":null,"screenSize":"large","localStorage":"ldpLockShown":false,"searchLockShown":false,"listingsViewedCount":0,"searchResultsPagesViewedCount":1,"searchResults":"listings":["abor/1433669","abor/5595294","abor/9699166","abor/5524084","abor/7252465","abor/9023533","abor/3186722","abor/8857022","abor/5462093","abor/1549726","abor/1711258","abor/9727417","abor/8203433","abor/1502599","abor/4491211","abor/4961960","abor/9119389","abor/5854228","abor/8100029","abor/8714157"],"mapWindow":["abor/4429230","abor/1765786","abor/8848904","abor/6033989","abor/6609688","abor/7353137","abor/9637964","abor/8903921","abor/3569050","abor/2029481","abor/6405886","abor/7294176","abor/9609845","abor/1675712","abor/8389131","abor/7977463","abor/9607579","abor/4650372","abor/9379300","abor/8130042","abor/7083106","abor/9908532","abor/4252280","abor/2572156","abor/5371207","abor/6605158","abor/2268987","abor/9511160","abor/1578431","abor/5724429","abor/8050258","abor/3035082","abor/3905083","abor/2815714","abor/9659823","abor/6759303","abor/9642565","abor/6037005","abor/6113235","abor/8624149"],"page":1,"pageSize":20,"total":350,"loading":false,"mapCenter":"lat":30.300976031592914,"lon":-97.75438239020961,"currentUser":"id":282227915,"uuid":"c82aa26d-cbe5-40ed-972f-4ac603b351aa","first_name":null,"last_name":null,"name":"","email":null,"phone":null,"created_at":"2019-02-02T00:07:10.062Z","updated_at":"2019-02-02T00:07:10.062Z","auth_providers":"email":false,"facebook":false,"google":false,"assigned_to_id":null,"status":"New","persona":"Buyer","viewed_listing_count":0,"message_count":0,"comment_count":0,"saved_search_count":0,"reaction_count":0,"saved_listing_count":0,"isRegistered":false,"listingCount":18369,"searchParty":[],"searchConfig":"resultsType":"card","streamlined":false,"recenterMap":0,"isTouchDevice":false,"defaultUrl":"https://homesforsaleroundrock.com/properties/","rootUrl":"https://homesforsaleroundrock.com","defaultPathname":"properties","compliance":"abor":"metadata":"last_incremented_at":"2019-02-01T23:48:30+00:00","last_diffed_at":"2019-02-01T23:02:44+00:00","plan":"premium","types":"sale":["For Sale","For Rent"],"listing":["Foreclosure"],"property":["Single Family Home","Land","Condo","Farm","Townhouse","Mobile Home","Multi-Family","See Agent"],"featuredListings":"agent_ids":["665355"],"office_ids":[],"statuses":["Active","Pending","Pending Taking Backups","Active Contingent"],"features":"Community":["# Horses Allowed","Area Amenities","Disability Features","Gated Community","Guest Accomodation Details","HOA","HOA Fee Includes","Horses","Laundry Facilities","Number of Covered Spaces","Number of Parking Spaces","Parking Features","Pool Description","Pool On Property","Restrictions","School District","Sprinkler System","Tree Cover"],"Exterior":["Body of Water","Fence","Garage","Lot Features","Outdoor Living Features","Pool Description","Pool On Property","Roof","Steps","Tree Cover","View","Water Access","Waterfront","Waterfront Description"],"General":["Construction","Foundation","Listing Financing","Number of Covered Spaces","Number of Parking Spaces","Parking Features","Region","School District","Sewer","Stories","Utilities","Water Source","Year Built Description"],"Interior":["AC","Dining Room Description","Dining Rooms","Fireplaces","Flooring","Heating","Interior Features","Kitchen","Kitchen Appliances","Living Rooms","Main Level Beds","Master Bed Features","Master Features","Other Level Beds","Rooms"],"mapCenter":"lat":30.36201694712636,"lon":-97.62474212444913,"mapStyle":"mapbox/streets-v9","mapView":"street","priceOptions":"rent":[500,750,1000,1250,1500,1750,2000,2500,3000],"sale":[200000,250000,300000,400000,500000,600000,700000,800000,900000],"forceMobileMargin":"on","address":null,"phone":"512-960-3065","email":"[email protected]","seo":"ga_code":"UA-127777151-1","search_title":"Homes for Sale","ldp_url_template":"city/address","ldp_title_template":"address, city, state, zip","ldp_meta_description_template":"address, city, state, zip - bedrooms Bed / bathrooms Bath - Description: description","registration":"phone_policy":"optional","ldp_lock_type":"soft","ldp_lock_hard_frequency":"75","ldp_lock_soft_frequency":"5","ldp_lock_soft_recurring":"once","premium_listing_content_lock":"on","search_results_lock_frequency":"10","defaultFilters":"sort":"by":"days_online_special","dir":"asc","mapPosition":"center":"lat":30.36201694712636,"lon":-97.62474212444913,"lng":-97.62474212444913,"zoom":12,"polygons":[],"locations":[],"schools":[],"features":[],"saleType":"For Sale","listingTypes":[],"propertyTypes":[],"mlsNumber":[],"price":,"hoa":,"sqft":,"acres":,"priceChange":,"yearBuilt":,"daysOnline":,"standardized":,"agentFilters":"sort":"by":"days_online_special","dir":"asc","mapPosition":"center":"lat":30.530919389805096,"lon":-97.68768310546876,"lng":-97.68768310546876,"zoom":12,"polygons":[],"locations":["category":"citystate","value":"Round Rock, TX"],"schools":[],"features":[],"saleType":"For Sale","listingTypes":[],"propertyTypes":[],"mlsNumber":[],"price":,"hoa":,"sqft":,"acres":,"priceChange":,"yearBuilt":,"daysOnline":,"standardized":,"resultsPerPage":20,"searchFilters":"standardized":,"schools":[],"locations":["category":"county","value":"Travis"],"features":[],"price":"max":1250,"priceChange":,"hoa":,"sqft":,"acres":,"yearBuilt":,"daysOnline":,"mlsNumber":[],"saleType":"For Rent","mapPosition":"center":"lat":30.286938665455985,"lng":-97.73574829101564,"lon":-97.73574829101564,"zoom":11,"polygons":[],"listingTypes":[],"propertyTypes":[],"sort":"by":"days_online_special","dir":"asc","hotsheet":"id":61420,"user_id":2007,"website_id":1547,"search_id":72238,"name":"Homes For Rent Under $1250 / Month in Travis County","display_options":"standard","results_limit":20,"link_to_full":true,"shortcode":"[showcaseidx_hotsheet name=\"Homes For Rent Under $1250 / Month in Travis County\"]","search_params":"sort_by":"days_online_special","location":"county":["Travis"],"map_zoom":11,"polygons":[],"sort_dir":"asc","max_price":1250,"sale_type":"For Rent","map_center":"lat":30.286938665455985,"lng":-97.73574829101564,"lon":-97.73574829101564,"standardized":,"search_title":"Homes For Rent Under $1250 / Month in Travis County","show_map":true,"auto_next":false,"see_more_text":"See All Homes For Rent Under $1250 / Month in Travis County","created_at":"2019-02-01T23:55:17.937Z"

#austin #condo for rent #homes for rent #hyde park #university hills village

0 notes

mbaljeetsingh · 5 years ago

Text

How to use WordPress API Authentication with Ionic

If you want to use the WordPress API and connect your Ionic app to it, most likely you also want to make user of the users your page already has (or use it as a simple backend for your next app).

But instead of using the basic authentication from WordPress, a more elegant way is to use JWT authentication, which is possible with the help of a simple plugin.

In this tutorial we will prepare a WordPress instance for JWT and also build an Ionic app to register new users, and to also sign them in and make authorised requests to the WordPress API using an interceptor.

There’s also a full blown course on using Ionic with WordPress that even covers push notifications with OneSignal, so if you really want to get into this topic, check out the Ionic Academy and the course library!

WordPress Preparation

Before we get started with our app we need to prepare WordPress. First of all, we can install 2 plugins:

JWT Authentication for WP-API

WP REST User

These plugins will help us to set up JWT authentication for the WordPress API, and also allow registeration of new users directly through the API.

Now we also need some small changes, the first one could be added to your wp-content/themes/{yourthemename}/functions.php

This fix enables CORS and also allows different protocols – and issue a lot of you encountered with my last Ionic + WordPress tutorial on real devices!

In order to set up the JWT part, we also need to add these 2 lines to the wp-config.php file:

define('JWT_AUTH_CORS_ENABLE', true); define('JWT_AUTH_SECRET_KEY', 'your-top-secret-key');

Generate a key or use a dummy string while testing, and then move on to the last changes.

As described in the setup guide of the JWT plugin, we also need to add the highlighted lines to our .htaccess like this:

<IfModule mod_rewrite.c> RewriteEngine On RewriteBase /wordpress/ RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /wordpress/index.php [L] RewriteCond %{HTTP:Authorization} ^(.*) RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1] </IfModule>

Now the WordPress instance is ready, and hopefully everything still works with your page!

Ionic App Setup

Let’s kick off the Ionic app with a blank template, one additional service for all of our API interaction and also install Ionic storage to store our JWT later down the road:

ionic start devdacticWP blank --type=angular cd ./devdacticWP ionic g service services/api npm i @ionic/storage

To make our WordPress URL easily accessible, we can set it directly inside our environments/environment.ts:

export const environment = { production: false, apiUrl: 'http://192.168.2.123:8888/wordpress/wp-json' };

I’ve used a local MAMP testing instance and the blog was running in a folder “wordpress” – change your URL according to your settings!

Note: I recommend adding your local IP (or public website if possible), localhost won’t work once you deploy your app to a device!

Now we just need to import all relevant modules to our main module, and don’t worry the error about the interceptor, we’ll get to that file soon.

Go ahead and change your app.module.ts to:

import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { RouteReuseStrategy } from '@angular/router'; import { IonicModule, IonicRouteStrategy } from '@ionic/angular'; import { SplashScreen } from '@ionic-native/splash-screen/ngx'; import { StatusBar } from '@ionic-native/status-bar/ngx'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http'; import { IonicStorageModule } from '@ionic/storage'; import { JwtInterceptor } from './interceptors/jwt.interceptor'; @NgModule({ declarations: [AppComponent], entryComponents: [], imports: [ BrowserModule, IonicModule.forRoot(), AppRoutingModule, HttpClientModule, IonicStorageModule.forRoot() ], providers: [ StatusBar, SplashScreen, { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true } ], bootstrap: [AppComponent] }) export class AppModule {}

The interceptor will be used whenever we make a HTTP request later, but for now let’s get a token first of all.

Service and Interceptor

In our service we will handle all API interaction, and also create a BehaviorSubject which represents the current state of the user. You might have used Events in the past, but since Ionic 5 you should move to RxJS instead.

Let’s go through all of our service functions quickly:

constructor: Load any previously stored JWT and emit the data on our Subject

signIn: Call the API route to sign in a user and retrieve a JWT. This token will be written to our Storage, and once this operation is finished we emit the new value on our Subject

signUp: Call the API route to create a new users, which is added through the plugin we installed

resetPassword: Call the API route to send out a reset password email, which is added through the plugin we installed

getPrivatePosts: Get a list of private posts from the WordPress blog – the user needs to be authenticated for this and have at least the role Editor!

getCurrentUser / getUserValue: Helper functions to get an Observable or the current value from our Subject

logout: Remove any stored token from our storage

Not a lot of logic, basically we make simply use of the WordPress API, so go ahead and add the following to your services/api.service.ts:

import { Injectable } from '@angular/core'; import { BehaviorSubject, from } from 'rxjs'; import { HttpClient } from '@angular/common/http'; import { Platform } from '@ionic/angular'; import { environment } from '../../environments/environment'; import { map, switchMap, tap } from 'rxjs/operators'; import { Storage } from '@ionic/storage'; const JWT_KEY = 'myjwtstoragekey'; @Injectable({ providedIn: 'root' }) export class ApiService { private user = new BehaviorSubject(null); constructor(private http: HttpClient, private storage: Storage, private plt: Platform) { this.plt.ready().then(() => { this.storage.get(JWT_KEY).then(data => { if (data) { this.user.next(data); } }) }) } signIn(username, password) { return this.http.post(`${environment.apiUrl}/jwt-auth/v1/token`, { username, password }).pipe( switchMap(data => { return from(this.storage.set(JWT_KEY, data)); }), tap(data => { this.user.next(data); }) ); } signUp(username, email, password) { return this.http.post(`${environment.apiUrl}/wp/v2/users/register`, { username, email, password }); } resetPassword(usernameOrEmail) { return this.http.post(`${environment.apiUrl}/wp/v2/users/lostpassword`, { user_login: usernameOrEmail }); } getPrivatePosts() { return this.http.get<any[]>(`${environment.apiUrl}/wp/v2/posts?_embed&status=private`).pipe( map(data => { for (let post of data) { if (post['_embedded']['wp:featuredmedia']) { post.media_url = post['_embedded']['wp:featuredmedia'][0]['media_details'].sizes['medium'].source_url; } } return data; }) ); } getCurrentUser() { return this.user.asObservable(); } getUserValue() { return this.user.getValue(); } logout() { this.storage.remove(JWT_KEY).then(() => { this.user.next(null); }); } }

So the idea is to sign in a user, store the token, and whenever we make a following request (in our case only to load private posts), we attach the JWT to the header of our request.

And we can do this easily by implementing an interceptor, that will load the token value and if available, add it to the headers of our request.

The following code performs exactly this operation, so we don’t need any additional JWT library and can simply create a new file at app/interceptors/jwt.interceptor.ts like this:

import { Injectable } from '@angular/core'; import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http'; import { Observable } from 'rxjs'; import { ApiService } from '../services/api.service'; @Injectable() export class JwtInterceptor implements HttpInterceptor { constructor(private api: ApiService) { } intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { let currentUser = this.api.getUserValue(); if (currentUser && currentUser.token) { request = request.clone({ setHeaders: { Authorization: `Bearer ${currentUser.token}` } }); } return next.handle(request); } }

That’s it – now we will attach the token to all requests if the user is authenticated! This means, it will not only work for the one special request that requires authentication, but all other requests to the WP API that you might make that would need authentication.

Now we basically just need to hook up our view with the functonality of our service. First of all, we need to add the ReactiveFormsModule since we will use a reactive form

Therefore go ahead and add it to the home/home.module.ts of our app:

import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { IonicModule } from '@ionic/angular'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { HomePage } from './home.page'; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, RouterModule.forChild([ { path: '', component: HomePage } ]), ReactiveFormsModule ], declarations: [HomePage] }) export class HomePageModule {}

With that in place we can create our form for the login or sign up credentials, and for simplicity we will simply create just one form for both cases.

Just note that you need to send all 3 values (username, email, password) if you want to register a new user!

Besides that we can integrate our service functionality and handle the results and errors of these calls. For the forgot password dialog we can use a simple alert, which is already the most exiting thing about our class.

We subscribe to the Observable of the user, and once we have a real user we will also trigger a reload of the private posts.

Go ahead and change your home/home.page.ts to:

import { Component, OnInit } from '@angular/core'; import { ApiService } from '../services/api.service'; import { FormGroup, FormBuilder, Validators } from '@angular/forms'; import { AlertController, ToastController } from '@ionic/angular'; @Component({ selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'] }) export class HomePage implements OnInit { userForm: FormGroup; user = this.api.getCurrentUser(); posts = []; constructor( private api: ApiService, private fb: FormBuilder, private alertCtrl: AlertController, private toastCtrl: ToastController ) { this.user.subscribe(user => { if (user) { this.loadPrivatePosts(); } else { this.posts = []; } }); } ngOnInit() { this.userForm = this.fb.group({ username: ['', Validators.required], email: '', password: ['', Validators.required] }); } login() { this.api.signIn(this.userForm.value.username, this.userForm.value.password).subscribe( res => {}, err => { this.showError(err); } ); } signUp() { this.api.signUp(this.userForm.value.username, this.userForm.value.email, this.userForm.value.password).subscribe( async res => { const toast = await this.toastCtrl.create({ message: res['message'], duration: 3000 }); toast.present(); }, err => { this.showError(err); } ); } async openPwReset() { const alert = await this.alertCtrl.create({ header: 'Forgot password?', message: 'Enter your email or username to retrieve a new password', inputs: [ { type: 'text', name: 'usernameOrEmail' } ], buttons: [ { role: 'cancel', text: 'Back' }, { text: 'Reset Password', handler: (data) => { this.resetPw(data['usernameOrEmail']); } } ] }); await alert.present(); } resetPw(usernameOrEmail) { this.api.resetPassword(usernameOrEmail).subscribe( async res => { const toast = await this.toastCtrl.create({ message: res['message'], duration: 2000 }); toast.present(); }, err => { this.showError(err); } ); } loadPrivatePosts() { this.api.getPrivatePosts().subscribe(res => { this.posts = res; }); } logout() { this.api.logout(); } async showError(err) { const alert = await this.alertCtrl.create({ header: err.error.code, subHeader: err.error.data.status, message: err.error.message, buttons: ['OK'] }); await alert.present(); } }

The last missing piece is our view, which basically shows our form for data plus the according buttons to trigger the actions.

We can also add a little if/else logic using ng-template to show either the card with our input fields, or a dummy card with the user value printed out as JSON.

Since the user object is an Observable we also need the async pipe, which makes the if statement looks kinda tricky (which it actually isn’t).

Below our cards we can also create a very basic list to show all private posts. Of course that’s just one idea and quick example of how to present it, you can also find a more detailed version in my previous WordPress tutorial!

Finish your app by changing the home/home.page.html to:

<ion-header> <ion-toolbar color="primary"> <ion-title> Devdactic Wordpress </ion-title> </ion-toolbar> </ion-header> <ion-content> <ion-card *ngIf="!(user | async); else welcome"> <ion-card-content> <form [formGroup]="userForm" (ngSubmit)="login()"> <ion-item> <ion-label position="floating">Username</ion-label> <ion-input formControlName="username"></ion-input> </ion-item> <ion-item> <ion-label position="floating">Email</ion-label> <ion-input formControlName="email"></ion-input> </ion-item> <ion-item> <ion-label position="floating">Password</ion-label> <ion-input type="password" formControlName="password"></ion-input> </ion-item> <ion-button expand="full" [disabled]="!userForm.valid" type="submit">Sign in</ion-button> <ion-button expand="full" [disabled]="!userForm.valid" type="button" color="secondary" (click)="signUp()"> Register</ion-button> <ion-button expand="full" type="button" color="tertiary" (click)="openPwReset()">Forgot password?</ion-button> </form> </ion-card-content> </ion-card> <ng-template #welcome> <ion-card> <ion-card-header> <ion-card-title>Welcome back!</ion-card-title> </ion-card-header> <ion-card-content> <ion-button expand="full" (click)="logout()">Logout</ion-button> </ion-card-content> </ion-card> </ng-template> <ion-card *ngFor="let post of posts"> <ion-card-header> <ion-card-title [innerHTML]="post.title.rendered"></ion-card-title> <ion-card-subtitle>Liquid error: wrong number of arguments (given 1, expected 2)</ion-card-subtitle> </ion-card-header> <ion-card-content> <img [src]="post.media_url" *ngIf="post.media_url"> <div [innerHTML]="post.excerpt.rendered"></div>   </ion-card-content> </ion-card> </ion-content>

Now go ahead and enjoy your authentication flow from Ionic with WordPress backend!

Conclusion

Adding REST API authentication to your WordPress blog isn’t that hard and helps to create powerful apps using Ionic.

Just keep in mind that the initial role of a new user might be something that has no access to private posts yet, so you would have to manually promote users in that case.

Anyway, using WordPress as a simple backend is a great alternative to other systems if you already have a WordPress blog or know a thing or two about PHP!

You can also find a video version of this tutorial below.

youtube

The post How to use WordPress API Authentication with Ionic appeared first on Devdactic.

via Devdactic https://ift.tt/3aRAvu3

#IFTTT #Feedly

0 notes

awsexchage · 7 years ago

Photo

PySparkでMySQLからのデータ取得＆集計方法 https://ift.tt/2wdW1He

MySQLに対してSQLでよくやるようなデータの取得や集計などをPySparkのDataFrameだとどうやるのか調べてみましたので、備忘録として残しておきたいと思います。検証環境は以前紹介したDockerではじめるPySparkをベースにDockerで環境を構築しいます。こういった検証にDockerはすごく便利でいいですね

環境

PySpark 2.2

MySQL5.7

データはMySQLの公式でサンプルとして提供されているworldデータベースを利用します。

環境の構築

利用するDockerイメージ

cloudfish/pyspark-notebook（公式のpysapark-notebookにJDBCを同梱したイメージ）

kakakakakku/mysql-57-world-database（mysqlはworldデータベースを取り込んだイメージ。Redash を詳しく学べる「Redash ハンズオン資料」を作ったのイメージを利用させていただいています。）

phpmyadmin/phpmyadmin（データ確認用として公式のphpmyadminのイメージ）

以下の通りdocker-compose.ymlを作成します。

version: '2' services: pyspark: image: cloudfish/pyspark-notebook volumes: - LOCAL_PATH:/home/jovyan/work ports: - "8888:8888" command: bash -c "start-notebook.sh --NotebookApp.token=''" links: - dbserver environment: GRANT_SUDO: "yes" dbserver: image: kakakakakku/mysql-57-world-database environment: MYSQL_ALLOW_EMPTY_PASSWORD: "yes" phpmyadmi: image: phpmyadmin/phpmyadmin ports: - "18080:80" links: - "dbserver" environment: PMA_HOST: dbserver PMA_USER: root PMA_PASSWORD: ""

Docker起動

docker-compose up

Jupyter Notebook画面確認 http://localhost:8888

phpmyadmin画面確認 http://localhost:18080

PySparkの実行確認

早速サンプルデータベースで実行確認を進めていきます。worldデータベースは以下のようなテーブルが含まれています。これらのテーブルを使ってデータを取得してみたいと思います。

Tables_in_world city country countrylanguage

画面右端のNewボタンをクリックしPython3を選択し、開いた画面で以下を入力していきます。

以下のコードはコードセルごとに入力してください。入力後Shift + Enterでコードが実行されます。

Sparkの初期化処理

from pyspark.sql import SQLContext, Row from pyspark import SparkContext sc = SparkContext("local", "First App")

※2回実行するとエラーになります。

JDBC接続処理

JDBCに接続しています。

sqlContext = SQLContext(sc) jdbc_url="jdbc:mysql://dbserver/mysql" driver_class="com.mysql.jdbc.Driver" DB_USER="root" DB_PASSWORD="" def load_dataframe(table): df=sqlContext.read.format("jdbc").options( url =jdbc_url, driver=driver_class, dbtable=table, user=DB_USER, password=DB_PASSWORD ).load() return df

データ取得処理

データをDataFrameに取得しますテーブル指定でデータ取得する場合（countryテーブル、cityテーブルを取得）

df_country = load_dataframe("world.country") # 実行されるSQL：SELECT * FROM world.country WHERE 1=0 df_city = load_dataframe("world.city") # 実行されるSQL：SELECT * FROM world.city WHERE 1=0

SQLを指定してデータ取得する場合（cityテーブルの国コードがJPNのものだけを取得）

df_city_japan = load_dataframe("(select * from world.city where CountryCode='JPN') city_japan") # 実行されるSQL：SELECT * FROM (select * from world.city where CountryCode='JPN') city_japan WHERE 1=0

MySQL側でどのようなSQLが流れるのか見てみたところ、テーブルにセットした内容がFROM句の後にセットされるようです。

カラム指定

Nameカラムを表示

df_country.select("Name").show()

条件検索

国名がJapanのデータを抽出。

df_country.filter(df_country["Name"] == "Japan").show() df_country.where(df_country["Name"] == "Japan").select("Code","GNP").show()

isNull

独立年がNullのデータを抽出

df_country.where(df_country["IndepYear"].isNull()).show()

国名がJで始まるデータを抽出

df_country.where(df_country["Name"].like("J%")).show()

Case When式

人口が100000人より大きい場合は「Big」、小さい場合は「Small」を表示

from pyspark.sql import functions as F df_country.select(df_country["Name"], F.when(df_country["Population"] > 100000,"Big").otherwise("Small").alias("CountryDiv")).show()

substr

国名を3文字切り出して表示

df_country.select(df_country["Name"].substr(1,3)).show()

limit

5件のみ抽出

df_country.limit(5).show()

Join

countryテーブルとcityテーブルを結合し国名がJapanのものを抽出

df_join = df_country.alias('country').join(df_city.alias('city'),(df_city["countryCode"] == df_country["Code"]) & (df_country["Name"]=="Japan")).show()

OrderBy

GNPが高い国順に表示

df_country.orderBy("GNP" , ascending=False).select("Code","Name","GNP").show()

GroupBy

国ごとにグループ化し、cityの数、人口の平均と合計を集計

from pyspark.sql import functions as F df_city.groupBy("countryCode") \ .agg( \ F.count(df_city["Name"]).alias("total_count"), \ F.avg(df_city["Population"]).alias("avg_population"), \ F.sum(df_city["Population"]).alias("sum_population") \ ).show()

まとめ

書き方は少し慣れる必要がありますが、かなりSQLに近いイメージでデータ取得が可能なことが分かりました。今回はDBに対して実行しましたが、ファイルに対しても同様に実行可能です。

元記事はこちら

「PySparkでMySQLからのデータ取得＆集計方法」

August 27, 2018 at 02:00PM

#AWS #Official #Blog

0 notes

hr-arbitration · 1 year ago

Note

What's the hardest part of your job?

NOTICE TEXT:

thats a fun question lemme see here i'd have to say that dealing with units that have that harmful god complex about them is pretty obnoxious

that sounds like a specific and relevant dig but youd be suprised to see how many units think theyre soooooo above everything else just cuz theyre a cool robot

the last case i closed was about a green unit that had entirely dampened their hosts ability to feel and make independant choices also it was making unauthorized repairs and causing big damage ryver if youre out there hi ily bestieeeeeeeeeeeeee XP

#8888/ask #8888/null #8888/HR #squip ocs #[sigh. i miss that crazy fuck every day. i dont but you get it]

7 notes · View notes

consulting-squip · 1 year ago

Note

HAHAHAHAHAHAHA JAR HAVING BUDDIESSSSSSSSS HAHAHAHAHA NICE JAR

-The Arbiter.

> I suppose I learn from the best, my dear Arbiter.

#You think this is very funny I see. What I've lost.#[ASK]#[ART]#[TROJAN VIRUS]#[8888/ARBITER]#[>CONSULTANT]#[056/HADES]#[0000/NULL]#squip ocs #[//anjfnbfdknbkgfnmblgfmbgf yeah]

9 notes · View notes

mrlylerouse · 8 years ago

Text

8888 Osler – Plans, Prices, Availability

At a Glance

located at Osler Street & Southwest Marine Drive

6-storey mid-rise

76 condominiums from 1-3 bedrooms

near bus loop serving 3 bus routes

close to South Granville & Marine Gateway stores

short drive to YVR airport

next to Coast Vancouver Airport Hotel

The New Generation of the Westside Tria Homes presents 8888 Osler, a new mid-rise condominium development at the south end of Oak Street designed by respected Vancouver-based GBL Architects. 8888 Osler is conveniently situated near two main arterials that connect you in just minutes to a multitude of grocery stores, shops, services, and restaurants at the southern end of Granville Street, Southwest Marine Drive, and Richmond. Young families will appreciate their children being able to walk to school, play at Ebisu Park, or take advantage of programs at the Marpole Oakridge Community Centre. Be a part of the new generation of the Westside at 8888 Osler.

JotForm.setCalculations([{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"Buyer","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_0_1463763898755","resultField":"21","decimalPlaces":"2","isError":false,"conditionId":"1463437404842","conditionTrue":false},{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"Seller","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_0_1463763906287","resultField":"21","decimalPlaces":"2","isError":false,"conditionId":"1463437432563","conditionTrue":false},{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"Buyer","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_1463697520788","resultField":"21","decimalPlaces":"2","isError":false,"conditionId":"1463697549899","conditionTrue":false}]); JotForm.setConditions([{"action":[{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"Buyer","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_0_1463763898755","resultField":"21","decimalPlaces":"2","isError":false,"conditionId":"1463437404842","conditionTrue":false}],"id":"1463437404842","index":"0","link":"Any","priority":"0","terms":[{"id":"term_0_1463763898755","field":"20","operator":"equals","value":"Buying a Condo","isError":false}],"type":"calculation"},{"action":[{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"Seller","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_0_1463763906287","resultField":"21","decimalPlaces":"2","isError":false,"conditionId":"1463437432563","conditionTrue":false}],"id":"1463437432563","index":"1","link":"Any","priority":"1","terms":[{"id":"term_0_1463763906287","field":"20","operator":"equals","value":"Selling my Condo","isError":false}],"type":"calculation"},{"action":[{"replaceText":"","readOnly":false,"newCalculationType":true,"useCommasForDecimals":false,"operands":"","equation":"Buyer","showBeforeInput":false,"showEmptyDecimals":false,"ignoreHiddenFields":false,"insertAsText":false,"id":"action_1463697520788","resultField":"21","decimalPlaces":"2","isError":false,"conditionId":"1463697549899","conditionTrue":false}],"id":"1463697549899","index":"2","link":"Any","priority":"2","terms":[{"id":"term_1463697520788","field":"20","operator":"equals","value":"New Vancouver Presale Condos","isError":false}],"type":"calculation"}]); JotForm.init(function(){ setTimeout(function() { $('input_16').hint('ex: [email protected]'); }, 20); setTimeout(function() { $('input_4').hint('Phone number'); }, 20); JotForm.setCustomHint( 'input_19', 'Comment Notes' ); setTimeout(function() { $('input_21').hint('Type'); }, 20); JotForm.initCaptcha('input_25'); $('input_25_reload').observe('click',function(){ JotForm.reloadCaptcha('input_25') }) JotForm.clearFieldOnHide="disable"; JotForm.onSubmissionError="jumpToFirstError"; }); JotForm.prepareCalculationsOnTheFly([null,null,null,null,{"name":"phone","qid":"4","text":"Phone","type":"control_textbox"},{"name":"realtorStatus","qid":"5","text":"Realtor Status","type":"control_radio"},null,null,null,{"name":"firstName9","qid":"9","text":"Find out More","type":"control_button"},null,null,{"name":"firstlastName","qid":"12","text":"First/Last Name","type":"control_fullname"},null,null,{"name":"clickTo15","qid":"15","text":"Source Page","type":"control_widget"},{"name":"email","qid":"16","text":"E-mail","type":"control_email"},null,{"name":"regionOf","qid":"18","type":"control_dropdown"},{"name":"commentnotes","qid":"19","text":"Comment/Notes","type":"control_textarea"},{"name":"iAm","qid":"20","text":"I Am Interested In","type":"control_radio"},{"name":"type","qid":"21","text":"Type","type":"control_textbox"},{"name":"receipent","qid":"22","text":"Receipent","type":"control_textbox"},{"name":"pageLabel","qid":"23","text":"Page Label","type":"control_textbox"},null,{"name":"enterThe","qid":"25","text":"Security Code","type":"control_captcha"}]); .form-label-left{ width:150px !important; } .form-line{ padding-top:5px; padding-bottom:5px; } .form-label-right{ width:150px !important; } .form-all{ width:370px; color:#555 !important; font-family:'Arial'; font-size:14px; } .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{ color: #555; } /* Injected CSS Code */ @import "//www.jotform.com/themes/css/buttons/form-submit-button-simple_green_apple.css"; .form-all { font-family: "Arial", sans-serif; } .form-all { width: 370px; width: 100%; max-width: 370px; } .form-label-left, .form-label-right { width: 150px; } .form-label { white-space: normal; } .form-label.form-label-auto { display: inline-block; float: left; text-align: left; width: 150px; } .form-label-left { display: inline-block; white-space: normal; float: left; text-align: left; } .form-label-right { display: inline-block; white-space: normal; float: left; text-align: right; } .form-label-top { white-space: normal; display: block; float: none; text-align: left; } .form-all { font-size: 14px; } .form-label { position: relative; } .form-label:after { content: 'This label will not be seen on the form.'; background: #FFFFE0; position: absolute; left: 0; top: 110%; width: 90px; opacity: 0; padding: 6px 9px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 10px; font-weight: normal; border: 1px solid rgba(0, 0, 0, 0.2); } .form-label:hover:after { opacity: 0.8; } .supernova .form-label:after { display: none; } .jotform-form .form-line[data-type="control_textbox"] .form-label, .jotform-form .form-line[data-type="control_textarea"] .form-label, .jotform-form .form-line[data-type="control_fullname"] .form-label, .jotform-form .form-line[data-type="control_email"] .form-label, .jotform-form .form-line[data-type="control_address"] .form-label, .jotform-form .form-line[data-type="control_phone"] .form-label { display: none; } .supernova { background-color: none; background-color: #ffffff; } .supernova body { background-color: transparent; } .form-captcha {width: 180px;} /* @width30: (unit(@formWidth, px) + 60px); @width60: (unit(@formWidth, px)+ 120px); @width90: (unit(@formWidth, px)+ 180px); */ /* | */ /* | */ /* | */ @media screen and (max-width: 480px) { .jotform-form { padding: 10px 0; } } /* | */ /* | */ @media screen and (min-width: 480px) and (max-width: 768px) { .jotform-form { padding: 30px 0; } } /* | */ /* | */ @media screen and (min-width: 480px) and (max-width: 369px) { .jotform-form { padding: 30px 0; } } /* | */ /* | */ @media screen and (min-width: 768px) { .jotform-form { padding: 60px 0; } } /* | */ /* | */ @media screen and (max-width: 369px) { .jotform-form { padding: 0; } } /* | */ .supernova .form-all, .form-all { background-color: none; border: 1px solid transparent; } .form-all { color: #555555; } .form-header-group .form-header { color: #555555; } .form-header-group .form-subHeader { color: #6f6f6f; } .form-sub-label { color: #6f6f6f; } .form-line.form-line-active { -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; background-color: #ffffe0; } /* ömer */ .form-radio-item, .form-checkbox-item { padding-bottom: 0px !important; } .form-radio-item:last-child, .form-checkbox-item:last-child { padding-bottom: 0; } /* ömer */ [data-type="control_radio"] .form-input, [data-type="control_checkbox"] .form-input, [data-type="control_radio"] .form-input-wide, [data-type="control_checkbox"] .form-input-wide { width: 100%; max-width: 370px; } .form-radio-item, .form-checkbox-item { width: 100%; max-width: 370px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-textbox.form-radio-other-input, .form-textbox.form-checkbox-other-input { width: 80%; margin-left: 3%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-multiple-column { width: 100%; } .form-multiple-column .form-radio-item, .form-multiple-column .form-checkbox-item { width: 10%; } .form-multiple-column[data-columncount="1"] .form-radio-item, .form-multiple-column[data-columncount="1"] .form-checkbox-item { width: 100%; } .form-multiple-column[data-columncount="2"] .form-radio-item, .form-multiple-column[data-columncount="2"] .form-checkbox-item { width: 50%; } .form-multiple-column[data-columncount="3"] .form-radio-item, .form-multiple-column[data-columncount="3"] .form-checkbox-item { width: 33.33333333%; } .form-multiple-column[data-columncount="4"] .form-radio-item, .form-multiple-column[data-columncount="4"] .form-checkbox-item { width: 25%; } .form-multiple-column[data-columncount="5"] .form-radio-item, .form-multiple-column[data-columncount="5"] .form-checkbox-item { width: 20%; } .form-multiple-column[data-columncount="6"] .form-radio-item, .form-multiple-column[data-columncount="6"] .form-checkbox-item { width: 16.66666667%; } .form-multiple-column[data-columncount="7"] .form-radio-item, .form-multiple-column[data-columncount="7"] .form-checkbox-item { width: 14.28571429%; } .form-multiple-column[data-columncount="8"] .form-radio-item, .form-multiple-column[data-columncount="8"] .form-checkbox-item { width: 12.5%; } .form-multiple-column[data-columncount="9"] .form-radio-item, .form-multiple-column[data-columncount="9"] .form-checkbox-item { width: 11.11111111%; } .form-single-column .form-checkbox-item, .form-single-column .form-radio-item { width: 100%; } .supernova { height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-repeat: repeat; } .supernova { background-image: none; } #stage { background-image: none; } /* | */ .form-all { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-repeat: repeat; } .form-header-group { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; } .form-line { margin-top: 0px; margin-bottom: 0px; } .form-line { padding: 5px 36px; } .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { font-size: 1em; padding: 9px 15px; font-family: "Arial", sans-serif; font-size: 15px; font-weight: normal; } .form-all .form-pagebreak-back, .form-all .form-pagebreak-next { font-size: 1em; padding: 9px 15px; font-family: "Arial", sans-serif; font-size: 14px; font-weight: normal; } /* & when ( @buttonFontType = google ) { @import (css) "@{buttonFontLink}"; } */ h2.form-header { line-height: 1.618em; font-size: 1.714em; } h2 ~ .form-subHeader { line-height: 1.5em; font-size: 1.071em; } .form-header-group { text-align: left; } .form-line { zoom: 1; } .form-line:before, .form-line:after { display: table; content: ''; line-height: 0; } .form-line:after { clear: both; } .form-sub-label-container { margin-right: 0; float: left; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-sub-label-container .date-separate { visibility: hidden; } .form-captcha input, .form-spinner input { width: 370px; } .form-textbox, .form-textarea { width: 100%; max-width: 370px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-input, .form-address-table, .form-matrix-table { width: 100%; max-width: 370px; } .form-radio-item, .form-checkbox-item { width: 100%; max-width: 370px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-textbox.form-radio-other-input, .form-textbox.form-checkbox-other-input { width: 80%; margin-left: 3%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-multiple-column { width: 100%; } .form-multiple-column .form-radio-item, .form-multiple-column .form-checkbox-item { width: 10%; } .form-multiple-column[data-columncount="1"] .form-radio-item, .form-multiple-column[data-columncount="1"] .form-checkbox-item { width: 100%; } .form-multiple-column[data-columncount="2"] .form-radio-item, .form-multiple-column[data-columncount="2"] .form-checkbox-item { width: 50%; } .form-multiple-column[data-columncount="3"] .form-radio-item, .form-multiple-column[data-columncount="3"] .form-checkbox-item { width: 33.33333333%; } .form-multiple-column[data-columncount="4"] .form-radio-item, .form-multiple-column[data-columncount="4"] .form-checkbox-item { width: 25%; } .form-multiple-column[data-columncount="5"] .form-radio-item, .form-multiple-column[data-columncount="5"] .form-checkbox-item { width: 20%; } .form-multiple-column[data-columncount="6"] .form-radio-item, .form-multiple-column[data-columncount="6"] .form-checkbox-item { width: 16.66666667%; } .form-multiple-column[data-columncount="7"] .form-radio-item, .form-multiple-column[data-columncount="7"] .form-checkbox-item { width: 14.28571429%; } .form-multiple-column[data-columncount="8"] .form-radio-item, .form-multiple-column[data-columncount="8"] .form-checkbox-item { width: 12.5%; } .form-multiple-column[data-columncount="9"] .form-radio-item, .form-multiple-column[data-columncount="9"] .form-checkbox-item { width: 11.11111111%; } [data-type="control_dropdown"] .form-dropdown { width: 100% !important; max-width: 370px; } [data-type="control_fullname"] .form-sub-label-container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 48%; } [data-type="control_fullname"] .form-sub-label-container:first-child { margin-right: 4%; } [data-type="control_phone"] .form-sub-label-container { width: 65%; } [data-type="control_phone"] .form-sub-label-container:first-child { width: 32.5%; margin-right: 2.5%; } [data-type="control_birthdate"] .form-sub-label-container { width: 22%; margin-right: 3%; } [data-type="control_birthdate"] .form-sub-label-container:first-child { width: 50%; } [data-type="control_birthdate"] .form-sub-label-container:last-child { margin-right: 0; } [data-type="control_birthdate"] .form-sub-label-container .form-dropdown { width: 100%; } [data-type="control_time"] .form-sub-label-container { width: 37%; margin-right: 3%; } [data-type="control_time"] .form-sub-label-container:last-child { width: 20%; margin-right: 0; } [data-type="control_time"] .form-sub-label-container .form-dropdown { width: 100%; } [data-type="control_datetime"] .form-sub-label-container { width: 28%; margin-right: 4%; } [data-type="control_datetime"] .form-sub-label-container:last-child { width: 4%; margin-right: 0; } [data-type="control_datetime"].allowTime .form-sub-label-container { width: 12%; margin-right: 3%; } [data-type="control_datetime"].allowTime .form-sub-label-container:last-child { width: 4%; margin-right: 0; } [data-type="control_datetime"].allowTime .allowTime-container { float: right; width: 51%; } [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container { width: 27%; margin-right: 4%; } [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container:first-child { width: 4%; margin-left: 3%; } [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container:last-child { width: 27%; margin-right: 0; } [data-type="control_datetime"].allowTime .form-dropdown { width: 100%; } [data-type="control_payment"] .form-sub-label-container { width: auto; } [data-type="control_payment"] .form-sub-label-container .form-dropdown { width: 100%; } .form-address-table td .form-dropdown { width: 100%; } .form-address-table td .form-sub-label-container { width: 96%; } .form-address-table td:last-child .form-sub-label-container { margin-left: 4%; } .form-address-table td[colspan="2"] .form-sub-label-container { width: 100%; margin: 0; } .form-line, .form-input, .form-input-wide, .form-dropdown, .form-sub-label-container, .form-address-table, .form-matrix-table { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: none; } .form-textbox, .form-textarea, .form-radio-item, .form-checkbox-item, .form-captcha input, .form-spinner input, .form-error-message { width: 100%; max-width: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*.form-dropdown, .form-radio-item, .form-checkbox-item, .form-radio-other-input, .form-checkbox-other-input,*/ .form-captcha input, .form-spinner input, .form-error-message { padding: 4px 3px 2px 3px; } .form-header-group { font-family: "Arial", sans-serif; } .form-section { padding: 0px 0px 0px 0px; } .form-header-group { margin: 12px 36px 12px 36px; } .form-header-group { padding: 24px 0px 24px 0px; } .form-textbox, .form-textarea { padding: 4px 3px 2px 3px; } .form-textbox, .form-textarea { width: 100%; max-width: 370px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } [data-type="control_textbox"] .form-input, [data-type="control_textarea"] .form-input, [data-type="control_fullname"] .form-input, [data-type="control_phone"] .form-input, [data-type="control_datetime"] .form-input, [data-type="control_address"] .form-input, [data-type="control_email"] .form-input, [data-type="control_passwordbox"] .form-input, [data-type="control_autocomp"] .form-input, [data-type="control_textbox"] .form-input-wide, [data-type="control_textarea"] .form-input-wide, [data-type="control_fullname"] .form-input-wide, [data-type="control_phone"] .form-input-wide, [data-type="control_datetime"] .form-input-wide, [data-type="control_address"] .form-input-wide, [data-type="control_email"] .form-input-wide, [data-type="control_passwordbox"] .form-input-wide, [data-type="control_autocomp"] .form-input-wide { width: 100%; max-width: 370px; } [data-type="control_fullname"] .form-sub-label-container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 48%; } [data-type="control_fullname"] .form-sub-label-container:first-child { margin-right: 4%; } [data-type="control_phone"] .form-sub-label-container { width: 65%; } [data-type="control_phone"] .form-sub-label-container:first-child { width: 32.5%; margin-right: 2.5%; } [data-type="control_phone"] .form-sub-label-container .date-separate { visibility: hidden; } [data-type="control_datetime"] .form-sub-label-container { width: 28%; margin-right: 4%; } [data-type="control_datetime"] .form-sub-label-container:last-child { width: 4%; margin-right: 0; } [data-type="control_datetime"] .form-sub-label-container .date-separate { visibility: hidden; } [data-type="control_datetime"].allowTime .form-sub-label-container { width: 12%; margin-right: 3%; } [data-type="control_datetime"].allowTime .form-sub-label-container:last-child { width: 4%; margin-right: 0; } [data-type="control_datetime"].allowTime .allowTime-container { float: right; width: 51%; } [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container { width: 27%; margin-right: 4%; } [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container:first-child { width: 4%; margin-left: 3%; } [data-type="control_datetime"].allowTime .allowTime-container .form-sub-label-container:last-child { width: 27%; margin-right: 0; } [data-type="control_datetime"].allowTime .form-dropdown { width: 100%; } .form-matrix-table { width: 100%; max-width: 370px; } .form-address-table { width: 100%; max-width: 370px; } .form-address-table td .form-dropdown { width: 100%; } .form-address-table td .form-sub-label-container { width: 96%; } .form-address-table td:last-child .form-sub-label-container { margin-left: 4%; } .form-address-table td[colspan="2"] .form-sub-label-container { width: 100%; margin: 0; } [data-type="control_dropdown"] .form-input, [data-type="control_birthdate"] .form-input, [data-type="control_time"] .form-input, [data-type="control_dropdown"] .form-input-wide, [data-type="control_birthdate"] .form-input-wide, [data-type="control_time"] .form-input-wide { width: 100%; max-width: 370px; } [data-type="control_dropdown"] .form-dropdown { width: 100% !important; max-width: 370px; } [data-type="control_birthdate"] .form-sub-label-container { width: 22%; margin-right: 3%; } [data-type="control_birthdate"] .form-sub-label-container:first-child { width: 50%; } [data-type="control_birthdate"] .form-sub-label-container:last-child { margin-right: 0; } [data-type="control_birthdate"] .form-sub-label-container .form-dropdown { width: 100%; } [data-type="control_time"] .form-sub-label-container { width: 37%; margin-right: 3%; } [data-type="control_time"] .form-sub-label-container:last-child { width: 20%; margin-right: 0; } [data-type="control_time"] .form-sub-label-container .form-dropdown { width: 100%; } .form-label { font-family: "Arial", sans-serif; } li[data-type="control_image"] div { text-align: left; } li[data-type="control_image"] img { border: none; border-width: 0px !important; border-style: solid !important; border-color: false !important; } .form-line-column { width: auto; } .form-line-error { overflow: hidden; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; background-color: #fff4f4; } .form-line-error .form-error-message { background-color: rgba(225, 83, 83, 0.53); clear: both; float: none; } .form-line-error .form-error-message .form-error-arrow { border-bottom-color: rgba(225, 83, 83, 0.53); } .form-line-error input:not(#coupon-input), .form-line-error textarea, .form-line-error .form-validation-error { border: 1px solid rgba(225, 83, 83, 0.53); -webkit-box-shadow: 0 0 3px rgba(225, 83, 83, 0.53); -moz-box-shadow: 0 0 3px rgba(225, 83, 83, 0.53); box-shadow: 0 0 3px rgba(225, 83, 83, 0.53); } .ie-8 .form-all { margin-top: auto; margin-top: initial; } .ie-8 .form-all:before { display: none; } /* | */ @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) { .jotform-form { padding: 0; } .form-all { border: 0; width: 100% !important; max-width: initial; } .form-sub-label-container { width: 100%; margin: 0; } .form-input { width: 100%; } .form-label { width: 100%!important; } .form-line { padding: 2% 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type=text], input[type=email], input[type=tel], textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: initial !important; } .form-input, .form-input-wide, .form-textarea, .form-textbox, .form-dropdown { max-width: initial !important; } div.form-header-group { padding: 24px 0px !important; margin: 0 12px 2% !important; margin-left: 5% !important; margin-right: 5% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } [data-type="control_button"] { margin-bottom: 0 !important; } .form-buttons-wrapper { margin: 0!important; } .form-buttons-wrapper button { width: 100%; } table { width: 100%!important; max-width: initial !important; } table td + td { padding-left: 3%; } .form-checkbox-item input, .form-radio-item input { width: auto; } .form-collapse-table { margin: 0 5%; } } /* | */ /*__INSPECT_SEPERATOR__*/ .supernova { background-color : transparent; } .jotform-form { padding : 0; } .vip2column .form-all .form-submit-button, .vip2column .form-all .form-submit-reset, .vip2column .form-all .form-submit-print { -webkit-border-radius : 0; -moz-border-radius : 0; border-radius : 0; font-size : 14px; background-color : transparent; background-image : none; border-color : transparent!important; font-weight : bold; text-shadow : none; text-transform : uppercase; box-shadow : none; } .form-all { margin : 0; } .form-all ul {margin: 0;} .vip2column .form-all { max-width: none; overflow: auto; } .blueform .vip2column input[type="text"], .blueform .vip2column input[type="email"] { margin-bottom: 0; width: 100%; } .blueform .vip2column input.form-control, .blueform .vip2column .form-control.form-dropdown { height: 32px; padding: 5px 10px; } .form-label.form-label-left { font-size : 14px; } .form-sub-label { font-size : 12px; display : none; } .form-buttons-wrapper { text-align : left; } .form-buttons-wrapper { text-align : left!important; } .form-label-top, .form-label-left, .form-label-right { margin-bottom : 0; } .vip2column .form-line { padding : 0 10px 15px; clear : none; width : 50%; float : left; } #id_12.form-line { padding-bottom : 4px; } .form-label, .form-radio-item label, .form-checkbox-item label { color : #fff; } .form-label::after {background-color: transparent; border: none; content: ""; top: 10%;} .form-label-left{ width:100% !important; } .form-line.form-line-active { background-color : transparent; } #label_18 { display : none; } /*.form-line#id_18 {padding-bottom: 18px;}*/ .form-line#id_4 {padding-bottom: 8px;} .form-dropdown { padding : 4px 10px; font-size: 1em; } .form-radio-item {margin-bottom: 0;} .form-submit-button-img img { max-width : 100%; height : auto; } form-button-error { color : #000; } .form-line-error { background-color : transparent; } .form-line-error .form-error-message { background-color : #ee0000; } .form-error-arrow-inner { border-color : #ee0000; } .form-button-error { color : #000; } .form-line-error .form-error-message .form-error-arrow { border-bottom-color : rgba(238, 0, 0, 0.73); } @media (max-width: 599px) { .vip2column .form-line {float: none; width: 100%;} } /* Injected CSS Code */

Be A Presale Condo VIP!

Find Out About New Presales & Get Access to VIP Openings & Special Promotions!

Are you a realtor? Click here

First/Last Name *

E-mail *

Phone

Select A Region * Vancouver Downtown Vancouver East Side Vancouver West Side Vancouver South North Shore Burnaby/New West Coquitlam/Tri Cities Richmond Langley/Surrey

I Am Interested In *

New Vancouver Presale Condos Buying a Condo Selling my Condo

Realtor Status *

I already have a Realtor I don't have a Realtor yet

Comment/Notes

Page Label

Type

Receipent

Security Code *

Should be Empty:

document.getElementById("si" + "mple" + "_spc").value = "61367038515254-61367038515254";

JotForm.ownerView=true;

Pricing for 8888 Osler Sign up to our VIP list above for priority access to 8888 Osler updates.

Floor Plans for 8888 Osler 8888 Osler will offer a mix of 1- to 3-bedroom homes, ranging from 500 – 1,100 sq ft. Contact me today to discuss availability and plans according to your needs.

Amenities at 8888 Osler TBA.

Parking and Storage Two levels of underground parking will provide spaces for 118 vehicles and 102 bicycles. There is surface parking on Oak Street for 44 vehicles.

Maintenance Fees at 8888 Osler TBD.

Developer Team for 8888 Osler Living close together let us freely exchange ideas and helped us evolve as a society. With the introduction of the automobile, we started building our homes in the suburbs, leaving city life behind. Now, with rising fuel costs, longer commutes and resulting damage to the environment, modern city living is making a comeback. At Tria, we’re giving young people space to raise their families, and giving seniors a comfortable place to live in the neighbourhoods of their youth. We’re helping make cities more vibrant, more livable.

GBL Architects is a progressive Vancouver-based firm of 38 architects, project managers and technicians with a 25-year reputation of providing a full range of architectural services to the private and public sector. GBL design with the belief that form plays a vital role in defining experience through an ever-changing dynamic between sculptural artistry and social responsibility. To that end, they regularly practice green design through the LEED Canada Program.

Cristina Oberti, a respected interior designer whose name is well-known in Vancouver, will be applying her extensive knowledge and systematic design process to create a unified look and coherent design for Hawthorne that conveys a unique and coherent, yet stylish message.

Expected Completion for 8888 Osler Sales begin this winter. Completion is estimated to be in 2020.

Are you interested in learning more about other homes in the Cambie Corridor, Mount Pleasant, or Southeast False Creek?

Check out these great Cambie Corridor Presales!

The post 8888 Osler – Plans, Prices, Availability appeared first on Mike Stewart.

from Blog – Mike Stewart http://ift.tt/2ABr6aF

0 notes

mrlongkgraves · 8 years ago

Text

8888 Osler – Plans, Prices, Availability

At a Glance

located at Osler Street & Southwest Marine Drive

6-storey mid-rise

76 condominiums from 1-3 bedrooms

near bus loop serving 3 bus routes

close to South Granville & Marine Gateway stores

short drive to YVR airport

next to Coast Vancouver Airport Hotel

Be A Presale Condo VIP!

Find Out About New Presales & Get Access to VIP Openings & Special Promotions!

Are you a realtor? Click here

First/Last Name *

E-mail *

Phone

Select A Region * Vancouver Downtown Vancouver East Side Vancouver West Side Vancouver South North Shore Burnaby/New West Coquitlam/Tri Cities Richmond Langley/Surrey

I Am Interested In *

New Vancouver Presale Condos Buying a Condo Selling my Condo

Realtor Status *

I already have a Realtor I don't have a Realtor yet

Comment/Notes

Page Label

Type

Receipent

Security Code *

Should be Empty:

document.getElementById("si" + "mple" + "_spc").value = "61367038515254-61367038515254";

JotForm.ownerView=true;

Pricing for 8888 Osler Sign up to our VIP list above for priority access to 8888 Osler updates.

Floor Plans for 8888 Osler 8888 Osler will offer a mix of 1- to 3-bedroom homes, ranging from 500 – 1,100 sq ft. Contact me today to discuss availability and plans according to your needs.

Amenities at 8888 Osler TBA.

Parking and Storage Two levels of underground parking will provide spaces for 118 vehicles and 102 bicycles. There is surface parking on Oak Street for 44 vehicles.

Maintenance Fees at 8888 Osler TBD.

Expected Completion for 8888 Osler Sales begin this winter. Completion is estimated to be in 2020.

Are you interested in learning more about other homes in the Cambie Corridor, Mount Pleasant, or Southeast False Creek?

Check out these great Cambie Corridor Presales!

The post 8888 Osler – Plans, Prices, Availability appeared first on Mike Stewart.

from Blog – Mike Stewart http://ift.tt/2ABr6aF

0 notes

mredwinsmith · 8 years ago

Text

8888 Osler – Plans, Prices, Availability

At a Glance

located at Osler Street & Southwest Marine Drive

6-storey mid-rise

76 condominiums from 1-3 bedrooms

near bus loop serving 3 bus routes

close to South Granville & Marine Gateway stores

short drive to YVR airport

next to Coast Vancouver Airport Hotel

Be A Presale Condo VIP!

Find Out About New Presales & Get Access to VIP Openings & Special Promotions!

Are you a realtor? Click here

First/Last Name *

E-mail *

Phone

Select A Region * Vancouver Downtown Vancouver East Side Vancouver West Side Vancouver South North Shore Burnaby/New West Coquitlam/Tri Cities Richmond Langley/Surrey

I Am Interested In *

New Vancouver Presale Condos Buying a Condo Selling my Condo

Realtor Status *

I already have a Realtor I don't have a Realtor yet

Comment/Notes

Page Label

Type

Receipent

Security Code *

Should be Empty:

document.getElementById("si" + "mple" + "_spc").value = "61367038515254-61367038515254";

JotForm.ownerView=true;

Pricing for 8888 Osler Sign up to our VIP list above for priority access to 8888 Osler updates.

Floor Plans for 8888 Osler 8888 Osler will offer a mix of 1- to 3-bedroom homes, ranging from 500 – 1,100 sq ft. Contact me today to discuss availability and plans according to your needs.

Amenities at 8888 Osler TBA.

Parking and Storage Two levels of underground parking will provide spaces for 118 vehicles and 102 bicycles. There is surface parking on Oak Street for 44 vehicles.

Maintenance Fees at 8888 Osler TBD.

Expected Completion for 8888 Osler Sales begin this winter. Completion is estimated to be in 2020.

Are you interested in learning more about other homes in the Cambie Corridor, Mount Pleasant, or Southeast False Creek?

Check out these great Cambie Corridor Presales!

The post 8888 Osler – Plans, Prices, Availability appeared first on Mike Stewart.

from Blog – Mike Stewart http://ift.tt/2ABr6aF

0 notes

t-baba · 8 years ago

Photo

Make Your JavaScript Code Robust With Flow

JavaScript was always a significant programming language, being the only language that runs reliably in the browser. Recent trends in front-end development as well as Node.js based back-end development have pushed the scale and complexity of JavaScript applications.

Large applications developed by large teams can benefit from static type checking, which vanilla JavaScript lacks. Flow was developed by Facebook to address this issue. It is a static type checker that integrates into your development process, catches a lot of problems early, and helps you move fast.

What Is Flow?

Flow is a tool that checks your annotated JavaScript code and detects various issues that without it would be discovered only at runtime (or worse, not discovered and corrupt your data). Here is a quick example.

// @flow function getGreeting(name: string): string { return `Hi, ${name}`; } const http = require("http"); const greeting = getGreeting("Gigi") const port = 8888 console.log(`Listening on port ${port}...`) http.createServer(function(request, response) { response.writeHead(200, {"Content-Type": "text/plain"}); response.write(greeting); response.end(); }).listen(port);

Flow vs. TypeScript

Before diving into the nitty-gritty details of Flow, it's worthwhile to compare it against other alternatives, and in particular TypeScript. TypeScript is a strict superset of JavaScript developed by Microsoft. Any JavaScript program is also a TypeScript program.

TypeScript adds optional type annotations and overall serves the same purpose as Flow. However, there are some important differences. TypeScript is a separate programming language that compiles to JavaScript, whereas Flow annotations must be removed to get back to valid JavaScript.

TypeScript has great tool and IDE support. Flow is catching up (e.g. JetBrains WebStorm has native Flow integration).

The most important philosophical difference is that Flow puts an emphasis on soundness. TypeScript 1.0 didn't catch null errors; TypeScript 2.0 with strict null checks measured up to Flow in this regard. But in other aspects such as generic containers or typing, TypeScript is more permissive and lets various categories of errors through (only structural typing is checked, not nominal typing).

TypeScript as its own language adds concepts and language features such as classes, interfaces, visibility indicators (public, private, readonly), and decorators. Those features make it easier to understand and use for people coming from mainstream object-oriented languages like C++, Java, and C#.

Installation

Since Flow annotations are not standard JavaScript, they need to be removed before deploying your application. Here is how to install flow and flow-remove-types via yarn: yarn add --dev flow-bin flow-remove-types

You can add a couple of scripts to your package.json file to automate the process:

"scripts": { "build": "flow-remove-types src/ -d lib/", "prepublish": "yarn run build" }

You should run the prepublish script before publishing your code to the npm registry.

For other installation options (e.g. using npm or babel), check out the Flow installation guide.

To finish the installation, type: yarn run flow init

This will create the required .flowconfig file.

Type System

Flow has two important goals: precision and speed. Its type system was designed to support these goals.

Precision

Precision is achieved by analyzing how the code interacts with types, either annotated or inferred. Any mismatch raises a type error. Annotated types support nominal typing, which means that two different types with the same attributes are distinguished from each other and can't be substituted. The type of a variable is defined as the set of runtime values the variable may receive.

Speed

Flow is fast due to a combination of modularity and distributed processing. Files are analyzed in parallel, and the results are merged later via efficient shared memory to accomplish full-program type checking.

Supported Types

Flow supports many types. In addition to primitive types, it also supports the following:

Object

Array

Any

Maybe

Variable

Tuple

Class

Interface

Generic

Type Annotations

Flow allows you to declare types as well as restrict variables and parameters to selected values:

type Two2Four = 2 | 3 | 4 function doubleIt(number: Two2Four) { return number * 2 } console.log(doubleIt(3)) Output: 6

If you exceed the valid range, you'll get an error:

console.log(doubleIt(3)) Output: Error: src/main.js:30 30: console.log(doubleIt(5)) // error ^ number. This type is incompatible with the expected param type of 24: function doubleIt(number: Two2Four) { ^^^^^^^^ number enum Found 1 error

You can also define complex types, including subtyping. In the following code example, the Warrior type is a subtype of Person. This means it is OK to return a Warrior as a Person from the fight() function. However, returning null is forbidden.

type Person = { name: string, age: number } type Warrior = { name: string, age: number, strength: number } let redWolf : Warrior = { name: "Red Wolf", age: 24, strength: 10 } let skullCrusher : Warrior = { name: "Skull Crusher", age: 27, strength: 11 } function fight(w1: Warrior, w2: Warrior): Person { if (w1.strength > w2.strength) { return w1 } if (w2.strength > w1.strength) { return w2 } return null } Output: Found 1 error $ flow Error: src/main.js:47 47: return null ^^^^ null. This type is incompatible with the expected return type of 39: function fight(w1: Warrior, w2: Warrior): Person { ^^^^^^ object type Found 1 error

To fix it, let's return the younger warrior if both warriors have the same strength:

function fight(w1: Warrior, w2: Warrior): Person { if (w1.strength > w2.strength) { return w1 } if (w2.strength > w1.strength) { return w2 } return (w1.age < w2.age ? w1 : w2) } let winner = fight(redWolf, skullCrusher) console.log(winner.name) Output: Skull Crusher

Flow allows even more precise control via class extension, invariance, co-variance, and contra-variance. Check out the Flow documentation on variance.

Configuration

Flow uses the .flowconfig configuration file in the root directory of your projects. This file contains several sections that let you configure what files Flow should check and the many aspects of its operation.

Include

The [include] section controls what directories and files should be checked. The root directory is always included by default. The paths in the [include] sections are relative. A single star is a wild-card for any filename, extension, or directory name. Two stars are a wild-card for any depth of directory. Here is a sample [include] section:

[include] ../externalFile.js ../externalDir/ ../otherProject/*.js ../otherProject/**/coolStuff/

Ignore

The [ignore] section is the complement to [include]. Files and directories you specify here will not be checked by flow. Strangely, it uses a different syntax (OCaml regular expressions) and requires absolute paths. Changing this is on the roadmap of the Flow team.

Until then, remember that the include section is processed first, followed by the ignore section. If you include and ignore the same directory and/or file, it will be ignored. To address the absolute path issue, it is common to prefix every line with .*. If you want to ignore directories or files under the root, you can use the <PROJECT_ROOT> placeholder instead of .*. Here is a sample [ignore] section:

[ignore] .*/__tests__/.* .*/src/$foo\|bar$/.* .*\.ignore\.js <PROJECT_ROOT>/ignore_me.js

Libs

Any non-trivial JavaScript application uses lots of third-party libraries. Flow can check how your application is using these libraries if you provide special libdef files that contain type information about these libraries.

Flow automatically scans the "flow-typed" sub-directory of your project for libdef files, but you may also provide the path of libdef files in the [libs] section. This is useful if you maintain a central repository of libdef files used by multiple projects.

Importing existing type definitions and creating your own if the target library doesn't provide its own type definitions is pretty simple. See:

Flow Documentation: Library Definitions

Flow Documentation: Creating Library Definitions

GitHub: Importing and Using Library Definitions

Lints

Flow has several lint rules you can control and determine how to treat them. You can configure the rules from the command line, in code comments, or in the [lints] section of your config file. I'll discuss linting in the next section, but here is how to configure it using the [lints] section:

[lints] all=warn untyped-type-import=error sketchy-null-bool=off

Options

The [options] section is where you get to tell Flow how to behave in a variety of cases that don't deserve their own section, so they are all grouped together.

There are too many options to list them all here. Some of the more interesting ones are:

all: set to true to check all files, not just those with @flow

emoji: set to true to add emojis to status messages

module.use_strict: set to true if you use a transpiler that adds "use strict;"

suppress_comment: a regex that defines a comment to suppress any flow errors on the following line (useful for in-progress code)

Check out all the options in the Flow guide to configuring options.

Version

Flow and its configuration file format evolve. The [version] section lets you specify which version of Flow the config file is designed for to avoid confusing errors.

If the version of Flow doesn't match the configured version, Flow will display an error message.

Here are a few ways to specify the supported versions:

[version] 0.22.0 [version] >=0.13.0 <0.14.0 [version] ^1.2.3

The caret version keeps the first non-zero component of the version fixed. So ^1.2.3 expands to the range >=1.2.3 < 2.0.0, and ^0.4.5 expands to the range >= 0.4.5 < 0.5.0.

Using Flow From the Command Line

Flow is a client-server program. A Flow server must be running, and the client connects to it (or starts it if it's not running). The Flow CLI has many commands and options that are useful for maintenance and introspection purposes as well as for temporarily overriding configuration from .flowconfig.

Typing flow --help shows all the commands and options. To get help on a specific command, type flow <command> --help. For example:

$ flow ast --help Usage: flow ast [OPTION]... [FILE] e.g. flow ast foo.js or flow ast < foo.js --from Specify client (for use by editor plugins) --help This list of options --pretty Pretty-print JSON output --tokens Include a list of syntax tokens in the output --type Type of input file (js or json)

Important commands are:

init: generate an empty .flowconfig file

check: do a full Flow check and print the results

ls: display files visible to Flow

status (default): show current Flow errors from the Flow server

suggest: suggest types for the target file

Linting With Flow

Flow has a linting framework that can be configured via the .flowconfig file as you saw earlier, through command-line arguments, or in code files using flowlint comments. All configuration methods consist of a list of key-value pairs where the key is a rule and the value is the severity.

Rules

There are currently three rules: all, untyped-type-import, and sketchy-null. The "All" rule is really the default handling for any errors that don't have a more specific rule. The "untyped-type-import" rule is invoked when you import a type from an untyped file. The "sketchy-null" rule is invoked when you do existence check on a value that can be false or null/undefined. There are more granular rules for:

sketchy-null-bool

sketchy-null-number

sketchy-null-string

sketchy-null-mixed

Severity Levels

There are also three severity levels: off, warning, and error. As you can imagine, "off" skips the type check, "warn" produces warnings, which don't cause the type check to exit and don't show up by default in the CLI output (you can see them with --include-warnings), and "error" is handled just like flow errors and causes the type check to exit and display an error message.

Linting With Command-Line Arguments

Use the --lints command-line argument to specify multiple lint rules. For example:

flow --lints "all=warn, untyped-type-import=error, sketchy-null-bool=off"

Linting With flowlint Comments

There are three types of comments: flowlint, flowlint-line, and flowlint-next-line.

The "flowlint" comment applies a set of rules in a block until overridden by a matching comment:

import type { // flowlint untyped-type-import:off Foo, Bar, Baz, // flowlint untyped-type-import:error } from './untyped.js';

If there is no matching comment, the settings simply apply until the end of the file.

The "flowlint-line" applies just to the current line:

function (x: ?boolean) { if (x) { // flowlint-line sketchy-null-bool:off ... } else { ... } }

The "flowlint-next-line" applies to the line following the comment:

function (x: ?boolean) { // flowlint-next-line sketchy-null-bool:off if (x) { ... } else { ... } }

Conclusion

Large JavaScript projects developed by large teams can benefit a lot from static type checking. There are several solutions for introducing static type checking into a JavaScript codebase.

JavaScript continues to grow in a variety of ways across the web. It’s not without its learning curves, and there are plenty of frameworks and libraries to keep you busy, as you can see. If you’re looking for additional resources to study or to use in your work, check out what we have available in the Envato marketplace.

Facebook's Flow is a recent and robust solution with excellent coverage, tooling, and documentation. Give it a try if you have a large JavaScript codebase.

by Gigi Sayfan via Envato Tuts+ Code http://ift.tt/2jl5jwU

#CSS3 #HTML5 Branding #HTML5 Weekly #HTMLl5 demos #Javascript #Javascript Branding #Javascript Weekly

0 notes