*|<mirror>|POST,GET,PUT|Content-Type,X-CSRF-Token,Authentication, Origin|true

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import 'rxjs/add/operator/map';
import { Storage } from '@ionic/storage';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {
    games : any

    constructor(public navCtrl: NavController, private httpClient: HttpClient, private storage: Storage) {

            this.init();


    }
    init(){
        this.storage.get('token').then((token) => {
            this.storage.get('cookie').then((cookie) => {
                this.getGames(token, cookie);
            });
        });
    }
    getGames(token: any, cookie: any){
        let link = "https://trueeke.es/api/base/game";
        var  options = { withCredentials: true, headers: new HttpHeaders({'Content-Type' : 'application/json',"X-CSRF-Token" : token})};
        this.httpClient.post(link, { 'gid': 3 }, options)
        .subscribe(data => {
            console.log(data);
            //this.games = data;
        }, error => {
            console.log("Oooops!");
        });
    }
    gameClicked(i){
        console.log(i);
    }
}

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import 'rxjs/add/operator/map';
import { Storage } from '@ionic/storage';
import { HomePage } from '../home/home';


@Component({
    selector: 'page-login',
    templateUrl: 'login.html'
})
export class LoginPage {

    constructor(public navCtrl: NavController, private httpClient: HttpClient , private storage: Storage) {
        this.login();
    }
    login(){
        let login_link = "https://trueeke.es/api/user/login";
        let username = 'david';
        let password = 'XXXXXXXXX';
        let login_data = {
            username : username,
            password: password
        };
        var  options = { headers: new HttpHeaders({}) };

        this.httpClient.post(login_link, login_data)
        .subscribe(
            data => {
                var response =  data;
                this.storage.set('token', response['token']);
                console.log('token: ' + response['token']);
                this.storage.set('cookie', response['session_name'] + '=' + response['sessid']);
                console.log('cookie: ' + response['session_name'] + '=' + response['sessid']);
                this.storage.get('token').then((token) => {
                this.navCtrl.setRoot(HomePage, {}, {animate: true, direction: 'forward'});
            });
        }, error => {

            console.log("Oooops!");
        });

    }
}