Daredevil photographers brave boiling waters to capture the drama of searing-hot lava

Такая-то красота!

---

CLI-like table in JavaScript and ExtJS

        /**
         * Returns ASCII-table in CLI-like style
         * @param {Array} data array of rows like key=>value
         * @param {Object} headers hash of table's headers like key=>title
         * @return {String}
         */
        cliTable = function (data, headers) {
            var cellLengths = {},
                result,
                cell,
                cellLength,
                bar = '+',
                header = '|',
                padRight = function (value, maxLen, character) {
                    if (!Ext4.isString(value)) {
                        value = value.toString();
                    }
                    while (value.length < maxLen) {
                        value += character;
                    }
                    return value;
                };
            Ext4.each(data, function (row) {
                Ext4.Object.each(headers, function (key) {
                    cellLength = row[key].toString().length;
                    if (!cellLengths[key] || (cellLengths[key] < cellLength)) {
                        cellLengths[key] = cellLength;
                    }
                });
            });
            Ext4.Object.each(headers, function (key, value) {
                cellLength = cellLengths[key];
                bar += Ext4.String.repeat('-', cellLength + 2) + '+';
                if (value.length > cellLength) {
                    value = value.substr(0, cellLength);
                }
                header += ' ' + padRight(value, cellLength, ' ') + ' |';
            });
            result = bar + 'n' + header + 'n' + bar + 'n';
            Ext4.each(data, function (row) {
                result += '|';
                Ext4.Object.each(row, function (key, value) {
                    result += ' ' + padRight(value, cellLengths[key], ' ') + ' |';
                });
                result += 'n';
            });
            result += bar;
            return result;
        }

@темы: ExtJS 4, JavaScript

---

MySQL settings for big dumps

innodb_buffer_pool_size = 2048M
innodb_additional_mem_pool_size = 64M
innodb_flush_log_at_trx_commit = 0
innodb_thread_concurrency = 8
innodb_flush_method = O_DIRECT
innodb_checksums = 0
innodb_file_format_check = 0
innodb_stats_on_metadata=0

@темы: MySQL

---

ExtJS Date format for russian

Ext.Date.patterns = {
    ISO8601Long:"d.m.Y H:i:s",
    ISO8601Short:"d.m.Y",
    ShortDate: "D, M j/n/Y",
    LongDate: "l, F d, Y",
    FullDateTime: "l, F d, Y G:i:s",
    MonthDay: "F d",
    ShortTime: "G:i",
    LongTime: "G:i:s",
    SortableDateTime: "Y-m-dTH:i:s",
    UniversalSortableDateTime: "Y-m-d H:i:sO",
    YearMonth: "F, Y"
};
 
Ext.DP = Ext.Date.patterns;
 
var dt = new Date(2012, 9, 14, 17, 38, 42);
Ext.Object.each(Ext.DP, function(k, v) {
    console.log(k + ' -> ' + Ext.Date.format(dt, v));
});

@темы: ExtJS 4

---

JavaScript clasterise data

var s1 = Math.round(Math.random() * 10), 
    s2 = 10 + Math.round(Math.random() * 10), 
    n = Math.round(Math.random() * 5) + 2, 
    i, clusters = {}, center, d = (s2 - s1) / n;
 
console.log('Clustering from ' + s1 + ' to ' + s2 + ' by ' + n + ' clusters');
for (i = s1; i < s2; i++) {
    center = 'cluster_' + (s1 + Math.floor( (i - s1) / (s2 - s1)  * n  ) * d).toString();
    clusters[center] = (clusters[center] || []).concat(i);
    console.log( center + ' <- ' + i );
}
 
console.log(clusters)

@темы: JavaScript

---

Find first level directories under the current directory exclude multiple directories

find . -maxdepth 1 \( -name extjs -o -name .svn \) -prune -o -type d -print

@темы: *nix

---

HTMLInputElement set Array as value

var input = document.createElement('input');
input.type = "text";
document.getElementById('answer-5258595').appendChild(input);
var a = ['1', 2222, {x:3}, [4,6,7], ['lol', 'hui']];
 
for (var i = 0, len = a.length; i < len; i++) {
    var fn = function(index) {
        input.value = a[index];
    };
    fn = fn.bind(window, i);
    setTimeout(fn, 100 + i * 5000);
}

As you can see, objects convert into '[object Object]', and arrays convert into string which consists of their elements joined by ',' (without space).

@темы: JavaScript

---

Injecting Traits into Javascript Objects

На блоге Ed Spencer в посте о его взглядах на микшины в старых версиях ExtJS дана ссылка на блог другого программиста и его статью Injecting Traits into Javasсript Objects. Спасаю ее здесь:



Duplication is the mother of all evil in programming. Remaining DRY at all costs should be your goal at all times. A pattern repeats itself one time and your code complexity goes up exponentially.

One great way to DRY up your code is via Traits. Traits are functional equivalent of base classes where you can collect most often used functions and inject these Traits into your objects. Here’s one simple way to do it in Javasсript (using extjs here):

MyTrait = {
   xhr: function(config) { return Ext.Ajax.request(config) },
   submit: function(basic_form,config) {
                //perform some checks on config 
               // and call basic_form.submit 
   },
   //...add more utility functions
}
function MyGrid(config) {MyGrid.superclass.constructor.call(this,config)}
Ext.extend(MyGrid, Ext.grid.GridPanel, MyTrait);

@темы: ExtJS

---

PHP network interface bind

For example, you can use it for SOAPClient: stackoverflow.com/questions/3444359/is-it-possi...
Or for common purposes: ilia.ws/archives/51-PHP-bind-support-via-stream...

<?php
 
$conn = stream_context_create(array('socket'=>array('bindto' => "1.2.3.4:0")));
file_get_contents("url";, NULL, $conn);
 
?>

@темы: SOAPClient, PHP

---

Late Static Binding PHP

<pre>
<?php
 
class S {
 
        protected $_data = array();
 
        public function __construct($separator) {
                $name = get_class($this);
                for ($i = 1; $i < 3; $i++) {
                        for ($j = 1; $j < 3; $j++) {
                                $this->_data[$i][$j] = sprintf('Property %d%s%d of %s', $i, $separator, $j, $name);
                        }
                }       
        }
 
        public function get($id, $pid) {
                return isset($this->_data[$id][$pid]) ? $this->_data[$id][$pid] : null; 
        }
}
 
class S1 extends S {
}
 
class S2 extends S {
}
 
abstract class A {
 
        abstract protected function i();
 
        public static function getById($id, $property_id) {
                if ($id <= 0 || $property_id <= 0) {
                    throw new Exception('Неверные данные');
                }
                return static::i()->get($id, $property_id);
        }
}
 
class B extends A {
 
        private static $instance;
 
        protected function i() {
                if (!self::$instance) {
                        $len = rand(1, 20);
                        self::$instance = new S1(str_repeat('-', $len));
                }
                return self::$instance;
        }       
 
}
 
class C extends A {
 
        protected function i() {
                $len = rand(1, 20);
                return new S2(str_repeat('*', $len)); 
        }       
 
}
for ($i = 0; $i < 5; $i++) {
?>
<div style="border:1px #ccc dashed;"><?php var_dump(B::getById(rand(1,2), rand(1,2))); var_dump(C::getById(rand(1,2), rand(1,2)));?> </div>
<?php
}

If there will be "return self::i()->get($id, $property_id);", you will get

Fatal error: Cannot call abstract method A::i() in /var/web/tests/lsb_2.php on line 37
 
Call Stack:
    0.0003     350596   1. {main}() /var/web/tests/lsb_2.php:0
    0.0003     350728   2. A::getById() /var/web/tests/lsb_2.php:65
 

@темы: PHP

---

ExtJS 4.1 Form fiels tooltips / Добавление подсказок для полей формы в ExtJS 4

I modified "absform.js" example from ExtJS 4.1 distributive demos to show you how to use Ext.tip.ToolTip delegates. First, I found within Firebug that form fields have class ".x-form-item" (sure, you must to use Ext.baseCSSPrefix). Than, you can get id from HTMLElement and get ExtJS Component by id. Here there is the code.

Я модифицировал демку "absform.js" из поставки экста, чтобы показать вам возможности делегирования у компоненты тултипа. Для начала с помощью файрбага я увидел, что элементы формы (поля) имеют класс .x-form-item (конечно, правильнее вместо .x- использовать baseCSSPrefix). Из tip.triggerElement, который является экземпляром или подклассом HTMLElement, можно взять айдишник и затем с помощью getCmp получить полноценную компоненту экста.

Ext.require([
    'Ext.data.*',
    'Ext.form.*',
    'Ext.layout.container.Absolute',
    'Ext.window.Window',
    'Ext.tip.*'
    ]);
 
var tip, states = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],
    data: [
        {
        "abbr": "AL",
        "name": "Alabama"
    },
        {
        "abbr": "AK",
        "name": "Alaska"
    },
        {
        "abbr": "AZ",
        "name": "Arizona"
    }
    ]
});
 
Ext.onReady(function () {
    var form = Ext.create('Ext.form.Panel', {
        layout: 'absolute',
        url: 'save-form.php',
        defaultType: 'textfield',
        border: false,
 
        items: [{
            fieldLabel: 'Send To',
            fieldWidth: 60,
            msgTarget: 'side',
            allowBlank: false,
            x: 5,
            y: 5,
            name: 'to',
            anchor: '-5' // anchor width by percentage
        }, {
            fieldLabel: 'Subject',
            fieldWidth: 60,
            x: 5,
            y: 35,
            name: 'subject',
            anchor: '-5' // anchor width by percentage
        }, {
            x: 5,
            y: 65,
            name: 'msg',
            value: 'test',
            xtype: 'textarea',
            anchor: '-5' // anchor width and height
        }, {
            boxLabel: 'Some checkbox',
            xtype: 'checkbox',
            name: 'my',
            x: 5,
            y: 155
        }, {
            x: 5,
            y: 175,
            xtype: 'combobox',
            fieldLabel: 'Choose State',
            store: states,
            queryMode: 'local',
            displayField: 'name',
            valueField: 'abbr',
            value: 'AZ',
            anchor: '-5'
        }],
        listeners: {
            render: function (f) {
                tip = Ext.create('Ext.tip.ToolTip', {
                    target: f.el,
                    delegate: '.x-form-item',
                    trackMouse: true,
                    renderTo: Ext.getBody(),
                    listeners: {
                        beforeshow: function (tip) {
                            var comp = Ext.getCmp(tip.triggerElement.id),
                                v, str, label;
                            if (comp) {
                                v = comp.getValue();
                                if (!Ext.isEmpty(v)) {
                                    if (Ext.isBoolean(v)) {
                                        str = "Checkbox (or smth boolean) {0} value = {1}";
                                        label = 'box';
                                    } else {
                                        str = "Textfield (or textarea, combo, etc.) {0} value = {1}";
                                        label = 'field';
                                    }
                                    label = comp[label + 'Label'] || "noname";
                                    tip.update(Ext.String.format(str, label, v));
                                    return true;
                                }
                            }
                            tip.clearTimers();
                            return false;
                        }
 
                    }
                });
            }
        }
    });
 
    var win = Ext.create('Ext.window.Window', {
        title: 'Resize Me',
        width: 500,
        height: 300,
        minWidth: 400,
        minHeight: 200,
        layout: 'fit',
        plain: true,
        items: form,
 
        buttons: [{
            text: 'Send'
        }, {
            text: 'Cancel'
        }]
    });
 
    win.show();
});

@темы: ExtJS 4

---

"Always on top" Window in ExtJS 4

Нашли отличную компоненту.

www.eirik.net/Ext/ux/util/AlwaysOnTop.html

пост на форуме сенчи

@темы: ExtJS 4

---

Изменение отображения нодов в TreePanel в ExtJS 4

Встала задача: кастомно отображать элементы дерева, возможно, по некоторому условию. Можно, конечно, повесить обработчик на событие load у TreeStore и рекурсивно обработать каждый узел, после чего сделать ему commit, однако это решение обладает рядом недостатков:

• Тормозит поток UI
• По сути вторично выполняет уже сделанную самим экстом работу по выводу дерева

В ExtJS 3 это делалось обычно оверрайдом метода createNode у TreeLoader, но в четверке он был безжалостно удален, а на смену ему пришли TreeView и TreeColumn. Немного поразмыслив и просмотрев код, я решил менять именно последнюю. Она вначале вызывает оригинальный рендерер, если таковой задан, поэтому нам ничего не мешает задать его. Итак, пишем в initComponent нашего дерева следующее:

    initComponent : function () {
        var me = this,
            root,
            originalRenderer,
        me.callParent(arguments);
        root = me.getRootNode();
        originalRenderer = me.columns[0].renderer;
        me.columns[0].renderer = function (value, metaData, node, rowIdx, colIdx, store, view) {
            var text = node.get('clean_text') || node.get('text'),
                firstRender = !node.get('first_render'),
                count = node.get('user_count'),
                countText = '(' + count + '',
                ifCountText = '{0}',
                nodeData = node[node.persistenceProperty];
            if (node !== root) {
                value = text + ' ' + (count ? Ext4.String.format(ifCountText, countText) : countText);
                Ext4.apply(nodeData, {
                    iconCls    : 'users',
                    clean_text : text,
                    text       : value
                });
                if (firstRender) {
                    Ext4.apply(nodeData, {
                        expanded     : !closedPath[node.getPath()],
                        first_render : true
                    });
                }
            }
            return originalRenderer.apply(me, arguments);
        }
        return me;
    }

Я пользуюсь "песочницей", поскольку в проекте совместно живут четвертый и второй экст. В своей задаче вместо Ext4 вы будете, конечно же, пользоваться просто Ext. Работа непосредственно с внутренней структорой нода нужно потому, что каждый set вызывает рендер, в результате чего после долгого ожидания скрипт отваливается по рекурсии. Также, если встает задача сразу развернуть все дерево (у меня реализован прелоад всех узлов), нужно установить expanded в true только в первый раз, т.к. сворачивание/разворачивание - изменением модели и, соответственно, новый вызов рендеринга, для чего и сделаны пляски с добавлением флажка в модель нода.

@темы: ExtJS 4

---

setlocale и буквы "Ф", "Ц", "Ы" в stristr, preg_match

Ебались с локалью под Fedora 16 - не срабатывал поиск без учета регистра (данные в базе лежат в CP1251), беглое гугление дало подсказку использовать setlocale. Однако она упорно не хотела ставиться, после чего был найден способ создать нужную локаль:

sudo localedef -f CP1251 -i ru_RU ru_RU.cp1251

Затем делаем

setlocale(LC_ALL, 'ru_RU.cp1251');

И все в шоколаде!

@темы: PHP

---

Исправил StringFilter (не показывал иконку с биноклем) в FiltersFeature для ExtJS 4

Решение выложил здесь: www.sencha.com/forum/showthread.php?189422-ExtJ...
Прошу прощения за свой английский.

@темы: ExtJS 4

---

FiltersFeature в ExtJS 4 - баг с появлением пункта меню фильтров

Сам подошел к фиксу, и одновременно нашел решение вот тут: www.sencha.com/forum/showthread.php?146797-Grid...

Обращаю внимание, что обращаться к элементам как к .x-menu-body не вполне корректно. Используйте Ext.baseCSSPrefix

@темы: ExtJS 4

---

Закрытая запись, не предназначенная для публичного просмотра

---

Изменение AUTO_INCREMENT колонки в MySQL на DEFAULT NULL

mysql> show create table test;
+-----------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
| Table     | Create Table                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+-----------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
| test | CREATE TABLE `test` (
  `id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT 'hahaha',
  `name` varchar(255) NOT NULL COMMENT 'Название',
  PRIMARY KEY (`id`),
  UNIQUE KEY `uk_name` (`name`)
) ENGINE=InnoDB DEFAULT CHARSET=cp1251                                                                                                       |
+-----------+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
1 row in set (0.00 sec)
 
mysql> alter table test change column id id int default null;
Query OK, 0 rows affected (0.35 sec)
Records: 0  Duplicates: 0  Warnings: 0
 
mysql> show create table test;
+-----------+--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
| Table     | Create Table                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+-----------+--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+
| test | CREATE TABLE `test` (
  `id` int(11) NOT NULL DEFAULT '0',
  `name` varchar(255) NOT NULL COMMENT 'Название',
  PRIMARY KEY (`id1c`),
  UNIQUE KEY `uk__name` (`name`)
) ENGINE=InnoDB DEFAULT CHARSET=cp1251                                                                                                       |
+-----------+--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------+

Таким образом, нужно вначале менять PK.

@темы: MySQL

---

Увеличение производительности запросов из INFORMATION_SCHEMA

Крайне быстро они делаются, если отключить опцию innodb_stats_on_metadata

Выдержка из официальной документации:

Version Introduced	5.1.17
Command-Line Format	--innodb_stats_on_metadata
Option-File Format	innodb_stats_on_metadata
Option Sets Variable	Yes, innodb_stats_on_metadata
Variable Name	innodb_stats_on_metadata
Variable Scope	Global
Dynamic Variable	Yes
	Permitted Values
	Type	boolean
	Default	ON

When this variable is enabled (which is the default, as before
the variable was created), InnoDB updates
statistics during metadata statements such as
SHOW TABLE STATUS or
SHOW INDEX, or when accessing
the INFORMATION_SCHEMA tables
TABLES or
STATISTICS. (These updates are
similar to what happens for ANALYZE
TABLE.) When disabled, InnoDB
does not updates statistics during these operations. Disabling
this variable can improve access speed for schemas that have a
large number of tables or indexes. It can also improve the
stability of execution plans for queries that involve
InnoDB tables.

This variable was added in MySQL 5.1.17.

@темы: MySQL, INFORMATION_SCHEMA

---

Паттерн Цепочка ответственности (Chain-of-responsibility pattern)

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



Создадим абстрактный класс некого контроллера:

abstract class Controller {
 
        protected $_data = array();
        protected $_chain = null;
 
        public function __construct(array $data = array()) {
                $this->_data = $data;
        }
 
        public function setChain(Handler $chain) {
                $this->_chain = $chain;
        }
 
        public function getChain() {
                return $this->_chain;
        }
 
        abstract public function runStrategy();
 
}

Теперь добавим набор унаследованных от него классов, реализующих разную интересную логику:

class D extends Controller {
 
        public function runStrategy() {
                echo 'I am just D!<br />';
                printf('My data is: %s', print_r($this->_data, true));
        }
 
}
 
class CA extends Controller {
 
        public function runStrategy() {
                echo '<table border="1">';
                foreach ($this->_data as $item) {
                        echo "<tr><td>{$item}</td></tr>";
                }
                echo '</table>';
        }
 
}
 
class CB extends Controller {
 
        public function runStrategy() {
                foreach ($this->_data as $item) {
                        echo "{$item}<br />";
                }
        }
 
}
 
class CC extends Controller {
 
        public function runStrategy() {
                foreach ($this->_data as $item) {
                        echo "----{$item}<br />";
                }
        }
 
}

Напишем непосредственно реализацию цепочки:

class Handler
{
    protected $_next = null;
    protected $_controller;
 
    public function getLimit()
    {
        return $this->limit;
    }
 
 
    public function __construct(Handler $handler = null)
    {   
        $this->setNext($handler);
    }
 
    public function setNext(Handler $handler = null) {
        $this->_next = $handler;
    }
 
    public function getNext() {
        return $this->_next;
    }
 
    public function getController() {
        return $this->_controller;
    }
 
    public function setController(Controller $controller) {
        $this->_controller = $controller;
    }
 
    public function handleRequest($state = 0)
    {
        if ($state === 0)
        {echo 'START FK<BR />';}
        $this->_controller->runStrategy();
        $state++;
        if ($this->_next) {
                $this->_next->handleRequest($state);
        }
        if ($state === 1) {echo 'STOP FK<BR />';}
    }
}

В коде метода handleRequest показано, как можно реализовать выполнение каких-либо действие (у меня схематичное отключение и включение внешних ключей) до и после вызова всех методов.
Теперь создадим класс-контроллер, который внутри себя изменит цепочку:

class C extends Controller {
 
        public function runStrategy() {
                $cs = array();
                for ($i = 0; $i < 2; $i++) {
                        $c1 = new CA(array('word1'.$i, 'word2'.$i, 'word3'.$i, 'word4'.$i));
                        $c2 = new CB(array('Russia'.$i, 'USA'.$i, 'China'.$i, 'France'.$i));
                        $c3 = new CC(array('hi'.$i, 'bye'.$i, '9000'.$i, '!-^-!'.$i));
                        $cs['s'][] = $c1;
                        $cs['m'][] = $c2;
                        $cs['f'][] = $c3;
                }
                foreach ($cs as $k => $vs) {
                        foreach ($vs as $v) {
                                $cs['r'][] = $v;
                        }
                }
                $cs = $cs['r'];
                $start = $this->getChain()->getNext();;
 
                foreach ($cs as $c) {
                        $start = new Handler($start);
                        $start->setController($c);
                } 
                $this->getChain()->setNext($start);
                print_r($this->getChain());
        }
 
}

Конечно, print_r нужно убрать. Я оставил его, чтобы вы могли увидеть, какая цепочка получится.
Осталось добавить использование цепочки:

$cMain = new C();
$cAdditional = new D();
$cAdditional2 = new D(array('Second D'));
$start = new Handler();
$start->setController($cAdditional2);
$start = new Handler($start);
$start->setController($cAdditional);
$start = new Handler($start);
$start->setController($cMain);
$start->getController()->setChain($start);
 
echo '<br />';
 
$start->handleRequest();

Полный код (по сути все то же, что тут) можно взять здесь: gist.github.com/1688458

@темы: PHP, Design Patterns