~carla-sella/ubuntu-rssreader-app/view-feeds-test

import QtQuick 2.0
import QtQuick.XmlListModel 2.0
import Ubuntu.Components 0.1
import Ubuntu.Components.ListItems 0.1 as ListItem
import Ubuntu.Components.Popups 0.1
import "./feeds"
import "./listview"

import "./databasemodule_v2.js" as DB
import "./imgSeparator.js" as ImageUtils

MainView {
    // objectName for functional testing purposes (autopilot-qt5)
    id: mainView
    objectName: "mainView"
    applicationName: "RSS reader"

    width: units.gu(50)
    height: units.gu(75)

    headerColor: "#583437"
    backgroundColor: "#624251"
    footerColor: "#65445a"

    Component.onCompleted:
    {
        //////////////////////////////////////////////////////////////  below DB operation is for avoid empty db
//         DB.dropTable()
        var feeds = DB.loadFeeds();

        if (feeds.rows.length < 1)
        {
            DB.addFeed("" , "http://news.yahoo.com/rss/topstories");
            DB.addFeed("" , "http://news.yahoo.com/rss/tech");
            DB.addFeed("" , "http://www.engadget.com/rss.xml");
            DB.addFeed("" , "http://qtrosapps.hostenko.com/feed/")
            DB.addTag("news");
            DB.addTag("tech");
            DB.addTag("engadget");
            DB.addFeedTag(1, 1) ;
            DB.addFeedTag(2, 2) ;
            DB.addFeedTag(3, 3) ;
            refresh() ;
        }

        else repeater.reloadTabs() ;     // load tabs from db

    }

    function refresh()             //  download all articles
    {
        var feeds = DB.loadFeeds();
        var feedarray = [] ;
        for (var i=0; i< feeds.rows.length; i++)
        {
            feedarray.push(feeds.rows.item(i));
        }
        xmlnetwork.addFeedList(feedarray);
    }

    function toRssPage(model, index)     //   go to single article page     // bugs remain
    {
        feed_page.setFeed(model, index)
        pageStack.push(feed_page)
    }

    function toEditFeed(feedid, title, url, pTopicId)
    {
        editFeed.setValues(feedid, title, url, pTopicId) ;
        pageStack.push(editFeed) ;
    }

    PageStack {
        id: pageStack

        property bool isListView: false // TODO use options.

        anchors.fill: parent

        Component.onCompleted:
        {
            if (isListView)
                push(feedListPage)
            else push(tabs);                      // use tabs as first page
            // push(editFeedsPage);
        }

        onCurrentPageChanged: {
            if (currentPage != null) {
                console.log("PageStack onCurrentPageChanged", currentPage.title)
                if (currentPage.reloadPageContent)
                    currentPage.reloadPageContent()
            }
        }

        ToolbarItems {
            id: mainCommonToolbar

            back: ToolbarButton {
                action: Action {
                    text:  i18n.tr("Refresh")
                    iconSource: Qt.resolvedUrl("./icons_tmp/reload.svg")
                    onTriggered:
                    {
                        refresh();
                        toolbar.opened = false;
                    }
                }
            }

            ToolbarButton {
                action: Action {
                    id: changeModeAction

                    text:  pageStack.isListView ? i18n.tr("Shorts") : i18n.tr("List view")
                    iconSource: pageStack.isListView ? Qt.resolvedUrl("./icons_tmp/view-fullscreen.svg") : Qt.resolvedUrl("./icons_tmp/view-fullscreen.svg")
                    onTriggered: {
                        if (pageStack.isListView) {
                            pageStack.pop()
                            pageStack.push(tabs)
                        } else {
                            pageStack.pop()
                            pageStack.push(feedListPage)
                        }

                        pageStack.isListView = !pageStack.isListView
                        mainCommonToolbar.opened = false
                    }
                }
            }

            ToolbarButton {
                id: addReadsBtn
                action: Action {
                    text:  i18n.tr("Add reads")
                    iconSource: Qt.resolvedUrl("./icons_tmp/add.svg")
                    onTriggered: {
                        // pageStack.push(editFeedsPage)
                        PopupUtils.open(addReadsPopoverComp, addReadsBtn)
                    }
                }
            }

            ToolbarButton {
                action: Action {
                    text:  i18n.tr("Edit topics")
                    iconSource: Qt.resolvedUrl("./icons_tmp/edit.svg")
                    onTriggered: {
//                        pageStack.push(editFeedsPage)
                        pageStack.push(topicManagement) ;
                    }
                }
            }
        }



        Page
        {
            id: tabs
            visible: false
            anchors.fill: parent


            Tabs {
                id: tabstabs
//                visible: parent.visible

                anchors.fill: parent
    //            anchors.topMargin: units.gu(3)
    //            anchors.bottomMargin: units.gu(7)
                //            title: i18n.tr("Shorts")
                // anchors.margins: units.gu(4)

                function reloadPageContent() {

                }

                Tab {
                    objectName: "Tab0"

                    title: i18n.tr("Shorts")
                    page: Page {
                        //                    anchors.margins: units.gu(2)

                        tools: mainCommonToolbar

                        Component.onCompleted: shorts_view.reload() ;

                        ListColumnView
                        {
                            id: shorts_view
                            //                        anchors.margins: units.gu(2)
                            isAll: true
                        }

                    }
                }

                Repeater
                {
                    id: repeater
                    model: 0
                    TopicTab{  }

                    function reloadTabs()
                    {
                        repeater.model = 0 ;
                        var tags = DB.loadTags()
                        repeater.model = tags.rows.length ;
                        for (var i=0; i< tags.rows.length; i++)
                        {
                            console.log(JSON.stringify(tags.rows.item(i)));
                            repeater.itemAt(i).title = tags.rows.item(i).name ;
                            repeater.itemAt(i).tag_id = tags.rows.item(i).id ;
                            repeater.itemAt(i).isAll = false ;
                            repeater.itemAt(i).reload() ;
                        }
                    }
                }
            }
        } // Page "Shorts"




        // ************************************************************* ////////////////////////////////////


        ManageFeedsPage {
            id: editFeedsPage
            visible: false
            flickable: null
        } // Page

        // ************************************************************* ////////////////////////////////////

        CreateTopicPage {
            id: createTopicPage
            visible: false
            flickable: null
        } // Page

        // ************************************************************* ////////////////////////////////////

        ManageTopicsPage {
            id: manageTopicsPage
            flickable: null
            visible: false
        } // Page "Topics"


        // ******************************** APPEND FEED ***********************///////////////

        AppendFeedPage {
            id: appendFeedPage

            title: i18n.tr("Append feed")
            flickable: null
            visible: false
        }


        // ************************ Choose Topic PAGE ******************////////////

        ChooseTopicPage {
            id: chooseTopicPage
        }

        // ************************************************************* ////////////////////////////////////

        RssFeedPage {
            id: feed_page
            visible: false
        }

        TopicManagement  // by Joey
        {
            id: topicManagement
            visible: false
        }

        EditFeed    // by Joey
        {
            id: editFeed
            visible: false
        }

        // ************************************************************* ////////////////////////////////////

        FeedListPage {
            id: feedListPage

            title: i18n.tr("Feeds")
            flickable: null
            visible: false
        }

        // ************************************************************* ////////////////////////////////////

        ArticleListPage {
            id: articleListPage

            title: i18n.tr("Articles")
            flickable: null
            visible: false
        }
    }

    Component {
        id: addReadsPopoverComp

        ActionSelectionPopover {
            id: addReadsPopover

            actions: ActionList {
                id: popoverActionsList

                Action {
                    text: i18n.tr("+ Add feeds")
                    onTriggered: {
                        /* When we want to show "Append feed" page from
                         * any page except of "Choose topic",
                         * we should clear it (mark as dirty).
                         */
                        pageStack.push(appendFeedPage, {"isDirty" : true})
                    }
                }

                Action {
                    text: i18n.tr("+ New topic")
                    onTriggered: {
                        pageStack.push(createTopicPage)
                    }
                }

                Action {
                    text: i18n.tr("Add online accounts")
                    onTriggered: {
                        console.log("NOT IMPLEMENTED")
                    }
                }

                Action {
                    text: i18n.tr("Import subscriptions")
                    onTriggered: {
                        console.log("NOT IMPLEMENTED")
                    }
                }
            } // ActionList
        } // ActionSelectionPopover
    } // Component

    XmlNetwork         //  all download and xml parse functions here
    {
        id: xmlnetwork

        onDownloadFinish:
        {
            shorts_view.reload() ;
            repeater.reloadTabs() ;
        }
    }

    ////////////////////////////////////////////////////////////////////////
    //////////// Connections for handling the add topic and add feed event
    Connections
    {
        id: connAddTopic
        target: createTopicPage

        onTopicAdded:
        {
            shorts_view.reload() ;
            repeater.reloadTabs() ;
        }
    }

    Connections
    {
        id: connAddFeed
        target: chooseTopicPage

        onFeedAdded:
        {
            shorts_view.reload() ;
            repeater.reloadTabs() ;
        }
    }

    // Workaround for https://bugs.launchpad.net/ubuntu-ui-toolkit/+bug/1201400.
    // Inspired by the KeyboardRectangle component, originally written for the
    // telephony application.
    Connections {
        target: Qt.inputMethod

        onVisibleChanged: {
            console.log("keyboard visible: ", Qt.inputMethod.visible)
            if (!Qt.inputMethod.visible) {
                var focusedItem = recursiveFindFocusedItem(window);
                if (focusedItem != null) {
                    focusedItem.focus = false;
                }
            }
        }

        function recursiveFindFocusedItem(parent) {
            if (parent.activeFocus) {
                return parent;
            }

            for (var i in parent.children) {
                var child = parent.children[i];
                if (child.activeFocus) {
                    return child;
                }

                var item = recursiveFindFocusedItem(child);

                if (item != null) {
                    return item;
                }
            }

            return null;
        }
    }
}