dynamicbible/DynamicBibleIonic/src/pages/search/search.ts

import { Type, Component } from '@angular/core';
import { Loading, LoadingController, ModalController, NavParams, AlertController, MenuController } from 'ionic-angular';
import { Storage } from '@ionic/storage';

import { StrongsModal } from '../../components/strongs-modal/strongs-modal';
import { PagesService } from "../../services/pages-service";

import { UserProfile } from '../../libs/UserProfile';
import { Reference } from '../../libs/Reference';

@Component({
    templateUrl: 'search.html'
})
export class SearchPage
{
    searchQuery = '';
    userProfile: UserProfile;
    last: CardItem;
    loader: Loading;
    title: string;

    constructor(
        private pagesService: PagesService
        , private alertCtrl: AlertController
        , private menu: MenuController
        , public loadingCtrl: LoadingController
        , public modalCtrl: ModalController
        , public local: Storage
        , public params: NavParams
    )
    {
        this.userProfile = new UserProfile(UserProfile.createDefaultUser());

        // Check if there is a profile saved in local storage
        this.local.get('profile').then(profile =>
        {
            let t = this.userProfile;

            if (profile !== null)
                t = JSON.parse(profile);

            this.userProfile.update(t, local);

            this.initializeItems(this.userProfile);
        }).catch(error =>
        {
            console.log(error);
        });
    }

    actionsMenu()
    {
        this.menu.open('actions');
    }

    addPage()
    {
        let alert = this.alertCtrl.create({
            title: 'Save Search as Page',
            inputs: [
                {
                    name: 'title',
                    placeholder: 'Page Title'
                }
            ],
            buttons: [
                {
                    text: 'Cancel',
                    role: 'cancel',
                    handler: data =>
                    {
                        console.log('Cancel clicked');
                    }
                },
                {
                    text: 'Save',
                    handler: data =>
                    {
                        let p = { queries: this.userProfile.user.items.slice(), title: data.title };
                        this.userProfile.user.saved_pages.push(p);
                        this.userProfile.save(this.local);
                        this.pagesService.addPage(p);
                    }
                }
            ]
        });
        alert.present();
    }

    updatePage()
    {
        let page = this.userProfile.user.saved_pages.find(
            i =>
                i.title == this.params.data.title
        );
        page.queries = this.userProfile.user.items.slice();
        this.userProfile.save(this.local);
    }

    initializeItems(u: UserProfile)
    {
        this.userProfile = u;

        // initialize the pages.
        this.pagesService.initializePages(u.user.saved_pages);
        if (this.params.data.queries !== undefined)
            this.userProfile.user.items = this.params.data.queries.slice();
        if (this.params.data.title === undefined)
            this.title = "Search";
        else
            this.title = this.params.data.title;

        // migrate old way of storing card items to the new.
        let has_migrated = false;
        for (let i in u.user.items)
        {
            let ci = u.user.items[i];
            if (ci["data"] !== undefined)
            {
                if (ci["data"].qry !== undefined)
                    u.user.items[i] = { qry: ci["data"].qry, dict: ci.dict, type: ci.type };
                else if (ci["data"].ref !== undefined)
                    u.user.items[i] = { qry: ci["data"].ref, dict: ci.dict, type: ci.type };
                else if (ci["data"].word !== undefined)
                    u.user.items[i] = { qry: ci["data"].word, dict: ci.dict, type: ci.type };
                else if (ci["data"].sn !== undefined)
                    u.user.items[i] = { qry: ci["data"].sn, dict: ci["prefix"] === 'G' ? 'grk' : 'heb', type: ci.type };
            }
        }
        if (has_migrated)
            this.userProfile.save(this.local);
    }

    setQuery(searchbar)
    {
        this.searchQuery = searchbar.target.value;
    }
    getQuery(searchbar)
    {
        this.getItems(this.searchQuery);
    }

    removeItem(item)
    {
        let idx = this.userProfile.user.items.indexOf(item);
        this.userProfile.user.items.splice(idx, 1);

        // save the users settings.
        this.userProfile.save(this.local);
    }

    isError(t: string)
    {
        return t === 'Error';
    }
    isPassage(t: string)
    {
        return t === 'Passage';
    }
    isStrongs(t: string)
    {
        return t === 'Strongs';
    }
    isWords(t: string)
    {
        return t === 'Words';
    }

    addItemToList(item: CardItem)
    {
        if (this.userProfile.user.append_to_bottom)
        {
            if (this.last != null && this.userProfile.user.insert_next_to_item)
            {
                let idx = this.userProfile.user.items.indexOf(this.last);
                this.userProfile.user.items.splice(idx + 1, 0, item);
            }
            else
                this.userProfile.user.items.push(item);
        }
        else
        {
            if (this.last != null && this.userProfile.user.insert_next_to_item)
            {
                let idx = this.userProfile.user.items.indexOf(this.last);
                this.userProfile.user.items.splice(idx, 0, item);
            }
            else
                this.userProfile.user.items.unshift(item);
        }
        this.last = null;
    }

    getItemsNextToCard(data: OpenData)
    {
        this.last = data.card;
        this.getItems(data.qry);
    }

    getItems(search)
    {
        this.loader = this.loadingCtrl.create({ content: 'Looking up query...' });
        this.loader.present().then(
            () =>
            {
                try
                {
                    let qs = search.split(';');
                    for (let x in qs)
                    {
                        if (qs.hasOwnProperty(x))
                        {
                            let q = qs[x].trim();
                            if (q !== '')
                            {
                                // its a search term.
                                if (q.search(/[0-9]/i) === -1)
                                    this.addItemToList({ qry: q, dict: 'na', type: 'Words' });
                                else if (q.search(/(H|G)[0-9]/i) !== -1)
                                {
                                    // its a strongs lookup
                                    let dict = q.substring(0, 1);

                                    if (dict.search(/h/i) !== -1)
                                        dict = 'heb';
                                    else
                                        dict = 'grk';

                                    q = q.substring(1, q.length);
                                    if (this.userProfile.user.strongs_modal)
                                    {
                                        let modal = this.modalCtrl.create(StrongsModal, { sn: parseInt(q), dict: dict, onItemClicked: this });
                                        modal.present();
                                    }
                                    else
                                        this.addItemToList({ qry: q, dict: dict, type: 'Strongs' });
                                }
                                else
                                {
                                    // its a verse reference.
                                    if (q.trim() !== '')
                                    {
                                        let myref = new Reference(q.trim());
                                        this.addItemToList({ qry: myref.toString(), dict: myref.Section.start.book > 39 ? 'G' : 'H', type: 'Passage' });
                                    }
                                }
                            }
                        }
                    }
                    if (this.userProfile.user.clear_search_after_query)
                        $('.searchbar-input').val('');

                    this.userProfile.save(this.local);
                }
                catch (error)
                {
                    this.addItemToList({ qry: error, type: 'Error', dict: 'na' });
                    console.log(error);
                }
                finally
                {
                    this.loader.dismiss();
                }
            }
        );
    }
}

export type OpenData = { card: CardItem, qry: string }

export type CardItem = { qry: string, type: string, dict: string }

class Item
{
    id: number;
    data: any;
    type: Type<any>;
    dict: string;
}