Add files via upload

loginss.html

+<!--
+  Generated template for the LoginssPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header color="vamsi">
+
+    <ion-navbar color="vamsi">
+        <ion-title>ITEM SHELF</ion-title>
+    </ion-navbar>
+
+</ion-header>
+
+<!--
+<ion-content padding>
+<ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
+  <ion-list>
+    <ion-item *ngFor="let item of items">
+        {{item.EMAIL}}
+</ion-item>
+</ion-list>
+</ion-content>
+-->
+
+<ion-content style="background-color:wheat">
+    <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
+
+
+    <ion-item *ngFor="let itemy of itemsk;let i=index" style="padding-top:0px;padding-bottom:-100px;size: 0px">
+        <!--<ion-checkbox color="vamsi" value="itemy.item" ng-true-Value=”’I\starving’” [(ngModel)]="itemy.item" (click)="logins(itemy)" style="padding-left:0px;"></ion-checkbox>
+        <ion-card>
+            <ion-label style="padding-left:0px;">{{itemy.item}}/{{i}}<br>
+                <span style="font-size:10px;">In Range of a 'km' Distance from your Location</span>
+            </ion-label>
+        </ion-card>
+    </ion-item>
+-->
+
+        <ion-item style="background-color:wheat;">
+            <ion-card>
+                <ion-row>
+                    <ion-col style="background-color:white">
+                        <ion-item style="background-color:#FFA500;color: white">
+                            <div style="font-weight: bold">{{itemy.item}}</div>
+                        </ion-item>
+                    </ion-col>
+                    <ion-col>
+                        <button ion-button icon-left outline [color]="ionicNamedColor" (click)="hello(itemy,i)">
+                        <ion-icon name="clipboard"></ion-icon>
+                        <div>Register</div>
+                      </button>
+                    </ion-col>
+                </ion-row>
+            </ion-card>
+        </ion-item>
+
+    </ion-item>
+
+
+</ion-content>
\ No newline at end of file

loginss.module.ts

+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { LoginssPage } from './loginss';
+
+@NgModule({
+  declarations: [
+    LoginssPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(LoginssPage),
+  ],
+})
+export class LoginssPageModule {}

loginss.ts

+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams,Platform,AlertController } from 'ionic-angular';
+
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Geolocation } from '@ionic-native/geolocation';
+
+/**
+ * Generated class for the LoginssPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-loginss',
+  templateUrl: 'loginss.html',
+})
+export class LoginssPage {
+  public itemsy : Array<any> = [];
+  public itemsk: Array<any> = [];
+  location:any;
+  position:any;
+  value:any;
+  lappy:any;
+  latitude:any;
+  dats:any;
+  
+  public ionicNamedColor: string = 'primary';
+  longitude:any;
+  private baseURI : string  = "http://localhost/vamsi/tesss.php";
+  private baseURIp : string  = "http://localhost/vamsi/productdis.php";
+  constructor(public navCtrl: NavController,private alertctrl:AlertController,private geolocation: Geolocation,public platform:Platform, public navParams: NavParams,public http   : HttpClient) {
+    
+  }
+
+
+  loads() : void
+  {
+     this.http
+     .get('http://localhost/vamsi/corda.php')
+     .subscribe((data : any) =>
+     {
+        console.dir(data);
+       
+        this.itemsy = data;
+        this.initializeItems();
+     },
+     (error : any) =>
+     {
+        console.dir(error);
+     });
+  }
+  initializeItems() {
+    this.itemsk = this.itemsy;
+    
+  }
+  alert(message:string){
+    this.alertctrl.create({
+      title: 'Location Alert',
+      subTitle: message,
+      buttons: ['OK']
+    }).present();
+  }
+  
+
+  mapUse(){
+    this.platform.ready().then(()=>{
+      let options={timeout:3000,enableHighAccuracy:true,maximumAge:0}
+  this.geolocation.getCurrentPosition(options).then((location) => {
+    console.log('Fetched the location successfully',location);
+    this.location=location;
+    this.latitude=location.coords.latitude;
+    this.longitude=location.coords.longitude;
+    console.log(location.coords.latitude);
+      this.saveEntry();
+  }).catch((error) => {
+    console.log('Error getting location', error);
+  
+    this.alert('No Location Traced');
+  });
+  });
+    }
+    getItems(ev: any) {
+      // Reset items back itemsto all of the 
+      
+      this.initializeItems();
+      // set val to the value of the searchbar
+      let val = ev.target.value;
+  
+      // if the value is an empty string don't filter the items
+      if (val && val.trim() != '') {
+        this.itemsk = this.itemsk.filter((itemy) => {
+          return (itemy.item.toLowerCase().indexOf(val.toLowerCase()) > -1);
+        })
+      }
+    }
+  
+  
+    saveEntry() : void
+    {
+       let latitude:number=this.latitude,
+          longitude:number=this.longitude;
+  
+      
+          this.createEntry(latitude,longitude);
+    }
+    createEntry(latitude:number,longitude:number) : void
+  {
+     let headers 	: any		= new HttpHeaders({ 'Content-Type': 'application/json' }),
+         options 	: any		= {"key":"create", "latitude":latitude,"longitude":longitude },
+         url       : any      	= this.baseURI ;
+
+     this.http.post(url, JSON.stringify(options), headers)
+     .subscribe((data : any) =>
+     {
+        // If the request was successful notify the user
+     
+        console.log(`Congratulations the ${latitude} was successfully added`);
+        this.loads();
+     },
+     (error : any) =>
+     {
+        console.log({error});
+     });
+  }
+
+
+  help():void{
+    this.http
+    .get('http://localhost/vamsi/productdis.php')
+    .subscribe((datak : any) =>
+    {
+       console.dir(datak);
+      
+       
+    },
+    (error : any) =>
+    {
+       console.dir(error);
+    });
+
+
+
+  }
+  
+  hello(itemy,i){
+    this.ionicNamedColor = 'secondary';
+    
+    let index = this.itemsk.indexOf(itemy);
+    if(index > -1){
+      this.dats=this.itemsk[index];
+      let dat:string=this.dats.item;
+      this.registeritem(dat);
+    }
+    
+    }
+    registeritem(dat:string) : void
+    {
+      console.log(dat);
+       let headers 	: any		= new HttpHeaders({ 'Content-Type': 'application/json' }),
+           options 	: any		= {"key":"create", "piece":dat},
+           url       : any      	= this.baseURIp ;
+  
+       this.http.post(url, JSON.stringify(options), headers)
+       .subscribe((data : any) =>
+       {
+          // If the request was successful notify the user
+       
+          console.log(`Congratulations the ${dat} was successfully added`);
+          this.help();
+         
+       },
+       (error : any) =>
+       {
+          console.log({error});
+       });
+    }
+  ionViewDidLoad() {
+    this.mapUse();
+    
+    console.log('ionViewDidLoad LoginssPage');
+  }
+
+}