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
|
2024-03-20 06:55:48 +00:00
|
|
|
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
|
|
|
|
|
|
2016-12-16 14:01:28 +00:00
|
|
|
property string title
|
2016-12-16 13:21:20 +00:00
|
|
|
property string content
|
|
|
|
|
|
2024-03-20 06:55:48 +00:00
|
|
|
WebView {
|
2016-12-16 13:21:20 +00:00
|
|
|
id: webview
|
|
|
|
|
anchors.fill: parent
|
|
|
|
|
|
|
|
|
|
Component.onCompleted: {
|
2016-12-16 14:01:28 +00:00
|
|
|
loadHtml( wrapArticleContent() )
|
2016-12-16 13:21:20 +00:00
|
|
|
}
|
|
|
|
|
}
|
2016-12-16 14:01:28 +00:00
|
|
|
|
|
|
|
|
function wrapArticleContent() {
|
|
|
|
|
var html =
|
|
|
|
|
"<html>" +
|
|
|
|
|
"<head>" +
|
2024-03-20 06:55:48 +00:00
|
|
|
"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">" +
|
2016-12-16 14:01:28 +00:00
|
|
|
"<style type=\"text/css\">" +
|
2016-12-16 15:36:42 +00:00
|
|
|
"article { font-family: sans-serif; font-size: 16px; }" +
|
2024-03-20 06:55:48 +00:00
|
|
|
"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 }" +
|
2016-12-16 14:01:28 +00:00
|
|
|
"</style>" +
|
|
|
|
|
"</head>" +
|
|
|
|
|
"<body>" +
|
|
|
|
|
"<article>" +
|
|
|
|
|
"<h1>" + articlePage.title + "</h1>" +
|
|
|
|
|
articlePage.content +
|
|
|
|
|
"</article>" +
|
|
|
|
|
"</body>" +
|
|
|
|
|
"</html>"
|
|
|
|
|
|
|
|
|
|
return html
|
|
|
|
|
}
|
2016-12-16 13:21:20 +00:00
|
|
|
}
|
