wei-lee

  $fh.ori( {act:'listen'},
    function(res){
      alert( 'current roation=' + res);
    }, 
    function(code,errorprops,params) {...} );

  $fh.ori({act:'set', value:'landscape'}, function(res){
    alert('orientation changed to ' + res.orientation);
  }, function(code, errorprops, params){});

wei-lee

var url = http://www.example.com;
$fh.webview(
             {'url':url, 'title':"hello"},
             function(result){
               if(result === "opened"){
                 //webview window is now open
               }
               if(result === "closed"){
                 //webview window is now closed
               }

wei-lee

var fileSrc = "http://example.com/test.pdf";
var parts = fileSrc.split("/");
var destFile = parts[parts.length - 1];
var progressListener = function(progress){
  //progress value that is passed here is a float number between 0 and 1
  //convert it to percentage
  $('#download_progress').html('<p> current progress: ' + progress*100 + '%' + '</p>');
} 
$fh.file(
  {act:'download', src: fileSrc, dest: destFile, progressListener:progressListener}, 

wei-lee

//In Sencha-debug.js, around line 18131, inside Ext.gesture.Manager, change it to this:
//if (!Ext.supports.Touch) {
if (!Ext.supports.Touch || Ext.is.Blackberry) {
  Ext.apply(this.eventNames, {
    start: 'mousedown',
    move: 'mousemove',
    end: 'mouseup'
  });
}

wei-lee

Ext.NonTouchCompatibleScrollPanel = Ext.extend(Ext.Panel, {
  scroll: "both",
  currentX: 0,
  currentY: 0,
  listeners: {
    render: function(pnl) {
      console.log(arguments);
      var scrollbar_v = {
        cls: 'scrollbar-indicator-container-vertical'
      };

wei-lee

.scrollbar-indicator-container-vertical {
  position: absolute;
  top:0px;
  background-color: red;
  width: 10px;
  right: 0px;
}

.scrollbar-indicator-container-horizontal {
  position: absolute;

wei-lee

var myScroll;
function loaded() {
  //assign a class name for the scroll bars
	myScroll = new iScroll('wrapper', { scrollbarClass: 'myScrollbar' });
	doBind();
}

function doBind(){
  $('.myScrollbarV').unbind().bind('click', function(e){
	  var offsetY = e.offsetY;

wei-lee

/**
 *
 * Vertical Scrollbar
 *
 */
.myScrollbarV {
	position:absolute;
	z-index:100;
	width:7px;
	bottom:7px;

wei-lee

Ext.gesture.Manager = new Ext.AbstractManager({
  //first, add more events
  eventNames: {
    'touchstart': 'start',
    'touchmove': 'move',
    'touchend': 'end',
    'mousedown': 'mousestart',
    'mouseup': 'mouseend'
  },
  defaultPreventedMouseEvents: [],

wei-lee

Backend Architectures

ARCHITECTURES

Twitter

ror, scala, jetty, erlang, thrift, mongrel, comet server, my-sql, memchached, varnish, kestrel(mq), starling, gizzard, cassandra, hadoop, vertica, munin, nagios, awstats