Notices

apt-cache policy  qt4-declarative-qmlviewer  
qt4-declarative-qmlviewer:
  Installed: 4.7.0~git20100909-0maemo1+0m5
  Candidate: 4.7.0~git20100909-0maemo1+0m5
  Version table:
 *** 4.7.0~git20100909-0maemo1+0m5 0
        500 https://downloads.maemo.nokia.com ./ Packages
        100 /var/lib/dpkg/status

sudo gainroot
apt-get install qt4-declarative-qmlviewer

import Qt 4.7
import QtWebKit 1.0

Item {
    // Modify these to customize

    // widget width
    width: 300

    // widget height
    height: 350

    // the url to display
    property string url: "http://touch.facebook.com"

    // the optimum width for the website. The page is scaled down
    // from this width to the widget's width
    property int optimal_width: 340

    // interval when to reload the page
    // setting it to 0 means never refresh
    property real reload_in_minutes: 10

    // end user mods.

    id: main
     MouseArea {
     	  anchors.right: parent.right
	  width: 30
	  height: parent.height
	  onClicked: {
          }
     }

    Rectangle {
         anchors.fill: parent
         radius: 10
	 color: "gray"
	 opacity: 0.6
    }

    Text {
         id: txt
         anchors.centerIn: parent
	 text: "loading..."
	 color: "white"
    }     

    WebView {
     	  id: browser
          transformOrigin: Item.TopLeft
	  property bool scaled: false

	  smooth: true
	  visible: false
          preferredWidth: optimal_width
          preferredHeight: parent.height
	  url: parent.url
          Behavior on y  { PropertyAnimation {} }
	  onUrlChanged: {
              y = 0
          }
	  onLoadFinished: {
              if (!scaled) {
                  browser.contentsScale = main.width/browser.width
                  scaled = true;
              }
              browser.visible = true
              //console.log('loaded')
              txt.z = 0
	 }
      }


     MouseArea {
     	  anchors.right: parent.right
	  width: 30
	  height: parent.height
	  onClicked: {
             var inc = main.height*0.9
             if (mouse.y > main.height/2) {
                var dy = Math.min(inc,
                          browser.contentsSize.height-main.height+browser.y)
                browser.y -= dy
            } else {
                var dy = Math.min(inc, Math.abs(browser.y))
                browser.y += dy
            }
	  }

     }

     Timer {
     	   id: refresh
     	   interval: 1000*60*parent.reload_in_minutes
	   running: runtime.isActiveWindow
	   repeat: true
           onTriggered: { txt.z = 1
                           browser.reload.trigger()
			  }
     }

}