diff --git a/app/pages/gallery/gallery.html b/app/pages/gallery/gallery.html index e3aaac6..281c029 100644 --- a/app/pages/gallery/gallery.html +++ b/app/pages/gallery/gallery.html @@ -1,18 +1,40 @@ - Your Super Gallery + Your Super Profile - - - - - - - + + + + Alex Muramoto + Dev Advocate + alex.m@ionic.io + + + + + + + + About Me + I enjoy long walks on the beach and taking humiliating pictures of my dog (pictured above) + + + + + My Pictures + + + + + + + + + diff --git a/app/pages/gallery/gallery.scss b/app/pages/gallery/gallery.scss index 82935d5..0dfd37b 100644 --- a/app/pages/gallery/gallery.scss +++ b/app/pages/gallery/gallery.scss @@ -1,3 +1,12 @@ .gallery { } + +p { + font-size: 16px; + color: #FFFFFF; +} + +.pictureRow { + border-top: #EEEEEE 1px solid; +} \ No newline at end of file diff --git a/app/pages/gallery/gallery.ts b/app/pages/gallery/gallery.ts index f43a05c..f331eb7 100644 --- a/app/pages/gallery/gallery.ts +++ b/app/pages/gallery/gallery.ts @@ -6,32 +6,10 @@ import { NavController, NavParams } from 'ionic-angular'; }) export class GalleryPage { - private images: Array; - private grid: Array>; + images: Array; - constructor(private _navCtrl: NavController, private _navParams: NavParams) { - this.images = this._navParams.get('images'); - this.grid = Array(Math.ceil(this.images.length/2)); - } - - ionViewLoaded() { - - let rowNum = 0; - - for (let i = 0; i < this.images.length; i+=2) { - - this.grid[rowNum] = Array(2); - - if (this.images[i]) { - this.grid[rowNum][0] = this.images[i] - } - if (this.images[i+1]) { - this.grid[rowNum][1] = this.images[i+1] - } - - rowNum++; - } - + constructor(public navCtrl: NavController, public navParams: NavParams) { + this.images = this.navParams.get('images'); } } \ No newline at end of file diff --git a/app/pages/home/home.html b/app/pages/home/home.html index cd174f5..efe1ed8 100644 --- a/app/pages/home/home.html +++ b/app/pages/home/home.html @@ -7,7 +7,7 @@ - + Select Photos diff --git a/app/pages/home/home.scss b/app/pages/home/home.scss index 000acd5..c68bcae 100644 --- a/app/pages/home/home.scss +++ b/app/pages/home/home.scss @@ -6,15 +6,15 @@ width:100%; } -ion-icon[name="images"] { +ion-icon[name="images"] { border: #FFFFFF 2px solid; border-radius: 50%; background-color: #2155AA; font-size: 35px; - padding: 15px; + padding: 15px; } p { - font-size: 20px; + font-size: 20px; } diff --git a/app/pages/home/home.ts b/app/pages/home/home.ts index 99a9b66..d02682a 100644 --- a/app/pages/home/home.ts +++ b/app/pages/home/home.ts @@ -9,23 +9,23 @@ import {GalleryPage} from '../gallery/gallery'; export class HomePage { - constructor(private _navCtrl: NavController) { + constructor(public navCtrl: NavController) { } - private openGallery (): void { + public openGallery (): void { let options = { - maximumImagesCount: 8, + maximumImagesCount: 15, width: 500, height: 500, quality: 75 } ImagePicker.getPictures(options).then( - file_uris => this._navCtrl.push(GalleryPage, {images: file_uris}), + file_uris => this.navCtrl.push(GalleryPage, {images: file_uris}), err => console.log('uh oh') ); - } + } } diff --git a/www/img/profile.jpg b/www/img/profile.jpg new file mode 100644 index 0000000..452de8a Binary files /dev/null and b/www/img/profile.jpg differ
Alex Muramoto
Dev Advocate
alex.m@ionic.io
I enjoy long walks on the beach and taking humiliating pictures of my dog (pictured above)
Select Photos