FeedTheMonkey/qml/main.qml

/*
 * This file is part of FeedTheMonkey.
 *
 * Copyright 2015 Jeena
 *
 * FeedTheMonkey is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * FeedTheMonkey is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with FeedTheMonkey.  If not, see <http://www.gnu.org/licenses/>.
 */

import QtQuick 2.3
import QtQuick.Controls 1.3
import QtQuick.Window 2.0
import QtQuick.Layouts 1.1
import QtQuick.Dialogs 1.1
import Qt.labs.settings 1.0
import TTRSS 1.0

ApplicationWindow {
    id: app
    title: "FeedTheMonkey"
    visible: true
    color: nightmode ? "#111" : "#eee"

    minimumWidth: 480
    minimumHeight: 320

    width: 800
    height: 640
    x: 200
    y: 200

    property Server server: server
    property Sidebar sidebar: sidebar
    property Content content: content

    property variant fontSizes: [7,9,11,13,15,17,19,21,23,25,27,29,31]
    property int defaultTextFontSizeIndex: 3
    property int textFontSizeIndex: defaultTextFontSizeIndex
    property int textFontSize: fontSizes[textFontSizeIndex]
    property bool nightmode: false
    property bool showMenuBar: false

    menuBar: TheMenuBar {
        id: menu
        serverLogin: serverLogin
        server: server
        sidebar: sidebar
        content: content
        visible: app.showMenuBar
        __contentItem.visible: visible
    }


    Settings {
        id: settings
        category: "window"
        property alias x: app.x
        property alias y: app.y
        property alias width: app.width
        property alias height: app.height
        property alias sidebarWidth: sidebar.width
        property alias textFontSizeIndex: app.textFontSizeIndex
        property alias nightmode: app.nightmode
    }

    function loggedIn() {
        if(serverLogin.loggedIn()) {
            menu.loggedIn = true;
            contentView.visible = true
            login.visible = false;
            server.initialize(serverLogin.serverUrl, serverLogin.sessionId);
        } else {
            menu.loggedIn = false
            contentView.visible = false
            login.visible = true
            server.loggedOut()
            content.loggedOut()
        }
    }

    function toggleNightmode() {
        app.nightmode = !app.nightmode
    }

    function zoomIn() {
        if(textFontSizeIndex + 1 < fontSizes.length) {
            textFontSize = fontSizes[++textFontSizeIndex]
        }
    }

    function zoomOut() {
        if(textFontSizeIndex - 1 > 0) {
            textFontSize = fontSizes[--textFontSizeIndex]
        }
    }

    function zoomReset() {
        textFontSizeIndex = defaultTextFontSizeIndex
        textFontSize = fontSizes[textFontSizeIndex]
    }

    function removeHTML(str) {
        forEscapingHTML.text = str
        return forEscapingHTML.getText(0, forEscapingHTML.length)
    }

    function showNextPost() {
        sidebar.next()
    }

    function showPreviousPost() {
        sidebar.previous()
    }

    function keyPressed(event) {
        switch (event.key) {
        case Qt.Key_Right:
        case Qt.Key_J:
        case Qt.Key_j:
            sidebar.next()
            break
        case Qt.Key_Left:
        case Qt.Key_K:
        case Qt.Key_k:
            sidebar.previous()
            break
        case Qt.Key_1:
            toggleNightmode()
            break
        case Qt.Key_Home:
            content.scrollUp()
            break
        case Qt.Key_End:
            content.scrollDown()
            break
        case Qt.Key_PageUp:
            content.scrollUp(content.pageJump)
            break
        case Qt.Key_PageDown:
        case Qt.Key_Space:
            content.scrollDown(content.pageJump)
            break
        case Qt.Key_Down:
            content.scrollDown(content.scrollJump)
            break
        case Qt.Key_Up:
            content.scrollUp(content.scrollJump)
            break
        case Qt.Key_Enter:
        case Qt.Key_Return:
            Qt.openUrlExternally(content.post.link)
            break
        case Qt.Key_S: {
            console.log(Qt.openUrlExternally("speaker:"+ removeHTML(content.post.content)))
            break
        }
        default:
            break
        }
    }

    SplitView {
        id: contentView
        anchors.fill: parent
        orientation: Qt.Horizontal
        visible: serverLogin.loggedIn()
        focus: true
        handleDelegate: Rectangle {
            width: 1
            color: app.nightmode ? "#333" : "#aaa"
        }

        Sidebar {
            id: sidebar
            content: content
            server: server

            Layout.minimumWidth: 200
            implicitWidth: 300
            textFontSize: app.textFontSize
            nightmode: app.nightmode
        }

        Content {
            id: content
            app: app

            Layout.minimumWidth: 200
            implicitWidth: 624
            textFontSize: app.textFontSize
            nightmode: app.nightmode
        }

        Keys.onPressed: keyPressed(event)
        Keys.onReleased: {
            switch (event.key) {
            case Qt.Key_Alt:
                app.showMenuBar = !app.showMenuBar
                break
            default:
                break
            }
        }
    }

    Login {
        id: login
        anchors.fill: parent
        visible: !serverLogin.loggedIn()

        function login() {
            serverLogin.login(serverUrl, userName, password)
        }

    }

    MessageDialog {
        id: loginErrorAlert
        title: "A login error occured"
        text: serverLogin.loginError
        onAccepted: visible = false
    }

    ServerLogin {
        id: serverLogin
        onSessionIdChanged: app.loggedIn()
        onLoginErrorChanged: {
            console.log("loginError:", loginError)
            if(loginError.length > 0) {
                loginErrorAlert.visible = true
            }
        }
    }

    Server {
        id: server
    }

    TextArea {
        id: forEscapingHTML
        visible: false
        textFormat: TextEdit.RichText
    }

    Component.onCompleted: {
        if(serverLogin.loggedIn()) {
            loggedIn();
        }
    }
}