diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..65251406 Binary files /dev/null and b/.DS_Store differ diff --git a/GOTHIC.TTF b/GOTHIC.TTF new file mode 100644 index 00000000..a5c1c59f Binary files /dev/null and b/GOTHIC.TTF differ diff --git a/back.jpg b/back.jpg new file mode 100644 index 00000000..7ed48fc7 Binary files /dev/null and b/back.jpg differ diff --git a/index.html b/index.html index 5204d3fd..0b93c38d 100644 --- a/index.html +++ b/index.html @@ -7,50 +7,85 @@
-

UF Directory App

+
- +
- + - + * include a way to remove individual listings --> + +
+
+ + + + +
CodeCode Building Name
{{ listings.code }}{{ listings.name }}
- + +
+
+
+

Add To Directory

+ + + + + + + + + + + + + + +
Code:  + +  Name:  + +

Coordinates: +  lat  +   long 

Address:  + +

+
+
+

+

Detailed Information

- + * consider how to use ng-click within the the table to implement this feature --> +  Code: {{ detailedInfo.code }}
+
 Name: {{ detailedInfo.name }}
+
 Coordinates: +
   latitude  {{ detailedInfo.coordinates.latitude }} +
   longitude  {{ detailedInfo.coordinates.longitude }}
+
 Address: {{ detailedInfo.address}}

+
diff --git a/listingController.js b/listingController.js index 6d71d99e..02b64063 100644 --- a/listingController.js +++ b/listingController.js @@ -7,8 +7,30 @@ angular.module('listings').controller('ListingsController', ['$scope', 'Listings Implement these functions in the controller to make your application function as described in the assignment spec. */ - $scope.addListing = function() {}; - $scope.deleteListing = function(index) {}; - $scope.showDetails = function(index) {}; + $scope.addListing = function() { + var submit = { + "code": $scope.code_in.toUpperCase(), + "name": $scope.name_in, + "coordinates": { + "latitude": $scope.latitude_in, + "longitude": $scope.longitude_in + }, + "address": $scope.address_in + }; + $scope.listings.push(submit); + $scope.code_in = ''; + $scope.name_in = ''; + $scope.latitude_in = ''; + $scope.longitude_in = ''; + $scope.address_in = ''; + }; + + $scope.deleteListing = function(index) { + $scope.listings.splice(index, 1); + }; + + $scope.showDetails = function(index) { + $scope.detailedInfo = $scope.listings[index]; + }; } ]); \ No newline at end of file diff --git a/logo.png b/logo.png new file mode 100644 index 00000000..c240c14f Binary files /dev/null and b/logo.png differ diff --git a/style.css b/style.css index 729c34f5..e5fa5b8a 100644 --- a/style.css +++ b/style.css @@ -2,7 +2,48 @@ margin: 15px 10px; } +@font-face { + font-family: CenturyGothic; + src: url(GOTHIC.ttf); +} + .tableWrapper { max-height: 400px; overflow: auto; + color: black; + font-family: CenturyGothic; + border: 3px solid black; + background-color: white; +} + +th { + font-family: CenturyGothic; + font-size: 16px; +} + +body { + background-image: url("back.jpg"); + background-size: 120%; + background-position: center; + color: black; + font-family: CenturyGothic; +} + +h1, h2 { + color: black +} + +.jumbotron { + font-family: CenturyGothic; +} + +.formSector { + background-color: white; + border-radius: 5px; + padding: 15px; + font-family: CenturyGothic; +} + +.jumbotron { + padding: 5px; } \ No newline at end of file