alex-arriaga

alex-arriaga October 6, 2015

Adaptive UI with Material Design and Paper Elements (The Polymer Summit 2015)

CSS3, HTML5, Polymer, Web Development No Reply

If you are a fan of web design, UI patterns, material design, and all those great concepts and practices then this conference is for you 🙂 enjoy!

alex-arriaga October 6, 2015

CakePHP is losing search parameters when using pagination SOLVED

CakePHP, PHP, Web Development 4 Replies

The problem

Imagine we have a custom form to search for purchases done between two dates; so we have a simple action in a controller that takes the start and end date and create a set of conditions for the paginate() method, but… for some reason once we click on next page we are loosing the conditions to make the search.

The solution

A simple solution for saving the search parameters is just to store them in a session variable; following next algorithm:

	// START: We check if the conditions for search already exist
	$this->conditions = array();
	if($this->Session->check('conditions')){
        $this->conditions = $this->Session->read('conditions');
	}
	// END: Check

    // Normal POST request  
	if ($this->request->is('post')) {
		$data = $this->request->data;

		// We get the search parameters
		$fromDate = $data['Purchase']['FromDate'];
		$toDate = $data['Purchase']['ToDate'];

        // We create our conditions (this syntax can be improved)
		$conditions = "Purchase.date_delivered >= " 
                        . "'" . $fromDate . "'" 
                        . " AND Purchase.date_delivered <= " . "'" . $toDate . "'";

        // Passing conditions to a property
		$this->conditions = array ($conditions);


        // START: Saving conditions in a session variable
		$this->Session->write('conditions',$this->conditions);
		// END: Saving
		
        // Doing the normal pagination stuff
        $this->paginate['conditions'] = $this->conditions;
        $purchases = $this->paginate();
        $this->set('purchases',$purchases);

	else { // Pagination request (GET)
		$this->Purchase->recursive = 0;
		$this->paginate['conditions'] = $this->conditions; // We use the conditions stored previously
		// Doing the normal pagination stuff
        $purchases = $this->paginate();
        $this->set('purchases',$purchases);
	}

// START: We check if the conditions for search already exist

$this->conditions = array();

if($this->Session->check('conditions')){

$this->conditions = $this->Session->read('conditions');

}

// END: Check

// Normal POST request

if ($this->request->is('post')) {

$data = $this->request->data;

// We get the search parameters

$fromDate = $data['Purchase']['FromDate'];

$toDate = $data['Purchase']['ToDate'];

// We create our conditions (this syntax can be improved)

$conditions = "Purchase.date_delivered >= "

. "'" . $fromDate . "'"

. " AND Purchase.date_delivered <= " . "'" . $toDate . "'";

// Passing conditions to a property

$this->conditions = array ($conditions);

// START: Saving conditions in a session variable

$this->Session->write('conditions',$this->conditions);

// END: Saving

// Doing the normal pagination stuff

$this->paginate['conditions'] = $this->conditions;

$purchases = $this->paginate();

$this->set('purchases',$purchases);

else { // Pagination request (GET)

$this->Purchase->recursive = 0;

$this->paginate['conditions'] = $this->conditions; // We use the conditions stored previously

// Doing the normal pagination stuff

$purchases = $this->paginate();

$this->set('purchases',$purchases);

}

And that’s it! Now you have your search parameters working with pagination.

Enjoy!

alex-arriaga October 5, 2015

Thinking in Polymer (The Polymer Summit 2015)

CSS3, HTML5, Polymer, Web Development No Reply

Web Components, Shadow DOM? DOM Framework? Ok, no so fast, have you listened what is coming in the way we create web portals? No yet; then listen this excellent talk and I promise, you will learn a lot of great things! The future is here and now!

alex-arriaga September 28, 2015

How to get the keyboard key value with jQuery and run a custom action

JavaScript, jQuery, Web Development No Reply

This is probably the simplest way to capture the key that the user pressed and execute an action (in this case just a simple console.info).

(function() {

    function customAction() {
        console.info("You have pressed an 'a' in your keyboard");
    }

    $(window).on('keypress', function(event) {
        console.log(event.keyCode);

        // keyCode te da el código de la tecla que presiones
        if (event.keyCode === 97) { // The 'a' key was activated
            customAction();
        }
    });

})(jQuery);

(function() {

function customAction() {

console.info("You have pressed an 'a' in your keyboard");

}

$(window).on('keypress', function(event) {

console.log(event.keyCode);

// keyCode te da el código de la tecla que presiones

if (event.keyCode === 97) { // The 'a' key was activated

customAction();

}

});

})(jQuery);

That’s it, enjoy it!

alex-arriaga September 28, 2015

How to use Plugin Equals in IBM WCM 8 and 8.5

Enterprise Development, IBM Web Content Manager 2 Replies

The challenge

Let’s imagine you are in a menu component in WCM, and you want to validate if some pieces of content has a very specific value in their Keywords property; in case they have it we would like to add a featured CSS class to the rendered HTML.

The solution

Following is an example about how to use the plugin Equals in IBM WCM 8 and 8.5:

<li class="item [Plugin:Equals text1='[Property field="keywords"]' text2='featured']featured[/Plugin:Equals]">
	<h3>[Property context="autofill" type="content" field="title"]</h3>
	
	[Plugin:ifNotEmpty value="[Element context='autofill' type='content' key='thumbnail' rendition='auto']"]
		<div class="item__thumbnail">
			[Element context="autofill" type="content" key="thumbnail" rendition="auto"]
		</div>
	[/Plugin:ifNotEmpty]
</li>

<h3>[Property context="autofill" type="content" field="title"]</h3>

[Plugin:ifNotEmpty value="[Element context='autofill' type='content' key='thumbnail' rendition='auto']"]

[Element context="autofill" type="content" key="thumbnail" rendition="auto"]

</div>

[/Plugin:ifNotEmpty]

</li>

Explanation

The plugin Equals requires two parameters: text1 and text2. In this example, we have text1=”[Property field=”keywords”]” and value2=”featured”.
When WCM renders this HTML with meta-tags will compare text1 and text2 in orden to see if both are equals, in case of true, the CSS class featured will be added.

I hope you find useful this information and you use in your next WCM implementation, and remember, be happy with your code!

alex-arriaga August 3, 2015

Getting the file names of a multiple input form field with jQuery

JavaScript, jQuery, Web Development No Reply

An easy way to get the file names of an input form field:

 (function($) {
     var files = $('#myInputFile')[0].files,
         items = [];

     for (var i = 0; i < files.length; i++) {
         items.push(files[i].name);
     }

     // Getting file names in JSON array format
     JSON.stringify(items);
 })(jQuery);

(function($) {

var files = $('#myInputFile')[0].files,

items = [];

for (var i = 0; i < files.length; i++) {

items.push(files[i].name);

}

// Getting file names in JSON array format

JSON.stringify(items);

})(jQuery);

alex-arriaga May 15, 2015

SSL certificate problem: unable to get local issuer certificate SOLVED

GNU/Linux, Mac OSX, Operating Systems, PHP, Web Development No Reply

The issue

Today I was trying to consume an external video API for streaming a set of videos; so I got the code for the PHP source, create all my configuration but when I tried to get the actual data from the external server via cURL; I was obtaining nothing; so, in order to get the error’s message, this is what I did:

var_dump(curl_error($ch));

1	var_dump(curl_error($ch));

Which basically gets the error after the connection. The message was the following one:

SSL certificate problem: unable to get local issuer certificate

The solution

1) Download the certificate from http://curl.haxx.se/ca/cacert.pem

2) Create a folder under your home:

mkdir /Users/alex/ssl

1	mkdir /Users/alex/ssl

3) Copy or move the file with the certificate you just downloaded:

mv /Users/alex/Downloads/cacert.pem /Users/alex/ssl

1	mv /Users/alex/Downloads/cacert.pem /Users/alex/ssl

4) Open your php.ini and look for this directive curl.cainfo (the path should vary, depending on your system or meta-package you are using: WAMP, XAMPP, AMPPS have different paths).

[curl]
; A default value for the CURLOPT_CAINFO option. This is required to be an
; absolute path.
curl.cainfo =

[curl]

; A default value for the CURLOPT_CAINFO option. This is required to be an

; absolute path.

curl.cainfo =

5) Type there you path to the certificate; for example in my case, this was the configuration I did:

curl.cainfo = /Users/alex/ssl/cacert.pem

1	curl.cainfo = /Users/alex/ssl/cacert.pem

6) Restart your Apache.

7) Enjoy!

alex-arriaga May 15, 2015

Avoid “this project has more than 30 000 files…” error in Brackets editor

Web Development No Reply

This is really quick post for all of you using Brackets editor;

The issue

Sometimes when we use Node.js packages or Bower components in development mode, we have a huge number of files in our workspace and if we open our root folder in Brackets, it is almost sure Brackets will be not able to load all the files, because in order to keep memory, Brackets disables some functionality on projects that contain over 30,000 files. This restriction is applied for most features that search across multiple files, such as Find/Replace in Files, Quick Edit (inline editors), and Quick Open.

If you want to know a complete explanation about this restriction, please open this link: https://github.com/adobe/brackets/wiki/Large-Projects

The solution

A good plugin to avoid the “this project has more than 30 000 files…” error is Exclude Folders: https://github.com/gruehle/exclude-folders

By default, this plugin will ignore node_modules folder, but you can customize the folders you want to exclude from Brackets.

That’s it for today, see you in the next post. Be happy with your editor!

alex-arriaga April 10, 2015

Solving Drupal error: PDOException: SQLSTATE[HY000]: General error: 2006 MySQL server has gone away

Databases, Drupal, GNU/Linux, Mac OSX, MySQL, Operating Systems, PHP, Web Development, Windows No Reply

The problem

After downloading a Drupal project I am working on, and importing its database I got this kind of message related with a PDO Exception:

Additional uncaught exception thrown while handling exception.

PDOException: SQLSTATE[HY000]: General error: 2006 MySQL server has gone away: SELECT s.lid, t.translation, s.version FROM {locales_source} s LEFT JOIN {locales_target} t ON s.lid = t.lid AND t.language = :language WHERE s.source = :source AND s.context = :context AND s.textgroup = 'default'; Array ( [:language] => es [:source] => Configure how content input by users is filtered, including allowed HTML tags. Also allows enabling of module-provided filters. [:context] => ) in locale() (line 720 of /Applications/AMPPS/www/sites/drupal/modules/locale/locale.module).

Solution

This is an issue related with the MySQL configuration, for solving it,

1) Go to your MySQL configuration file: my.cnf. In my case that file is in /Applications/AMPPS/conf (I use AMPPS on OS X Yosemite).

2) Look for max_allowed_packet parameter and increase it as in this example (you will usually find this parameter twice in my.cnf file).

// My default value
max_allowed_packet = 1M

// The new value
max_allowed_packet = 256M

// My default value

max_allowed_packet = 1M

// The new value

max_allowed_packet = 256M

3) Restart your MySQL server.

I hope you find this post useful, see you next time!

What would you like to know about?

Alex Arriaga

All posts by
alex-arriaga

Adaptive UI with Material Design and Paper Elements (The Polymer Summit 2015)

CakePHP is losing search parameters when using pagination SOLVED

The problem

The solution

Thinking in Polymer (The Polymer Summit 2015)

How to get the keyboard key value with jQuery and run a custom action

How to use Plugin Equals in IBM WCM 8 and 8.5

The challenge

The solution

Explanation

Getting the file names of a multiple input form field with jQuery

SSL certificate problem: unable to get local issuer certificate SOLVED

The issue

The solution

Avoid “this project has more than 30 000 files…” error in Brackets editor

The issue

The solution

Solving Drupal error: PDOException: SQLSTATE[HY000]: General error: 2006 MySQL server has gone away

The problem

Solution

Join me, have fun and learn!

Recent Posts

Recent Comments

Join me, have fun and learn!

Recent Posts

Day quote…

Recent Comments

Categories

Archives

Join me, have fun and learn!

Recent Posts

Archives

Recent Comments

Categories

What would you like to know about?

All posts by alex-arriaga

The problem

The solution

The challenge

The solution

Explanation

The issue

The solution

The issue

The solution

The problem

Solution

Join me, have fun and learn!

Tag Cloud

Recent Posts

Recent Comments

Join me, have fun and learn!

Recent Posts

Day quote…

Recent Comments

Categories

Tag Cloud

Archives

Join me, have fun and learn!

Recent Posts

Archives

Tag Cloud

Recent Comments

Categories

All posts by
alex-arriaga