Delete Browser.qml
This commit is contained in:
molan-git
GitHub
parent
4558b4406b
commit
5bd990e3df
1 changed files with 0 additions and 286 deletions
|
|
@ -1,286 +0,0 @@
|
|||
/****************************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 Jolla Ltd.
|
||||
** Contact: Raine Makelainen <raine.makelainen@jollamobile.com>
|
||||
** All rights reserved.
|
||||
**
|
||||
** This file is part of Sailfish Silica UI component package.
|
||||
**
|
||||
** You may use this file under the terms of BSD license as follows:
|
||||
**
|
||||
** Redistribution and use in source and binary forms, with or without
|
||||
** modification, are permitted provided that the following conditions are met:
|
||||
** * Redistributions of source code must retain the above copyright
|
||||
** notice, this list of conditions and the following disclaimer.
|
||||
** * Redistributions in binary form must reproduce the above copyright
|
||||
** notice, this list of conditions and the following disclaimer in the
|
||||
** documentation and/or other materials provided with the distribution.
|
||||
** * Neither the name of the Jolla Ltd nor the
|
||||
** names of its contributors may be used to endorse or promote products
|
||||
** derived from this software without specific prior written permission.
|
||||
**
|
||||
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
||||
** ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
||||
** WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||
** DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS OR CONTRIBUTORS BE LIABLE FOR
|
||||
** ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
||||
** (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
||||
** LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
||||
** ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
||||
** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
**
|
||||
****************************************************************************************/
|
||||
|
||||
import QtQuick 2.0
|
||||
import QtWebKit 3.0
|
||||
import Sailfish.Silica 1.0
|
||||
|
||||
// not in use since release 1.0.3-4
|
||||
|
||||
Page {
|
||||
id: browser
|
||||
property string href;
|
||||
property bool screenReaderMode: true
|
||||
property bool loaded: false
|
||||
property string articleContent: ""
|
||||
property string articleTitle: ""
|
||||
property string articleDate: ""
|
||||
property string articleImage: ""
|
||||
onLoadedChanged: {
|
||||
pullDownMenu.busy = pullDownMenu2.busy = !loaded
|
||||
}
|
||||
onStatusChanged: {
|
||||
if (status === PageStatus.Active) {
|
||||
fetchData();
|
||||
}
|
||||
|
||||
}
|
||||
onScreenReaderModeChanged: {
|
||||
loaded = false;
|
||||
fetchData();
|
||||
}
|
||||
|
||||
allowedOrientations: Orientation.All
|
||||
function fetchData(){
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("GET", "https://mercury.postlight.com/parser?url="+href, true);
|
||||
xhr.onreadystatechange = function() {
|
||||
if ( xhr.readyState === xhr.DONE ) {
|
||||
if ( xhr.status === 200 ) {
|
||||
console.log(xhr.responseText)
|
||||
var response = JSON.parse(xhr.responseText);
|
||||
//if (response.date_published)
|
||||
//articleDate = new Date(response.date_published.replace(/^(\w+) (\w+) (\d+) ([\d:]+) \+0000 (\d+)$/,"$1, $2 $3 $5 $4 GMT"));
|
||||
if (response.title)
|
||||
articleTitle = response.title;
|
||||
if (response.lead_image_url)
|
||||
articleImage = response.lead_image_url
|
||||
if (response.content)
|
||||
articleContent = response.content;
|
||||
if (response.content && response.lead_image_url)
|
||||
articleContent = articleContent.replace(articleImage, "")
|
||||
} else {
|
||||
|
||||
}
|
||||
loaded = true;
|
||||
}
|
||||
}
|
||||
xhr.setRequestHeader("Content-Type", 'application/json');
|
||||
xhr.setRequestHeader("x-api-key", 'uakC11NlSubREs1r5NjkOCS1NJEkwti6DnDutcYC');
|
||||
|
||||
if (screenReaderMode)
|
||||
xhr.send();
|
||||
else
|
||||
webView.url = 'https://mercury.postlight.com/amp?url='+href
|
||||
}
|
||||
|
||||
|
||||
|
||||
BusyIndicator {
|
||||
id: loading
|
||||
size: BusyIndicatorSize.Large
|
||||
anchors.centerIn: parent
|
||||
running: !loaded
|
||||
}
|
||||
|
||||
SilicaWebView {
|
||||
enabled: !screenReaderMode
|
||||
visible: !screenReaderMode
|
||||
id: webView
|
||||
anchors {
|
||||
fill: parent
|
||||
}
|
||||
|
||||
PullDownMenu {
|
||||
id: pullDownMenu
|
||||
MenuItem {
|
||||
text: qsTr("Open in Browser")
|
||||
onClicked: {
|
||||
Qt.openUrlExternally(href);
|
||||
}
|
||||
}
|
||||
MenuItem {
|
||||
text: screenReaderMode ? qsTr("Web mode") : qsTr("Reading mode")
|
||||
onClicked: {
|
||||
screenReaderMode = !screenReaderMode
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
opacity: 0
|
||||
onLoadingChanged: {
|
||||
switch (loadRequest.status)
|
||||
{
|
||||
case WebView.LoadSucceededStatus:
|
||||
opacity = 1
|
||||
loaded = true;
|
||||
break
|
||||
case WebView.LoadFailedStatus:
|
||||
opacity = 0
|
||||
loaded = true;
|
||||
viewPlaceHolder.errorString = loadRequest.errorString
|
||||
break
|
||||
default:
|
||||
opacity = 0
|
||||
loaded = false;
|
||||
break
|
||||
}
|
||||
}
|
||||
FadeAnimation on opacity {}
|
||||
}
|
||||
ViewPlaceholder {
|
||||
id: viewPlaceHolder
|
||||
property string errorString
|
||||
enabled: webView.opacity === 0 && loaded && !screenReaderMode
|
||||
text: errorString
|
||||
hintText: "Check network connectivity and pull down to reload"
|
||||
}
|
||||
|
||||
|
||||
|
||||
SilicaFlickable {
|
||||
visible: screenReaderMode
|
||||
enabled: screenReaderMode
|
||||
anchors {
|
||||
fill: parent
|
||||
}
|
||||
contentHeight: article.height
|
||||
VerticalScrollDecorator {}
|
||||
PullDownMenu {
|
||||
id: pullDownMenu2
|
||||
MenuItem {
|
||||
text: qsTr("Copy URL")
|
||||
onClicked: Clipboard.text = href
|
||||
}
|
||||
MenuItem {
|
||||
text: qsTr("Open in Browser")
|
||||
onClicked: Qt.openUrlExternally(href);
|
||||
}
|
||||
MenuItem {
|
||||
text: screenReaderMode ? qsTr("Web mode") : qsTr("Reading mode")
|
||||
onClicked: {
|
||||
screenReaderMode = !screenReaderMode
|
||||
}
|
||||
}
|
||||
}
|
||||
Column {
|
||||
|
||||
id: article
|
||||
width: parent.width
|
||||
|
||||
Rectangle {
|
||||
height: Theme.itemSizeExtraSmall/3
|
||||
width: parent.width
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
Label {
|
||||
id: title
|
||||
text: articleTitle
|
||||
font.pixelSize: Theme.fontSizeLarge
|
||||
color: Theme.highlightColor
|
||||
textFormat: Text.StyledText
|
||||
wrapMode: Text.WordWrap
|
||||
font.bold: true
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
leftMargin: Theme.paddingLarge
|
||||
rightMargin: Theme.paddingLarge
|
||||
}
|
||||
}
|
||||
Label {
|
||||
id: date
|
||||
visible: articleDate !== ""
|
||||
text: articleDate
|
||||
font.pixelSize: Theme.fontSizeExtraSmall
|
||||
color: Theme.secondaryColor
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
topMargin: Theme.paddingSmall
|
||||
bottomMargin: Theme.paddingSmall
|
||||
leftMargin: Theme.paddingLarge
|
||||
rightMargin: Theme.paddingLarge
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
height: image.visible ? Theme.itemSizeExtraSmall/3 : 0
|
||||
width: parent.width
|
||||
opacity: 0
|
||||
}
|
||||
Image {
|
||||
id: image
|
||||
visible: articleImage !== "" ? true : false
|
||||
source: articleImage
|
||||
width: parent.width
|
||||
height: Theme.itemSizeExtraLarge
|
||||
fillMode: Image.PreserveAspectCrop
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
}
|
||||
BusyIndicator {
|
||||
size: BusyIndicatorSize.Small
|
||||
anchors.centerIn: parent
|
||||
running: parent.status != Image.Ready
|
||||
}
|
||||
|
||||
onStatusChanged: if (image.status === Image.Ready) {
|
||||
var ratio = image.sourceSize.width/image.sourceSize.height
|
||||
height = width / ratio
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
height: image.visible ? Theme.itemSizeExtraSmall/3 : 0
|
||||
width: parent.width
|
||||
opacity: 0
|
||||
}
|
||||
Label {
|
||||
id: content
|
||||
readonly property string _linkStyle: "<style>a:link { color: " + Theme.primaryColor + "; } h1, h2, h3, h4 { color: " + Theme.highlightColor + "; } img { margin: "+Theme.paddingLarge+" 0; width: 100\%}</style>"
|
||||
textFormat: Text.RichText
|
||||
text: _linkStyle + articleContent;
|
||||
font.pixelSize: Theme.fontSizeSmall
|
||||
color: Theme.secondaryColor
|
||||
wrapMode: Text.WordWrap
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
topMargin: image.visible ? Theme.paddingSmall : Theme.paddingLarge
|
||||
leftMargin: Theme.paddingLarge
|
||||
rightMargin: Theme.paddingLarge
|
||||
bottomMargin: Theme.paddingLarge
|
||||
}
|
||||
|
||||
}
|
||||
Rectangle {
|
||||
height: Theme.itemSizeExtraSmall/3
|
||||
width: parent.width
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue