Corinne Dmitruk James Saporito. Term Project documentation. The home page ViewBag.Title = "WelpHome"; }

Transcription

1 Corinne Dmitruk James Saporito Term Project documentation The home page ViewBag.Title = "WelpHome"; <div class="jumbotron jumbotron-fluid text-center" ng-controller="homecontroller"> <div class="wrapper"> <div class="welp-title"> <h1>welp</h1> <div class="fa fa-yelp"> <div class="search-section"> <form class="form-inline"> <div class="form-group"> <input type="text" class="form-control" placeholder="search" ngmodel="businessnamesearch"/> <div class="form-group"> <a href="#!/searchresults/business/businessnamesearch"> <div id="business" class="btn btn-default" > <img class="search-icon" src=" /> </a> </form> <div class="options"> <ul> <li><a id="food" href="#!/businesslist/food">food</a></li> <li><a id="coffee" href="#!/businesslist/coffee">coffee</a></li> <li><a id="business" href="#!/businesslist/bars">bars</a></li> </ul> <div class="cleveland text-center"> <h3>welp Cleveland</h3>

2 <hr> <div class="places text-center" ng-init="getclevelandtop()"> <div class="display-box"> <!-- <p>barrio</p> --> <div class="box-image"> <img height="200" width="200" ng-src="clelist[0].photourl" /> <div class="name"> <p>clelist[0].name</p> <div class="rating"> <p>stars: clelist[0].stars</p> <div class="location"> <p>clelist[0].address</p> <div class="display-box"> <!-- <p>pour</p> --> <div class="box-image"> <img height="200" width="200" ng-src="clelist[1].photourl" /> <div class="name"> <p>clelist[1].name</p> <div class="rating"> <p>stars: clelist[1].stars</p> <div class="location"> <p>clelist[1].address</p> <div class="display-box"> <!-- <p>heinen's</p> --> <div class="box-image"> <img height="200" width="200" ng-src="clelist[2].photourl" /> <div class="name"> <p>clelist[2].name</p> <div class="rating"> <p>stars: clelist[2].stars</p>

3 <div class="location"> <p>clelist[2].address</p> <link rel="stylesheet" href="content/custom.css"> Results ViewBag.Title = "Results"; <div class="back"> <a type="button" class="btn btn-default" href="#!/">back</a> <hr> <div class="my-container" ng-init="initialize()"> <div class="container" ng-repeat="business in businesslist" > <div class="panel panel-primary"> <div class="panel-heading"><p>business.name</p> <div id="map" class="content" data-toggle="modal" data-target="#mymodal" ngclick="getmodalcontent(business); getmap(business.longitude, business.latitude)"> <div class="top-content"> <div class="photo"><p><img height="100" width="100" ngsrc="business.photourl"/></p> <div class="info"> <p>stars: business.stars</p> <p>@*restaurantspricerange2 (dollar signs)*@</p> <div class="address"> <p>business.address, business.city, business.state</p> <div class="bottom-content"> <div class="review"><p>review: business.review_count</p> <!-- MODAL --> <div class="modal fade" id="mymodal" role="dialog">

4 <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> </button> <h4 class="modal-title">details</h4> <div class="modal-body"> <div class="map"> <!-- LOAD MAP HERE FROM JS --> <div class="modal-info"> <p>modalobj.address, modalobj.city, modalobj.state, modalobj.postal_code</p> Number goes <div class="hours"> <h3>hours</h3> <div ng-repeat="hour in modalobj.hours"> <p>hour</p> <div class="business-info"> <h3>more Business Info</h3> <div ng-repeat="att in modalobj.attributes"> <p>att</p> <div class="modal-footer"> <a type="button" class="btn btn-default" href="#!/reviews/modalobj.business_id">reviews</a> <button type="button" class="btn btn-default" data-dismiss="modal">close</button> <link rel="stylesheet" href="content/results_page.css">

5 Reviews Layout = class="back"> <a type="button" class="btn btn-default" href="#!/">back</a> <hr> *@ <!-- REVIEWS CONTAINER --> <div class="my-container" ng-init="getreviewdataset()"> <div class="container" ng-repeat="review in reviewlist"> <div class="panel panel-info"> <div class="panel-heading"> <div class="review-content"> <p> review.text </p> The routing for angular (function () var home = angular.module("home", ["homecontroller", "buslistcontroller", "ngroute"]).config(function ($routeprovider) $routeprovider.when("/", controller: "homecontroller", controlleras: "ec", templateurl: "/Home/Index" ); $routeprovider.when("/searchresults/:type?/:searchstring?", controller: "homecontroller", controlleras: "rc", templateurl: "/Home/Results" ); $routeprovider.when("/businesslist/:type?",

6 controller: "homecontroller", controlleras: "bc", templateurl: "/Home/Results" ); $routeprovider.when("/reviews/:busid", controller: "homecontroller", controlleras: "rec", templateurl : "/Home/Reviews" ); $routeprovider.otherwise( redirectto: "/" ); ); )(); Angular methods (function () angular.module("homecontroller", []).controller("homecontroller", homecontroller).directive("repeatend", function () return restrict: "A", link: function (scope, element, attrs) if (scope.$last) scope.$eval(attrs.repeatend); ; );; homecontroller.$inject = ["$scope", "$http", "$routeparams", "$location"]; function homecontroller($scope, $http, $routeparams, $location) $scope.businessnamesearch = ""; $scope.modalobj = ; $scope.businesslist = []; $scope.clelist = []; $scope.reviewlist = []; $scope.yelpphotourls = []; $scope.initialize = function () if ($routeparams!= null) if ($routeparams.type === "business") $scope.getbusinessdataset($routeparams.searchstring)

7 else if ($routeparams.type === "food") $scope.gettopfood(); else if ($routeparams.type === "coffee") $scope.gettopcoffee(); else if ($routeparams.type === "bars") $scope.gettopbars(); $scope.getbusinessdataset = function (searchparam) $http( url: "/Home/GetBusinessDataset", method: "GET", params: bussearch: searchparam ).then(function (success) $scope.businesslist = JSON.parse(success.data); for (var i = 0; i < $scope.businesslist.length; i++) $http( url: "/Home/GetYelpData", method: "GET", params: busid: $scope.businesslist[i].business_id ).then(function (success) var data = JSON.parse(success.data); if (data.image_url!= null) $scope.businesslist[$scope.businesslist.findindex(x => x.name === data.name)].photourl = data.image_url; ), function (error), function (error) );

8 $scope.gettopfood = function () $http( url: "/Home/GetTopFoodBusiness", method: "GET" ).then(function (success) $scope.businesslist = JSON.parse(success.data); for (var i = 0; i < $scope.businesslist.length; i++) $http( url: "/Home/GetYelpData", method: "GET", params: busid: $scope.businesslist[i].business_id ).then(function (success) var data = JSON.parse(success.data); $scope.businesslist[$scope.businesslist.findindex(x => x.name === data.name)].photourl = data.image_url; ), function (error), function (error) ); $scope.gettopcoffee = function () $http( url: "/Home/GetTopCoffeeBusiness", method: "GET" ).then(function (success) $scope.businesslist = JSON.parse(success.data); for (var i = 0; i < $scope.businesslist.length; i++) $http( url: "/Home/GetYelpData", method: "GET", params: busid: $scope.businesslist[i].business_id ).then(function (success) var data = JSON.parse(success.data); $scope.businesslist[$scope.businesslist.findindex(x => x.name === data.name)].photourl = data.image_url; ), function (error)

9 ), function (error) $scope.gettopbars = function () $http( url: "/Home/GetTopBarsBusiness", method: "GET" ).then(function(success) $scope.businesslist = JSON.parse(success.data); //$scope.getyelpdata(); for (var i = 0; i < $scope.businesslist.length; i++) $http( url: "/Home/GetYelpData", method: "GET", params: busid: $scope.businesslist[i].business_id ).then(function (success) var data = JSON.parse(success.data); $scope.businesslist[$scope.businesslist.findindex(x => x.name === data.name)].photourl = data.image_url; ), function (error) ), function (error) $scope.getclevelandtop = function () $http( url: "/Home/GetTopClevelandBusiness", method: "GET" ).then(function (success) $scope.clelist = JSON.parse(success.data); for (var i = 0; i < $scope.clelist.length; i++)

10 $http( url: "/Home/GetYelpData", method: "GET", params: busid: $scope.clelist[i].business_id ).then(function (success) var data = JSON.parse(success.data); $scope.clelist[$scope.clelist.findindex(x => x.name === data.name)].photourl = data.image_url; ), function (error) ), function (error) $scope.getphotos = function () for (var i = 0; i < $scope.businesslist.length; i++) var businessid = $scope.businesslist[i].business_id; $j = jquery.noconflict(); /*Call PHP file for Yelp API calls*/ $j.ajax( url: '/Home/GetPhotos', type: 'post', data: id: businessid, success: function (data) //alert(data); $scope.businesslist[i].photourl = data.image_url; ) $scope.go = function (path) $location.path(path); ;

11 /*Load Google Map*/ //document.getelementbyid('map').onclick = function () $scope.getmap = function(long, lat) /*Must get lattitude and longitude first from data loaded*/ //var lattitude = ;//Replace //var longitude = ;//Replace var map = document.getelementsbyclassname('map')[0]; var mapframe = '<iframe width="300" height="170" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=" + lat + ',' + long + '&hl=es;z=14&output=embed"></iframe>'; map.innerhtml = mapframe; $scope.getmodalcontent = function (business) $scope.modalobj = business; $scope.getreviewdataset = function () $http( url: "/Home/GetReviewsForBusiness", method: "GET", params: businessid: $routeparams.busid ).then(function (success) $scope.reviewlist = JSON.parse(success.data); ), function (error) $scope.getyelpdata = function (businessid) //for (var i = 0; i < $scope.businesslist.length; i++) //var businessid = $scope.businesslist[i].business_id; $http( url: "/Home/GetYelpData", method: "GET", params: busid: businessid ).then(function (success) var data = JSON.parse(success.data); //$scope.businesslist[i].photourl = data.image_url; //$scope.yelpphotourls.push( name: data.name, photo_url: data.image_url );

12 return data.image_url; ), function (error) // //$scope.onend = function () // //var end = true; // //while (end) // if ($scope.businesslist.length === $scope.yelpphotourls.length) // for (var i = 0; i < $scope.businesslist.length; i++) // $scope.businesslist[i].photourl = $scope.yelpphotourls.filter(x => x.name === $scope.businesslist[i].name); // // end = false; // // // // )(); The css $('#mymodal').modal('hide'); $('body').removeclass('modal-open'); $('.modal-backdrop').remove(); /*============================ MAIN JUMBOTRON AREA ===========================*/ html, body height: 100%;.jumbotron padding: 20%; background-repeat: no-repeat; background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(" background-size: cover;.wrapper margin-top: -25%;

13 .welp-title display: inline-flex; text-align: center; margin-left: 3%;.welp-title h1 padding-bottom: 5%; font-family: Impact; font-size: 70px; color: aliceblue;.search-section padding-top: 5%; padding-bottom: 2%; padding-right: 4%;.options li list-style-type: none; display: inline-block; font-size: 25px; padding-left: 5%; padding-right: 5%; img:focus outline: none;.btn padding: 0; background-color: #d32323; border: none;.btn:hover background-color: #be2020;.form-group.btn:active

14 background: darkred;.form-group input border: none;.search-form width: 35%; margin: auto;.search-form.form-control width: 100%; float: left;.search-icon max-height: 34px; padding: 15%;.search-button margin-right: 15%; margin-left: 1%; white-space: nowrap;.options li a cursor: pointer;.options ul padding: 0; #food, #coffee, #business color: white;.fa-yelp font-size: 70px; color: red; margin-top: 20px;

15 /*========================== CLEVELAND AREA SECTION ==========================*/.cleveland h3 font-family: sans-serif; color: #d32323; font-weight: bold;.places padding-bottom: 12%;.display-box display: inline-block; margin: 1%; border: 1px solid lightgray; border-radius: 5px; min-width: 330px; min-height: 303px; max-width: 330px; max-height: 303px;.box-image /*border: 1px solid black;*/ border-radius: 5px; min-height: 160px; margin: auto;.box-image img border-radius: 5px;.name,.rating,.location /*border: 1px solid lightblue;*/ border-radius: 5px; padding-top: 5%; padding-left: 1%; text-align: left;

16 /*=============================== RESULTS PAGE ===============================*/ html, body height: 100%;.my-container text-align: center; min-width: 500px; min-height: 80px; margin: auto;.my-container.container background-color: whitesmoke; border: 1px solid lightgray; border-radius: 5px; padding-top: 2%; padding-left: 10%; padding-right: 10%; padding-bottom: 1%;.content /*border: 1px solid gray;*/ height: 80%; max-width: 80%; text-align: center; margin: auto; cursor: pointer; padding-top: 1%;.top-content display: inline-block; width: 100%; height: 50%;.photo /*border: 1px solid black;*/ width: 30px;

17 height: 30px; float: left; text-align: left;.info /*border: 1px solid black;*/ width: 70%; height: 100%; float: left;.address /*border: 1px solid black;*/ width: 15%; height: 100%; float: right;.bottom-content /*border: 1px solid blue;*/ height: 49%;.review text-align: left;.my-content /*border: 1px solid gray;*/ height: 80%; max-width: 80%; text-align: center; margin: auto; margin-top: 1%;.back padding-top: 2%; text-align: center;

18 /*=============================== MODAL STUFF ================================*/.modal-content max-width: 564px; max-height: 600px; overflow: scroll;.modal-content.modal-body text-align: center;.modal-info,.hours,.business-info padding-top: 5%; The server side code: using System.Configuration; using System.Linq; using System.Web.Mvc; using MongoDB.Driver; using MongoDB.Bson; using Newtonsoft.Json.Linq; using System.Collections.Generic; using System; using System.Net; using SimpleOAuth; using System.IO; using System.Text; namespace Welp.Controllers public class HomeController : Controller private readonly string mongodburi = ConfigurationManager.AppSettings["mongoDbUri"]; private readonly string businessdatafile = ConfigurationManager.AppSettings["businessJsonPath"]; private readonly string checkindatafile = ConfigurationManager.AppSettings["checkinJsonPath"]; private const string API_HOST = " private const string BUSINESS_PATH = "/v2/business/"; private const string CONSUMER_KEY = null;

19 private const string CONSUMER_SECRET = null; private const string TOKEN = null; private const string TOKEN_SECRET = null; public ActionResult Index() return View("~/Views/Home/WelpHome.cshtml"); public ActionResult Results() return View("~/Views/Home/Results.cshtml"); public ActionResult Reviews() return View("~/Views/Home/Review.cshtml"); //public ActionResult About() // // ViewBag.Message = "Your application description page."; // return View(); // //public ActionResult Contact() // // ViewBag.Message = "Your contact page."; // return View(); // //business dataset public ActionResult GetBusinessDataset(string bussearch) var client = new MongoClient();//parameterless connects to default var db = client.getdatabase("yelp"); var business = db.getcollection<bsondocument>("business"); var filter = new BsonDocument("name", bussearch);

20 var bussearchresult = business.find(filter).limit(50).tolist(); return Json(busSearchResult.ToJson(new MongoDB.Bson.IO.JsonWriterSettings OutputMode = MongoDB.Bson.IO.JsonOutputMode.Strict ), JsonRequestBehavior.AllowGet); public ActionResult GetTopFoodBusiness() var client = new MongoClient(); var db = client.getdatabase("yelp"); var business = db.getcollection<bsondocument>("business"); var filter = new BsonDocument("categories", new BsonDocument("$eq", "Food")); var busfoodresult = business.find(filter).sort("stars: -1").Limit(50).ToList(); return Json(busFoodResult.ToJson(new MongoDB.Bson.IO.JsonWriterSettings OutputMode = MongoDB.Bson.IO.JsonOutputMode.Strict ), JsonRequestBehavior.AllowGet); public ActionResult GetTopCoffeeBusiness() var client = new MongoClient(); var db = client.getdatabase("yelp"); var business = db.getcollection<bsondocument>("business"); var filter = new BsonDocument("categories", new BsonDocument("$eq", "Coffee & Tea")); var buscoffeeresult = business.find(filter).sort("stars: -1").Limit(50).ToList(); return Json(busCoffeeResult.ToJson(new MongoDB.Bson.IO.JsonWriterSettings OutputMode = MongoDB.Bson.IO.JsonOutputMode.Strict ), JsonRequestBehavior.AllowGet); public ActionResult GetTopBarsBusiness() var client = new MongoClient(); var db = client.getdatabase("yelp"); var business = db.getcollection<bsondocument>("business");

21 var filter = new BsonDocument("categories", new BsonDocument("$eq", "Bars")); var busbarsresult = business.find(filter).sort("stars: -1").Limit(50).ToList(); return Json(busBarsResult.ToJson(new MongoDB.Bson.IO.JsonWriterSettings OutputMode = MongoDB.Bson.IO.JsonOutputMode.Strict ), JsonRequestBehavior.AllowGet); public ActionResult GetTopClevelandBusiness() var client = new MongoClient(); var db = client.getdatabase("yelp"); var business = db.getcollection<bsondocument>("business"); var filter = new BsonDocument("city", "Cleveland"); var buscleresult = business.find(filter).sort("stars: -1").Limit(3).ToList(); return Json(busCleResult.ToJson(new MongoDB.Bson.IO.JsonWriterSettings OutputMode = MongoDB.Bson.IO.JsonOutputMode.Strict ), JsonRequestBehavior.AllowGet); //review dataset public ActionResult GetReviewsForBusiness(string businessid) var client = new MongoClient(); var db = client.getdatabase("yelp"); var review = db.getcollection<bsondocument>("review"); var filter = new BsonDocument("business_id", businessid); var reviewresult = review.find(filter).tolist(); return Json(reviewResult.ToJson(new MongoDB.Bson.IO.JsonWriterSettings OutputMode = MongoDB.Bson.IO.JsonOutputMode.Strict ), JsonRequestBehavior.AllowGet); public void GetPhotos(string busid) //server.execute("myfile.php?parameters") Server.Transfer("~/Scripts/Site/yelp_api.php?"+busId); //authtoken,

22 //appends the bus id and appends the public ActionResult GetYelpData(string busid) var url = " var token = "Bearer bbcyj7wv9oh551zjkpm0jxobh7xauhomylcltbsn2czvihwa8hgm2akpugyp0l0o5lqsoqo5l wmnh_e80m6tpip9anr_atrm2oazzq7rfts8reulsqmdwsc0cumdwxyx"; HttpWebRequest request = (HttpWebRequest)WebRequest.Create(url); request.method = "GET"; request.headers["authorization"] = token; var res = request.getresponse(); HttpWebResponse response = (HttpWebResponse)request.GetResponse(); string result = ""; using (var reader = new StreamReader(response.GetResponseStream())) result = reader.readtoend(); //var responsestring = ReadHttpResponseString(response) return Json(result, JsonRequestBehavior.AllowGet); //public JObject GetBusiness(string business_id) // // string baseurl = API_HOST + BUSINESS_PATH + business_id; // return PerformRequest(baseURL); // //private JObject PerformRequest(string baseurl, Dictionary<string, string> queryparams = null) // // var query = System.Web.HttpUtility.ParseQueryString(String.Empty); // if (queryparams == null) // // queryparams = new Dictionary<string, string>(); //

23 // foreach (var queryparam in queryparams) // // query[queryparam.key] = queryparam.value; // // var uribuilder = new UriBuilder(baseURL); // uribuilder.query = query.tostring(); // var request = WebRequest.Create(uriBuilder.ToString()); // request.method = "GET"; // request.headers = ""; // request.signrequest( // new Tokens("") // ).WithEncryption(EncryptionMethod.HMACSHA1).InHeader(); // HttpWebResponse response = (HttpWebResponse)request.GetResponse(); // var stream = new StreamReader(response.GetResponseStream(), Encoding.UTF8); // return JObject.Parse(stream.ReadToEnd()); // //other datasets //public void GetCheckinDataset() // // //public void GetTipDataset() // // //public void GetUserDataset() // //

24

25