harbour-wallaread/qml/pages/ArticlePage.qml

68 lines
2.0 KiB
QML
Raw Normal View History

2016-12-16 13:21:20 +00:00
/*
* WallaRead - A Wallabag 2+ client for SailfishOS
* © 2016 Grégory Oestreicher <greg@kamago.net>
*
* This file is part of WallaRead.
*
* WallaRead 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.
*
* WallaRead 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 WallaRead. If not, see <http://www.gnu.org/licenses/>.
*
*/
import QtQuick 2.0
import Sailfish.Silica 1.0
import Sailfish.WebView 1.0
import Sailfish.WebEngine 1.0
import Sailfish.WebView.Popups 1.0
2016-12-16 13:21:20 +00:00
Page {
id: articlePage
allowedOrientations: Orientation.All
property string title
2016-12-16 13:21:20 +00:00
property string content
WebView {
2016-12-16 13:21:20 +00:00
id: webview
anchors.fill: parent
Component.onCompleted: {
loadHtml( wrapArticleContent() )
2016-12-16 13:21:20 +00:00
}
}
function wrapArticleContent() {
var html =
"<html>" +
"<head>" +
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">" +
"<style type=\"text/css\">" +
2016-12-16 15:36:42 +00:00
"article { font-family: sans-serif; font-size: 16px; }" +
"article h1 { font-size: 25px; }" +
"img { max-width: 100%; height: auto; }" +
"pre { word-wrap: normal; overflow-x: auto }" +
"code { word-wrap: normal; overflow-x: auto }" +
"</style>" +
"</head>" +
"<body>" +
"<article>" +
"<h1>" + articlePage.title + "</h1>" +
articlePage.content +
"</article>" +
"</body>" +
"</html>"
return html
}
2016-12-16 13:21:20 +00:00
}