Ordering when inserting in Nested Sets tree

Imagine you have Nested Sets tree, and you must to order it (by moving nodes) by some value (may be date, or some number value).

$a = array();
 
for ($i = 0; $i < 15; $i++) {
    $a[rand(1, 1000)] = rand(1, 50);
}
 
print_r($a);
 
asort($a);
$c = array_keys($a);
 
print_r($a);
 
$q = array();
 
foreach ($a as $key => $value) {
    $aKey = array_search($key, $c, true);
    if (isset($c[$aKey + 1])) {
         $bKey = $c[$aKey + 1];
         array_unshift($q, array($value, $key, $bKey));
    }
}
 
// proof-o-concept: how array can be created
$r = array($key => $value);
 
foreach ($q as $data) {
    echo vsprintf("Moved %s from index %d before %dn", $data);
    $r = array_replace(array($data[1] => $data[0]), $r);
}
 
print_r($r);
 
 
 
 

@темы: PHP

---

Config for XDebug for memory and CPU profiling

[XDebug]
zend_extension="/usr/lib/php5/20100525/xdebug.so"
xdebug.remote_enable=1
xdebug.remote_port="9000"
xdebug.profiler_enable=1
xdebug.profiler_output_dir="/tmp"
xdebug.auto_trace=On
xdebug.trace_output_dir="/tmp"
xdebug.show_mem_delta=Off
xdebug.collect_params=0
xdebug.collect_return=Off
xdebug.trace_format=2

Path to zend_extension must be equal to path which will be output by sudo pecl install xdebug command

@темы: PHP

---

PHP nested arrays creation

<?php
 
 
 
function fill($keys, $value, $a = array()) {
   $keys = (array)$keys;
   $key = array_pop($keys);
   $v = &$a;
   foreach ($keys as $keyName) {
      $v = &$v[$keyName];
   }
   $v[$key] = $value;
   return $a;
}
 
var_dump(fill(['a', 'b', 'c', 'd', 'e'], 'f', array('a' => array('b' => array('b1' => array())))));
var_dump(fill(['a', 'b', 'c'], 'd', array('a' => array('a1' => 3))));
var_dump(fill(['c'], 'd'));
var_dump(fill('kkk', 'd'));

@темы: PHP

---

JSLint Unexpected sync method in PHPStorm

I have code like this:

    setNeedSync: function(value) {
        this.needSync = !!value;
    }

So I got this error.

Explanation: jslinterrors.com/unexpected-sync-method-a/
Solution: go to PHPStorm settings, find JSLint and check "stupidity"

@темы: JavaScript, JSLint

---

ExtJS 4.2.1 nested grids/panels/etc. in RowExpander issue

As I see, in 4.2.1 all content of them does not recover after grid view refreshing (for example, after page navigation) - it only recovers text context of rowTpl. So I did following workaround:

    viewBodyExpandEventHandler: function (row, r) {
        if (!row.grid) {
            this.gridCreateRoutine(row, r.get('id'));
        }
    },
    viewRevreshEventHandler: function () {
        // Of course, in init method of my controller this.hashOfGrids = {};
        Ext4.Object.each(this.hashOfGrids, function(id, data) {
            this.createRowGrid(data.el, data.id);  
        }, this);    
    },
    gridCreateRoutine: function(row, id) {
        var l = 'renderdiv' + id,
            el = Ext.fly(layer);
        if (el) {
           el.setHTML('');
           Ext.create('Ext.grid.Panel', {
                renderTo : l,
            });
            this.hashOfGrids[id] = {
                el  : row,
                id  : id        
            };
        }
    },
 

@темы: ExtJS 4, JavaScript, долгая ебля с экстом, rowexpander, extjs 4.2.1

---

Generate all combinations JavaScript

var a = [
    ['a', 'b', 'c'],
    ['e', 'f'],
    ['g', 'h', 'i', 'j'],
    ['k']
];
 
var f = function (data, i) {
    var result = [],
        tmp,
        j, k,
        variants;
    // start from 0 index of data at function launch if index wasn't passed
    i = i || 0;
    // in case i is greater then array bound, just return empty array
    if (i < data.length) {
        for (j = 0; j < data[i].length; j++) {
            variants = f(data, i + 1);
            // if there aren't variants, just create array of one element which is empty array itself
            if (!variants.length) {
                variants = [
                    []
                ];
            }
            for (k = 0; k < variants.length; k++) {
                // concat variants and current iterable element
                tmp = [data[i][j]].concat(variants[k]);
                result.push(tmp);
            }
        }
    }
    return result;
}
 
console.log(f(a));

@темы: JavaScript, algorithms, combinatoric

---

SVN get current branch

svn info | grep '^URL:' | egrep -o '(tags|branches)/[^/]+|trunk' | egrep -o '[^/]+

@темы: SVN

---

Если устали от Enter passphrase for key и не помогает ssh-agent

С помощью этой статьи поправил:
www.thinkplexx.com/learn/howto/security/ssl/rem...

tl;dr

openssl rsa -in ~/.ssh/id_rsa -out ~/.ssh/id_rsa_new
cp ~/.ssh/id_rsa ~/.ssh/id_rsa.backup
rm ~/.ssh/id_rsa
cp ~/.ssh/id_rsa_new ~/.ssh/id_rsa
chmod 400 ~/.ssh/id_rsa

@темы: SSH, Linux, OpenSSL

---

Nested Grids in rowbody ExtJS 4 (Вложенные гриды в rowbody в ExtJS 4)

The main idea is have some div where nested grid will be rendered

   Ext4.define('Company', {
        extend: 'Ext4.data.Model',
        fields: [
            {name: 'id', type: 'int' },
            {name: 'company', type: 'string'},
            {name: 'price', type: 'float'},
            {name: 'change', type: 'float'},
            {name: 'pctChange', type: 'float'},
            {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'},
            {name: 'industry'},
            {name: 'desc'}
         ]
    });
 
    // Array data for the grids
    Ext4.grid.dummyData = [
        ['3m Co',71.72,0.02,0.03,'9/1 12:00am', 'Manufacturing'],
        ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am', 'Manufacturing'],
        ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am', 'Manufacturing'],
        ['American Express Company',52.55,0.01,0.02,'9/1 12:00am', 'Finance'],
        ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am', 'Services'],
        ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am', 'Services'],
        ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am', 'Manufacturing'],
        ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am', 'Services'],
        ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am', 'Finance'],
        ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am', 'Manufacturing'],
        ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am', 'Manufacturing'],
        ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am', 'Manufacturing'],
        ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am', 'Automotive'],
        ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am', 'Computer'],
        ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am', 'Manufacturing'],
        ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am', 'Computer'],
        ['International Business Machines',81.41,0.44,0.54,'9/1 12:00am', 'Computer'],
        ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am', 'Medical'],
        ['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am', 'Finance'],
        ["McDonald's Corporation",36.76,0.86,2.40,'9/1 12:00am', 'Food'],
        ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am', 'Medical'],
        ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am', 'Computer'],
        ['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am', 'Services', 'Medical'],
        ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am', 'Food'],
        ['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am', 'Retail'],
        ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am', 'Manufacturing'],
        ['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am', 'Computer'],
        ['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am', 'Services'],
        ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am', 'Retail'],
        ['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'9/1 12:00am', 'Services']
    ];
 
    // add in some dummy descriptions
    for(var i = 0; i < Ext4.grid.dummyData.length; i++) {
        Ext4.grid.dummyData[i].unshift(i);
        Ext4.grid.dummyData[i].push('Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. ');
    }
 
    var getLocalStore = function(rand) {
        var data = Ext4.grid.dummyData,
            len = Math.round(Math.random() * 10) + 3, i = 0;
        if (rand) {
            data = [];
            for (; i < len; i++) {
                data.push([
                    i + 1, 
                    'Company ' + (Math.round(Math.random() * 1000) + 1), 
                    (Math.random() * 100 + 1).toFixed(2) 
                ]);
            }
        }
        return Ext4.create('Ext4.data.ArrayStore', {
            model: 'Company',
            data: data
        });
    };
 
 
    var grid1 = Ext4.create('Ext4.grid.Panel', {
        store: getLocalStore(),
        viewConfig: {
            listeners: {
                expandbody: function(row, record, rowBody) {
                    console.log(arguments);
                    if (!row.grid) {
                        console.log('create grid for ' + record.get('id'));
                        var sg = Ext4.create('Ext4.grid.Panel', {
                            forceFit: true,
                            store: getLocalStore(true),
                            columns:   [
                                {text: "Company", dataIndex: 'company'},
                                {text: "Price", dataIndex: 'price'}
                            ],
                            renderTo: 'sg-' + record.get('id') ,
                            params:{
                                id:record.get('id')
                            }
                        });
                        row.grid = sg;
                    }
                }
            }
        },
        columns: [
            {text: "Company", flex: 1, dataIndex: 'company'},
            {text: "Price", renderer: Ext4.util.Format.usMoney, dataIndex: 'price'},
            {text: "Change", dataIndex: 'change'},
            {text: "% Change", dataIndex: 'pctChange'},
            {text: "Last Updated", renderer: Ext4.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
        ],
        width: 600,
        height: 300,
        plugins: [{
            ptype: 'rowexpander',
            rowBodyTpl : [
                '<p><b>Company:</b> {company}</p>',
                '<p><b>Summary:</b> {desc}</p>',
                '<div id="sg-{id}"></div>'
            ]
        }],
        margin: '0 0 20 0',
    });
 
    var w = new Ext4.window.Window({
        title: 'test',
        items: [grid1]
    });
    w.show();
 
 
 

@темы: ExtJS 4

---

Get last stable kernel

curl -s www.kernel.org | grep -m 1 -o 'www.kernel.org/pub/linux/kernel/[^\"]*' > /tmp/last_kernel.txt && wget -v -d -i /tmp/last_kernel.txt && rm /tmp/last_kernel.txt

@темы: bash

---

Распределение чисел

Пусть требуется распределить некую сумму по частям в массиве, притом каждая часть в массиве должна достаточно сильно отличаться от другой.
В примере части отличаются в 1,5 раза от предыдущей, помноженного на индекс элемента (без такого умножения разница межу соседями будет значительно меньшей)
Первая функция считает вес первого элемента, а вторая - проверяет корректность подсчетов

function t(arr) {
    var d = 1,
        x = 1,
        i = 1, 
        len = arr.length;
    for (; i < len; i++) {
        x *= 1.5;
        d += x * i;
    }
    d = len / d;
    return d;
}
 
function test(d, arr, s) {
    var i = 0, 
        x = 0,
        k,
        len = arr.length,
        w = s / arr.length,
        wp = 0;
    console.log('w = ' + w);
    for (; i < len; i++) {
        if (!i) {
            k = d;
        }
        else {
            k = i * Math.pow(1.5, i) * d;
        }
        console.log('k = ' + k);
        console.log('chunk for ' + i + ' is ' + k * w);
        wp += k * w;
        x += k;
        console.log('x = ' + x);
    }
    console.log('wp = ' + wp);
    return x;
}
 
var  sum = 6,
     a = [0, 1, 2],
     delta = t(a);
console.log(delta);
console.log(test(delta, a, sum));

@темы: JavaScript

---

Difference between same table groups

For example, we have some table for categories:

CREATE TABLE `p1` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(20) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;

We have some categories:

mysql> select * from p1;
+----+-------+
| id | title |
+----+-------+
|  1 | cat1  |
|  2 | cat2  |
|  3 | cat3  |
|  4 | cat4  |
+----+-------+
4 rows in set (0.00 sec)

Then, we have table for properties:

CREATE TABLE `p2` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(20) DEFAULT NULL,
  `cat_id` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=10 DEFAULT CHARSET=latin1;
There are list of properties:
mysql> select * from p2;
+----+--------+--------+
| id | title  | cat_id |
+----+--------+--------+
|  1 | prop11 |      1 |
|  2 | prop12 |      1 |
|  3 | prop21 |      2 |
|  4 | prop22 |      2 |
|  5 | prop23 |      2 |
|  6 | prop31 |      3 |
|  7 | prop32 |      3 |
|  8 | prop33 |      3 |
|  9 | prop41 |      4 |
+----+--------+--------+
9 rows in set (0.00 sec)
Next, we need to have list of properties values, which may be contained in "groups":

CREATE TABLE `p3` (
  `gid` int(11) NOT NULL,
  `prop_id` int(11) NOT NULL,
  `value` varchar(20) DEFAULT NULL,
  PRIMARY KEY (`gid`,`prop_id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
with the following content:

mysql> select * from p3;
+-----+---------+------------+
| gid | prop_id | value      |
+-----+---------+------------+
|   1 |       1 | prop 1     |
|   1 |       2 | prop 2     |
|   1 |       4 | diff value |
|   1 |       5 | same value |
|   1 |       6 | prop 6     |
|   2 |       1 | prop 1     |
|   2 |       2 | prop 2     |
|   2 |       3 | prop 3     |
|   2 |       4 | prop 4     |
|   2 |       5 | same value |
|   2 |       7 | prop 7     |
+-----+---------+------------+
11 rows in set (0.00 sec)

For example, I want to know, which values of second group are missed or have different value in the first group. And properties in this dataset must be included in categories 1 and 2.

mysql> select *, 
             (select b.prop_id 
              from p3 as b 
              where gid = 1 
                    and a.prop_id = b.prop_id
             ) as is_exists 
       from p3 as a 
       join p2 
       on p2.id = a.prop_id 
       where gid = 2 
             and cat_id in (1, 2) 
             and (prop_id, value) not in 
                 (select prop_id, value 
                  from p3 
                  where gid = 1 
                        and prop_id = a.prop_id
                 );
+-----+---------+--------+----+--------+--------+-----------+
| gid | prop_id | value  | id | title  | cat_id | is_exists |
+-----+---------+--------+----+--------+--------+-----------+
|   2 |       3 | prop 3 |  3 | prop21 |      2 |      NULL |
|   2 |       4 | prop 4 |  4 | prop22 |      2 |         4 |
+-----+---------+--------+----+--------+--------+-----------+
2 rows in set (0.00 sec)

@темы: MySQL

---

ExtJS 2 region's sizes change (setWidth/setHeight)

var w = new Ext.Window({    
    layout: 'border',
    title: 'test',
    width: 500,
    height: 400,
    items: [
        { html: '1', title: 'left', width: 200, region: 'west' },
        { html: '1', title: 'center', region: 'center' }    
    ]
});
w.show();
setTimeout(function() {
     var p = w.layout.west.panel;
     console.log(p);
     p.setWidth(400);
     w.doLayout();
     console.log('test finished');
}, 1000);

@темы: ExtJS 2

---

Custom overflowHandler in ExtJS 4 (Part 1)

We need to implement overflowHandler for toolbar layout, which will add second toolbar and wraps components from first toolbar to second when them cannot be displayed because there isn't enough width of toolbar's container.
First, we need to override Ext.panel.Panel:

Ext4.override(Ext4.panel.Panel, {
    bridgeToolbars : function () {
        var toolbar;
        this.callParent(arguments);
        if (this.tbar2) {
            if (Ext4.isArray(this.tbar2)) {
                toolbar = {
                    xtype : 'toolbar',
                    items : this.tbar2
                };
            }
            else if (!toolbar.xtype) {
                toolbar.xtype = 'toolbar';
            }
            toolbar.dock = 'top';
            toolbar.isTbar2 = true;
            this.dockedItems = this.dockedItems.concat(toolbar);
            this.tbar2 = null;
        }
    },
    onRender       : function () {
        this.callParent(arguments);
        var topBars = this.getDockedItems('toolbar[dock="top"]'),
            i,
            len;
        for (i = 0, len = topBars.length; i < len; i++) {
            if (topBars[i].isTbar2) {
                this.tbar2 = topBars[i];
                break;
            }
        }
    },
    /**
     * Creates, if not exists, and returns toolbar at passed position
     * @param {Ext.panel.Panel} panel
     * @param {String} position
     * @return {Ext.toolbar.Toolbar}
     */
    getDynamicTBar : function (position) {
        var panel = this,
            params,
            tb;
        position = position || 'top';
        if (position === 'tbar2') {
            tb = panel.tbar2;
            params = {
                dock    : 'top',
                isTbar2 : true,
                layout  : {
                    overflowHandler : 'Scroller'
                }
            };
        }
        else {
            tb = panel.getDockedItems('toolbar[dock="' + position + '"]');
            params = {dock : position};
            if (tb.length > 0) {
                tb = tb[0];
            }
        }
        if (!tb) {
            tb = Ext4.create('Ext4.toolbar.Toolbar', params);
            panel.addDocked(tb);
            if (position === 'tbar2') {
                panel.tbar2 = tb;
            }
        }
        return tb;
    }
});

@темы: ExtJS 4, JavaScript

---

Custom overflowHandler in ExtJS 4 (Part 2)

Next, we need to create class Ext4.layout.container.boxOverflow.TBar2 (it has so long name because ExtJS searches handleOverflow (which is instance of String) in hardcoded Ext4.layout.container.boxOverflow namespace).

/**
 * @class Ext4.layout.container.boxOverflow.TBar2
 * Class for using as overflowHandler
 * @extends Ext.layout.container.boxOverflow.None
 */
Ext4.define('Ext4.layout.container.boxOverflow.TBar2', {
    extend : 'Ext4.layout.container.boxOverflow.None',
 
    /**
     * @private
     * @property {Boolean} initialized
     */
    initialized : false,
 
    constructor : function () {
        /**
         * @private
         * @property {Array} tbar2Items
         * List of moved components
         */
        this.tbar2Items = [];
        return this.callParent(arguments);
    },
 
    beginLayout : function (ownerContext) {
        if (!this.initialized) {
            this.layout.owner.ownerCt.on('afterlayout', this.createTBar2, this);
            this.initialized = true;
        }
        this.callParent(arguments);
        this.clearOverflow(ownerContext);
    },
 
    beginLayoutCycle : function (ownerContext, firstCycle) {
        this.callParent(arguments);
        if (!firstCycle) {
            this.clearOverflow(ownerContext);
            this.layout.cacheChildItems(ownerContext);
        }
    },
 
    getOverflowCls : function () {
        return Ext4.baseCSSPrefix + this.layout.direction + '-box-overflow-body';
    },
 
    /**
     * @private
     * @property {Object} _asLayoutRoot
     */
    _asLayoutRoot : { isRoot : true },
 
    clearOverflow : function () {
        // If afterlayout is not processing and tbar2 already created,
        // we can to move components from tbar2 to first toolbar, because now
        // there isn't any overflow
        if (!this.processing && this.tbar2) {
            this.tbar2.items.each(function (item) {
                this.tbar1.add(item);
                // change ui from saved property, or CSS will be incorrect
                item.ui = item.origUI;
            }, this);
            this.tbar2.removeAll(false);
            this.tbar2.hide();
        }
        this.tbar2Items.length = 0;
    },
 
    /**
     * @private
     * Creates tbar2 and does other routines
     */
    createTBar2 : function () {
        // if afterlayout event is still processing, 
        // or we don't need to handle toolbar overflow, just return from function
        if (this.processing || !this.doTbar2) {
            return;
        }
        this.processing = true;
        this.doTbar2 = false;
        var me = this,
            ownerContext = this.mOwnerContext,
            layout = me.layout,
            owner = layout.owner,
            names = layout.getNames(),
            startProp = names.x,
            sizeProp = names.width,
            plan = ownerContext.state.boxPlan,
            available = plan.targetSize[sizeProp],
            childItems = ownerContext.childItems,
            len = childItems.length,
            childContext,
            comp, i, props,
            tbarOwner = owner.ownerCt;
 
        me.tbar1 = owner;
        // save components which will be moved
        owner.suspendLayouts();
        me.tbar2Items.length = 0;
        for (i = 0; i < len; i++) {
            childContext = childItems[i];
            props = childContext.props;
            if (props[startProp] + props[sizeProp] > available) {
                comp = childContext.target;
                me.tbar2Items.push(comp);
                // save original ui property
                comp.origUI = comp.ui;
                owner.remove(comp, false);
            }
        }
        owner.resumeLayouts();
 
        // add tbar2 to the layout cycle (you can see very similar code in clearOverflow
        // method of Ext.layout.container.boxOverflow.Menu)
        tbarOwner.suspendLayouts();
        me.tbar2 = tbarOwner.getDynamicTBar('tbar2');
        me.tbar2.show();
        // moving components
        Ext4.each(me.tbar2Items, function (item, index) {
            me.tbar2.insert(index, item);
            item.ui = item.origUI;
        });
        tbarOwner.resumeLayouts(this._asLayoutRoot);
        this.processing = false;
    },
 
    handleOverflow : function (ownerContext) {
        // set flag and store context for later using
        this.doTbar2 = true;
        this.mOwnerContext = ownerContext;
    }
 
});

@темы: ExtJS 4, JavaScript

---

JavaScript static members of class

This example shows how to share property between class instances and use static methods. We need to use 'for' loop instead of Array.prototype.concat because in case we'll use 'concat' method, we'll assign static array to instance of class, not to prototype of class constructor. So, we need to loop over an array and use 'push' method.

function MyObject(title){
    this.title = title;
    this.test = function() {
        console.log('test from ' + this.title);
        console.log(this.staticItemsMember.join(' - '));
    }
}
 
 
MyObject.prototype = {
    staticItemsMember   : [1, 2, 3],
    addItems            : function(items) {
        var title = this.title || 'was called from constructor method',
            i = 0, l;
        console.log('add items in function of class instance (' + title + ')');
        if (!(items instanceof Array)) {
            items = [items];
        }
        for (l = items.length; i < l; i++) {
                    this.staticItemsMember.push(items[i]);   
        }
    }
}
 
 
 
MyObject.addItems = function(items) {
    console.log('add items in function of class constructor');
    this.prototype.addItems(items);
}
 
 
var o = new MyObject('o');
o.test();
MyObject.addItems([5, 6]);
o.test();
o.addItems([8, 9, 10]);
o.test();
MyObject.addItems(11);
o.test();
var m = new MyObject('m');
m.test();
m.addItems([12, 13]);
o.test();
m.test();
MyObject.addItems([14, 15, 16, 17]);
m.test();
o.test();
o.addItems([18, 19, 20]);
m.test();
o.test();

This will output in browser's console text like:

 
 
>>> function MyObject(title){     this.title = title...); o.addItems([18, 19, 20]); m.test(); o.test();
 
test from o
 
1 - 2 - 3
 
add items in function of class constructor
 
add items in function of class instance (was called from constructor method)
 
test from o
 
1 - 2 - 3 - 5 - 6
 
add items in function of class instance (o)
 
test from o
 
1 - 2 - 3 - 5 - 6 - 8 - 9 - 10
 
add items in function of class constructor
 
add items in function of class instance (was called from constructor method)
 
test from o
 
1 - 2 - 3 - 5 - 6 - 8 - 9 - 10 - 11
 
test from m
 
1 - 2 - 3 - 5 - 6 - 8 - 9 - 10 - 11
 
add items in function of class instance (m)
 
test from o
 
1 - 2 - 3 - 5 - 6 - 8 - 9 - 10 - 11 - 12 - 13
 
test from m
 
1 - 2 - 3 - 5 - 6 - 8 - 9 - 10 - 11 - 12 - 13
 
add items in function of class constructor
 
add items in function of class instance (was called from constructor method)
 
test from m
 
1 - 2 - 3 - 5 - 6 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17
 
test from o
 
1 - 2 - 3 - 5 - 6 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17
 
add items in function of class instance (o)
 
test from m
 
1 - 2 - 3 - 5 - 6 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18 - 19 - 20
 
test from o
 
1 - 2 - 3 - 5 - 6 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18 - 19 - 20

@темы: JavaScript

---

Online PHP sandbox

For example, you can to test your code in PHP >= 5.4
sandbox.onlinephpfunctions.com/

@темы: PHP

---

my.cnf for developing

#
# The MySQL database server configuration file.
#
# You can copy this to one of:
# - "/etc/mysql/my.cnf" to set global options,
# - "~/.my.cnf" to set user-specific options.
# 
# One can use all long options that the program supports.
# Run program with --help to get a list of available options and with
# --print-defaults to see which it would actually understand and use.
#
# For explanations see
# dev.mysql.com/doc/mysql/en/server-system-variab...
 
# This will be passed to all mysql clients
# It has been reported that passwords should be enclosed with ticks/quotes
# escpecially if they contain "#" chars...
# Remember to edit /etc/mysql/debian.cnf when changing the socket location.
[client]
port		= 3306
socket		= /var/run/mysqld/mysqld.sock
 
# Here is entries for some specific programs
# The following values assume you have at least 32M ram
 
# This was formally known as [safe_mysqld]. Both versions are currently parsed.
[mysqld_safe]
socket		= /var/run/mysqld/mysqld.sock
nice		= 0
 
[mysqld]
#
# * Basic Settings
#
user		= mysql
pid-file	= /var/run/mysqld/mysqld.pid
socket		= /var/run/mysqld/mysqld.sock
port		= 3306
basedir		= /usr
datadir		= /home/mysql
tmpdir		= /tmp
lc-messages-dir	= /usr/share/mysql
skip-external-locking
#
# Instead of skip-networking the default is now to listen only on
# localhost which is more compatible and is not less secure.
bind-address		= 127.0.0.1
#
# * Fine Tuning
#
key_buffer		= 32M
max_allowed_packet	= 32M
thread_stack		= 192K
thread_cache_size       = 16
# This replaces the startup sсript and checks MyISAM tables if needed
# the first time they are touched
myisam-recover         = BACKUP
max_connections        = 64
table_cache             = 1000
#thread_concurrency     = 10
#
# * Query Cache Configuration
#
query_cache_limit	= 16M
query_cache_size        = 64M
#
# * Logging and Replication
#
# Both location gets rotated by the cronjob.
# Be aware that this log type is a performance killer.
# As of 5.1 you can enable the log at runtime!
#general_log_file        = /var/log/mysql/mysql.log
#general_log             = 1
#
# Error logging goes to syslog due to /etc/mysql/conf.d/mysqld_safe_syslog.cnf.
#
# Here you can see queries with especially long duration
log_slow_queries	= /var/log/mysql/mysql-slow.log
long_query_time = 0
slow_query_log = 1
#log-queries-not-using-indexes
#
# The following can be used as easy to replay backup logs or for replication.
# note: if you are setting up a replication slave, see README.Debian about
#       other settings you may need to change.
#server-id		= 1
#log_bin			= /var/log/mysql/mysql-bin.log
expire_logs_days	= 10
max_binlog_size         = 100M
#binlog_do_db		= include_database_name
#binlog_ignore_db	= include_database_name
#
# * InnoDB
#
# InnoDB is enabled by default with a 10MB datafile in /var/lib/mysql/.
# Read the manual for more InnoDB related options. There are many!
#
# * Security Features
#
# Read the manual, too, if you want chroot!
# chroot = /var/lib/mysql/
#
# For generating SSL certificates I recommend the OpenSSL GUI "tinyca".
#
# ssl-ca=/etc/mysql/cacert.pem
# ssl-cert=/etc/mysql/server-cert.pem
# ssl-key=/etc/mysql/server-key.pem
 
 
innodb_buffer_pool_size = 256M
innodb_additional_mem_pool_size = 16M
innodb_log_file_size = 128M
innodb_log_buffer_size = 8M
innodb_flush_log_at_trx_commit = 2
innodb_thread_concurrency = 8
innodb_flush_method = O_DIRECT
 
innodb_checksums = 0
innodb_file_format_check = 0
innodb_stats_on_metadata=0
 
[mysqldump]
quick
quote-names
max_allowed_packet	= 16M
 
[mysql]
#no-auto-rehash	# faster start of mysql but no tab completition
 
[isamchk]
key_buffer		= 16M
 
#
# * IMPORTANT: Additional settings that can override those from this file!
#   The files must end with '.cnf', otherwise they'll be ignored.
#
!includedir /etc/mysql/conf.d/
 

@темы: MySQL

---

use strict within ExtJS 4.1

I've created mixin to dynamically add 'use strict' literal to the start of functions in classes.
First, we need to create cache of keys which contains in second parameter of Ext.define:

(function () {
    var old = Ext4.define,
        del = [
            'extend', 'mixins', 'statics', 'strictMethods',
            'constructor', 'init', 'notStrictMethods', 'initComponent'
        ],
        res;
    // save keys in cache and delete potentially unsafe keys 
    window.StrictCache = {};
    Ext4.define = function (name, data) {
        res = Ext4.Object.getKeys(data);
        if (data.statics) {
            if (Ext4.isArray(data.statics.notStrictMethods)) {
                del = Ext4.Array.merge(del, data.statics.notStrictMethods);
            }
            res = Ext4.Array.merge(res, Ext4.Object.getKeys(data.statics));
        }
        res = Ext4.Array.unique(res);
        if (Ext4.isArray(data.notStrictMethods)) {
            del = Ext4.Array.merge(del, data.notStrictMethods);
        }
        Ext4.each(del, function (toDelete) {
            Ext4.Array.remove(res, toDelete);
        });
        StrictCache[name] = res;
        return old.apply(this, arguments);
    };
})();

Next, we must to write mixin:

/**
 * @class Lib.StrictMixin
 * Mixin class for 'use strict' 
 * @author guyfawkes
 * @docauthor guyfawkes
 */
Ext4.define('Lib.StrictMixin', {
    onClassMixedIn : function (mixedClass) {
        var fn;
        // mixedClass can be both class prototype or constructor (in this case we need to get function from its prototype)
        // please note we don't break loop when strictMethods were found: it must be both in 'statics' and non-static of ExtJS 4's class
        Ext4.each([mixedClass, mixedClass.prototype], function (obj, index) {
            fn = function(method) {
                if (Ext4.isFunction(obj[method])) {
                    console && console.info(
                        Ext4.String.format(
                            '{0} found in {1} of {2}',
                            method, (index ? 'constructor prototype' : 'prototype'), obj.$className
                        )
                    );
                    obj[method] = new Function("'use strict';nreturn " + obj[method].toString())();
                }
            };
            // if we need to loop over all methods, get keys from cache (or we'll get functions from parent classes and got an error
            if (Ext4.isString(obj.strictMethods) && (obj.strictMethods === 'ALL') && Ext4.isString(obj.$className)) {
                Ext4.each(StrictCache[obj.$className], fn);
            }
            else {
                // if strictMethods is an array, loop over it
                if (Ext4.isArray(obj.strictMethods)) {
                    Ext4.each(obj.strictMethods, fn);
                }
            }
        });
    }
});

@темы: ExtJS 4, JavaScript, use strict

---

ExtJS add custom text to the fieldset label

var x = Ext.getCmp('ext-comp-1404').el;
x.first().createChild({tag: 'span', html: ' (test message)'});

@темы: JavaScript, ExtJS