diff --git a/www/capture-photo.html b/www/capture-photo.html new file mode 100644 index 0000000..fc3f935 --- /dev/null +++ b/www/capture-photo.html @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + + + + + Poppy + + + + +
+
+
+
+
+ +
+
+

Poppy

+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+ + +
+
+
+ + +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/www/categorize-receipt.html b/www/categorize-receipt.html new file mode 100644 index 0000000..e863b20 --- /dev/null +++ b/www/categorize-receipt.html @@ -0,0 +1,119 @@ + + + + + + + + + + + + + + + + + + Poppy + + + + +
+
+
+
+
+ +
+
+

Poppy

+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+
+
+ + +
+ +
+ + +
+ + +
+ +
+
+
+
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/www/css/grid.css b/www/css/grid.css new file mode 100644 index 0000000..d359b2a --- /dev/null +++ b/www/css/grid.css @@ -0,0 +1,175 @@ +.section{ + float: left; + width: 100%; +} + +.container{ + width: 1080px; + margin: 0 auto; + max-width: 100%; + overflow: hidden; +} + +.row{ + float: left; + width: 100%; +} + +.column { + float: left; +} + +.column.large-1 { + width: 8.33333%; +} + +.column.large-2 { + width: 16.66667%; +} + +.column.large-3 { + width: 25%; +} + +.column.large-4 { + width: 33.33333%; +} + +.column.large-5 { + width: 41.66667%; +} + +.column.large-6 { + width: 50%; +} + +.column.large-7 { + width: 58.33333%; +} + +.column.large-8 { + width: 66.66667%; +} + +.column.large-9 { + width: 75%; +} + +.column.large-10 { + width: 83.33333%; +} + +.column.large-11 { + width: 91.66667%; +} + +.column.large-12 { + width: 100%; +} + +@media (max-width: 1080px) { + .column.medium-1 { + width: 8.33333%; + } + + .column.medium-2 { + width: 16.66667%; + } + + .column.medium-3 { + width: 25%; + } + + .column.medium-4 { + width: 33.33333%; + } + + .column.medium-5 { + width: 41.66667%; + } + + .column.medium-6 { + width: 50%; + } + + .column.medium-7 { + width: 58.33333%; + } + + .column.medium-8 { + width: 66.66667%; + } + + .column.medium-9 { + width: 75%; + } + + .column.medium-10 { + width: 83.33333%; + } + + .column.medium-11 { + width: 91.66667%; + } + + .column.medium-12 { + width: 100%; + } + + +} + +@media (max-width: 780px) { + + .column.small-1 { + width: 8.33333%; + } + + .column.small-2 { + width: 16.66667%; + } + + .column.small-3 { + width: 25%; + } + + .column.small-4 { + width: 33.33333%; + } + + .column.small-5 { + width: 41.66667%; + } + + .column.small-6 { + width: 50%; + } + + .column.small-7 { + width: 58.33333%; + } + + .column.small-8 { + width: 66.66667%; + } + + .column.small-9 { + width: 75%; + } + + .column.small-10 { + width: 83.33333%; + } + + .column.small-11 { + width: 91.66667%; + } + + .column.small-12 { + width: 100% ; + } +} + +@media (max-width: 480px) { + + } \ No newline at end of file diff --git a/www/css/index.css b/www/css/index.css index e934c16..84ad188 100644 --- a/www/css/index.css +++ b/www/css/index.css @@ -1,15 +1,222 @@ -* { - -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ -} +/*import fonts*/ +/*@font-face { + font-family: 'Poppins'; + src: url("..fonts/Poppins-Regular.ttf") format("truetype"); + font-weight: 400; + font-style: normal; + } + +@font-face { + font-family: 'Poppins'; + src: url("..fonts/Poppins-Bold.ttf") format("truetype"); + font-weight: 700; + font-style: normal; + } */ +/*end of fonts*/ +/*basic styles*/ body { - -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ - -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ - -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ - font-size:12px; - height:100%; - margin:0px; - padding:0px; - width:100%; + font-family: 'Poppins', sans-serif; + margin: 0px; + padding: 0px; + background-color: #e4f1fd; +} + +a { + margin: 0px; + padding: 0px; + text-decoration: none; + color: black; +} + +.light-blue-background { + background-color: #e4f1fd; + /*height: 100vh; */ +} + +.blue-background { + background-color: #3fa9f5; +} + +.white-background { + background-color: white; +} + +/*temporarily acts as camera feed*/ +/*.grey-background { + background-color: #efefef; +} +*/ +.offset { + height: 70px; +} + +.float-left { + float: left; +} + +.float-right { + float: right; + /*text-align: right;*/ +} +/*end of basic styles*/ + +/*splash page styles*/ +.splash h1 { + color: #3fa9f5; + margin: 0px; + padding: 0px; + text-align: center; + font-size: 44px; +} + +.splash h2 { + margin: 0px; + padding: 0px; + text-align: center; + font-size: 24px; + font-weight: 400; +} + +.splash .column.large-12.medium-12.small-12 { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +/*end of splash page styles*/ + +/*header styel*/ +.header { + height: 50px; + position: fixed; + border-bottom: 1px solid #efefef; + padding-top: 20px; +} + +.header h1 { + color: #3fa9f5; + margin: 0px; + padding: 0px; + text-align: center; + font-size: 24px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + padding-top: 20px; +} + +.header img { + height: 25px; + margin: 0px; + padding: 10px; +} + +.header .float-right { + text-align: right; +} + +/*form styles*/ +label { + float: left; + line-height: 20px; + font-size: 14px; + margin: 10px; + font-weight: 700; +} + +input { + float: right; + width: 200px; + height: 20px; + font-family: 'Poppins', sans-serif; + font-size: 12px; + margin: 10px; + border: 1px solid #efefef; + border-radius: 0px; } +.submit-button input { + width: 50%; + margin: 10px 25%; + border: none; + border-radius: 0px; + height: 30px; + background-color: #efefef; +} +/*end of form styles*/ + +/*single footer styles*/ +.footer { + height: 50px; + text-align: center; + position: fixed; + bottom: 0px; +} + +.footer img { + width: 25px; + margin: 0px; + padding: 0px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +/*end of single footer styles*/ + +/*details page styles*/ +.details-footer { + text-align: center; + position: fixed; + bottom: 0px; + /*height: 50px;*/ +} + +.details-footer img { + height: 25px; + margin: 0px; + padding: 10.5px; +} + +.details-page h1 { + float: left; + margin: 10px; + font-weight: 700; + font-size: 14px; +} + +.details-page h2 { + float: right; + margin: 10px; + font-weight: 400; + font-size: 12px; +} + +/*.sample-receipt { + height: 400px; +}*/ + +/*history page styles*/ +.history h1 { + font-weight: 700; + font-size: 14px; + padding: 0px; + margin: 10px 0px 0px 10px; +} + +.history h2 { + font-weight: 400; + font-size: 12px; + margin: 0px; + padding: 0px; + margin: 0px 0px 10px 10px; +} + +.history img { + float: right; + height: 15px; + margin: 10px; +} +/*end of history page styles \ No newline at end of file diff --git a/www/details-of-receipt.html b/www/details-of-receipt.html new file mode 100644 index 0000000..775b859 --- /dev/null +++ b/www/details-of-receipt.html @@ -0,0 +1,123 @@ + + + + + + + + + + + + + + + + + + Poppy + + + + +
+
+
+
+
+ +
+
+

Poppy

+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+
+

Vendor Name

+

Trader Joe's

+
+
+

Date

+

02 February 2017

+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/www/fonts/Poppins-Bold.ttf b/www/fonts/Poppins-Bold.ttf new file mode 100755 index 0000000..ff8a3b2 Binary files /dev/null and b/www/fonts/Poppins-Bold.ttf differ diff --git a/www/fonts/Poppins-Regular.ttf b/www/fonts/Poppins-Regular.ttf new file mode 100755 index 0000000..868384c Binary files /dev/null and b/www/fonts/Poppins-Regular.ttf differ diff --git a/www/history-of-receipts.html b/www/history-of-receipts.html new file mode 100644 index 0000000..fee9eaf --- /dev/null +++ b/www/history-of-receipts.html @@ -0,0 +1,117 @@ + + + + + + + + + + + + + + + + + + Poppy + + + + +
+
+
+
+
+ +
+
+

Poppy

+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+

Trader Joe's

+

02 February 2017

+
+
+ +
+
+ +
+
+

Trader Joe's

+

02 February 2017

+
+
+ +
+
+ +
+
+

Trader Joe's

+

02 February 2017

+
+
+ +
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/www/images/camera.png b/www/images/camera.png new file mode 100644 index 0000000..0339307 Binary files /dev/null and b/www/images/camera.png differ diff --git a/www/images/close.png b/www/images/close.png new file mode 100644 index 0000000..ba1cfca Binary files /dev/null and b/www/images/close.png differ diff --git a/www/images/delete.png b/www/images/delete.png new file mode 100644 index 0000000..9a83aab Binary files /dev/null and b/www/images/delete.png differ diff --git a/www/images/download.png b/www/images/download.png new file mode 100644 index 0000000..daa8d0d Binary files /dev/null and b/www/images/download.png differ diff --git a/www/images/file-folder.png b/www/images/file-folder.png new file mode 100644 index 0000000..295c992 Binary files /dev/null and b/www/images/file-folder.png differ diff --git a/www/images/left-arrow.png b/www/images/left-arrow.png new file mode 100644 index 0000000..c547ca6 Binary files /dev/null and b/www/images/left-arrow.png differ diff --git a/www/images/right-arrow.png b/www/images/right-arrow.png new file mode 100644 index 0000000..de41762 Binary files /dev/null and b/www/images/right-arrow.png differ diff --git a/www/images/save.png b/www/images/save.png new file mode 100644 index 0000000..38fa08d Binary files /dev/null and b/www/images/save.png differ diff --git a/www/index.html b/www/index.html index 6fb9238..9fe6d5c 100644 --- a/www/index.html +++ b/www/index.html @@ -19,15 +19,16 @@ specific language governing permissions and limitations under the License. --> - + + - + - + + - Hello World + Poppy +
- +
+
+
+
+

Poppy

+

Your Proof of Purchase

+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+ @@ -56,4 +85,9 @@ + + + + + \ No newline at end of file diff --git a/www/js/index.js b/www/js/index.js index 5329fa9..2adbe64 100644 --- a/www/js/index.js +++ b/www/js/index.js @@ -2,22 +2,36 @@ var app = { // Application Constructor initialize: function() { this.bindEvents(); - - // when debugging, make sure this prints to the console to ensure you don't have any js errors - console.log("javascript works"); + console.log("Javascript works"); }, - - + // Bind Event Listeners + // + // Bind any events that are required on startup. Common events are: + // 'load', 'deviceready', 'offline', and 'online'. bindEvents: function() { document.addEventListener('deviceready', this.onDeviceReady, false); }, - - - //put your old initialize code in here, will be executed when your app is ready - //(kind of like document ready!) + // deviceready Event Handler + // + // The scope of 'this' is the event. In order to call the 'receivedEvent' + // function, we must explicitly call 'app.receivedEvent(...);' onDeviceReady: function() { - + $('.take-photo').click(function() { + app.takePhoto(); + }); + }, + + takePhoto: function() { + navigator.camera.getPicture(this.onSuccess, this.onFail, { quality: 50, + destinationType: Camera.DestinationType.DATA_URL + }); + }, + onSuccess: function(imageData) { + var image = $('.the-photo').attr('src', "data:image/jpeg;base64," + imageData); + }, + + onFail: function() { + console.log('Something went wrong'); } - } \ No newline at end of file diff --git a/www/select-corners.html b/www/select-corners.html new file mode 100644 index 0000000..c2ee2c9 --- /dev/null +++ b/www/select-corners.html @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + Poppy + + + + +
+
+
+
+
+ +
+
+

Poppy

+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+
+ + + + + + + + \ No newline at end of file