mpSoft

Inserire TinyMCE in un modulo di Prestashop

11 dicembre 2017 di Max Palermo·0 commenti

Condividi con:

Per inserire il compnente tinyMCE in un modulo di Prestashop (v1.6) ci sono due modi diversi:

Utilizzando l’Helper Form di Prestashop:

$fields_form[0]['form'] = array (
            'input' => array (
                array (
                    'type' => 'textarea',
                    'label' => $this->l ( 'Your label:' ),
                    'name' => 'rich_text',
                    'autoload_rte' => true,
                    'required' => true,
                    'lang' => true,
                    'rows' => 10,
                    'cols' => 100,
                    'hint' => $this->l ( 'Invalid characters:' ).' <>;=#{}'
                ),
****
$helper = new HelperForm ();
****
$helper->generateForm ($fields_form);

$fields_form[0]['form'] = array (

'input' => array (

array (

'type' => 'textarea',

'label' => $this->l ( 'Your label:' ),

'name' => 'rich_text',

'autoload_rte' => true,

'required' => true,

'lang' => true,

'rows' => 10,

'cols' => 100,

'hint' => $this->l ( 'Invalid characters:' ).' <>;=#{}'

****

$helper = new HelperForm ();

****

$helper->generateForm ($fields_form);

Utilizzando Un template:

Per prima cosa definiamo il componente nella funzione getContent()

public function getContent()
{

    $iso = $this->context->language->iso_code;
    $this->tpl_vars['iso'] = file_exists(_PS_CORE_DIR_.'/js/tiny_mce/langs/'.$iso.'.js') ? $iso : 'en';
    $this->tpl_vars['path_css'] = _THEME_CSS_DIR_;
    $this->tpl_vars['ad'] = __PS_BASE_URI__.basename(_PS_ADMIN_DIR_);
    $this->tpl_vars['tinymce'] = true;
    $this->context->controller->addJS(_PS_JS_DIR_.'tiny_mce/tiny_mce.js');
    $this->context->controller->addJS(_PS_JS_DIR_.'admin/tinymce.inc.js');
    ...
    ...
    return $this->smarty->fetch('yourtemplate.tpl');
}

public function getContent()

{

$iso = $this->context->language->iso_code;

$this->tpl_vars['iso'] = file_exists(_PS_CORE_DIR_.'/js/tiny_mce/langs/'.$iso.'.js') ? $iso : 'en';

$this->tpl_vars['path_css'] = _THEME_CSS_DIR_;

$this->tpl_vars['ad'] = __PS_BASE_URI__.basename(_PS_ADMIN_DIR_);

$this->tpl_vars['tinymce'] = true;

$this->context->controller->addJS(_PS_JS_DIR_.'tiny_mce/tiny_mce.js');

$this->context->controller->addJS(_PS_JS_DIR_.'admin/tinymce.inc.js');

...

return $this->smarty->fetch('yourtemplate.tpl');

}

Poi creiamo il componente nel template smarty

<script type="text/javascript">
    var iso = '{$iso|escape:'quotes':'UTF-8'}';
    var pathCSS = '{$smarty.const._THEME_CSS_DIR_|escape:'quotes':'UTF-8'}';
    var ad = '{$ad|escape:'quotes':'UTF-8'}';
    $(document).ready(function(){

    //Activate tinyMCE
    tinySetup({
                editor_selector :"autoload_rte",
                relative_urls : false,
                plugins : "colorpicker link image paste pagebreak table contextmenu filemanager table code media autoresize textcolor fullpage",
                extended_valid_elements : "em[class|name|id],html,head"
            });


    });
</script>

<textarea name="content_html" class="rte autoload_rte rte autoload_rte">your text rich</textarea>

var iso = '{$iso|escape:'quotes':'UTF-8'}';

var pathCSS = '{$smarty.const._THEME_CSS_DIR_|escape:'quotes':'UTF-8'}';

var ad = '{$ad|escape:'quotes':'UTF-8'}';

$(document).ready(function(){

//Activate tinyMCE

tinySetup({

editor_selector :"autoload_rte",

relative_urls : false,

plugins : "colorpicker link image paste pagebreak table contextmenu filemanager table code media autoresize textcolor fullpage",

extended_valid_elements : "em[class|name|id],html,head"

});

</script>

Condividi con:

Ubuntu 16.04 abilitare il modulo mod_rewrite su Apache

5 dicembre 2017 di Max Palermo·0 commenti

Condividi con:

Dato per scontato che abbiate già installato un server LAMP su ubuntu, per abilitare la riscrittura dei link su Apache2 bisogna eseguire questi semplici passi:
Da terminale digitare

sudo a2enmod rewrite

1	sudo a2enmod rewrite

per attivare il modulo e poi digitare

sudo service apache2 restart

1	sudo service apache2 restart

per riavviare Apache2.

Apache2 per default proibisce le riscrittura dei link, quindi bisogna modificare il suo file di configurazione per rendere attivo il modulo:
da terminale digitare

sudo nano /etc/apache2/sites-available/000-default.conf

1	sudo nano /etc/apache2/sites-available/000-default.conf

Cerca la stringa e dentro questo blocco inserite

<Directory /var/www/html>
    Options Indexes FollowSymLinks MultiViews
    AllowOverride All
    Require all granted
</Directory>

Options Indexes FollowSymLinks MultiViews

AllowOverride All

Require all granted

</Directory>

Riavviate il servizio Apache e nel file .htaccess del vostro sito potete inserire la direttiva

RewriteEngine on

1	RewriteEngine on

per poter attivare la riscrittura dei link.

Condividi con:

Resettare la password di amministratore in Joomla

26 novembre 2017 di Max Palermo·0 commenti

Condividi con:

Dovete entrare nel pannello di controllo del vostro sito Joomla e avete perso la password? Purtroppo se siete un amministratore, Joomla non permette di recuperare la password. Quindi dovremo usare un metodo alternativo: cambiare la password direttamente nella tabella del database mySQL.

Entrate nel vostro database e cercate la tabella users (di solito Joomla usa un prefisso per le tabelle, quindi potrete trovare la tabella users con un nome diverso del tipo prefisso_users).

Nella tabella individuate il vostro nome utente (username) e sostituite il contenuto del campo password con questo:

433903e0a9d6a712e00251e44d29bf87:UJ0b9J5fufL3FKfCc0TLsYJBh2PFULvT

1	433903e0a9d6a712e00251e44d29bf87:UJ0b9J5fufL3FKfCc0TLsYJBh2PFULvT

Successivamente, entrate nel pannello di controllo di Joomla con il vostro nome utente e la password admin.
Ricordatevi di sostituire la password al primo accesso.

Condividi con:

Inserire un video di YouTube in una pagina HTML

25 novembre 2017 di Max Palermo·0 commenti

Condividi con:

Il codice per inserire un video in un file HTML è il seguente

<iframe 
src="https://www.youtube.com/embed/vd4s7vlNE_Q" 
width="400" 
height="200" 
frameborder="0" 
allowfullscreen="allowfullscreen"></iframe>

<iframe

src="https://www.youtube.com/embed/vd4s7vlNE_Q"

width="400"

height="200"

frameborder="0"

allowfullscreen="allowfullscreen"></iframe>

Si mette in un iFrame il link al video di youtube e si imposta la grandezza dell’iframe con width e height, si elimina il bordo del componente e con l’opzione allowfullscreen, si permette di ingrandire il video a tutto schermo.

Ecco l’esempio:

Condividi con:

Prestashop 1.6, definire la grandezza di un componente nell’helper form

10 novembre 2017 di Max Palermo·0 commenti

Condividi con:

Grazie all’helper form di Prestashop, è possibile definire una form completa dei suoi componenti tramite la costruzione di un’array apposito

$this->fields_form = array(
  'legend' => array(       
    'title' => $this->l('Edit carrier'),       
    'image' => '../img/admin/icon_to_display.gif'   
  ),   
  'input' => array(       
    array(           
      'type' => 'text',
      'name' => 'shipping_method',
     ),
  ),
  'submit' => array(
    'title' => $this->l('Save'),       
    'class' => 'btn btn-default pull-right'   
  )
);

$this->fields_form = array(

'legend' => array(

'title' => $this->l('Edit carrier'),

'image' => '../img/admin/icon_to_display.gif'

'input' => array(

array(

'type' => 'text',

'name' => 'shipping_method',

'submit' => array(

'title' => $this->l('Save'),

'class' => 'btn btn-default pull-right'

)

);

La grandezza della casella di test però è predefinita. Se volessimo cambiare le sue dimensioni dovremmo aggiungere all’array che definisce il componente il parametro

'class' => 'input fixed-width-XX'

1	'class' => 'input fixed-width-XX'

con XX che può assumere i seguenti valori

sm : casella piccola
md: casella media
lg: casella grande
xl: casella molto grande
xxl: estensione massima

$this->fields_form = array(
  'legend' => array(       
    'title' => $this->l('Edit carrier'),       
    'image' => '../img/admin/icon_to_display.gif'   
  ),   
  'input' => array(       
    array(           
      'type' => 'text',
      'name' => 'small_text',
      'class' => 'input fixed-width-sm'
     ),
  ),
  'input' => array(       
    array(           
      'type' => 'text',
      'name' => 'medium_text',
      'class' => 'input fixed-width-md'
     ),
  ),
  'input' => array(       
    array(           
      'type' => 'text',
      'name' => 'bigger_text',
      'class' => 'input fixed-width-xxl'
     ),
  ),
  'submit' => array(
    'title' => $this->l('Save'),       
    'class' => 'btn btn-default pull-right'   
  )
);

$this->fields_form = array(

'legend' => array(

'title' => $this->l('Edit carrier'),

'image' => '../img/admin/icon_to_display.gif'

'input' => array(

array(

'type' => 'text',

'name' => 'small_text',

'class' => 'input fixed-width-sm'

'input' => array(

array(

'type' => 'text',

'name' => 'medium_text',

'class' => 'input fixed-width-md'

'input' => array(

array(

'type' => 'text',

'name' => 'bigger_text',

'class' => 'input fixed-width-xxl'

'submit' => array(

'title' => $this->l('Save'),

'class' => 'btn btn-default pull-right'

)

);

Condividi con:

Ubuntu 16.04, aggiungere un repository via terminale

9 novembre 2017 di Max Palermo·0 commenti

Condividi con:

Per aggiungere un repository su ubuntu, il comando è il seguente

sudo add-apt-repository ppa:repository/percorso

1	sudo add-apt-repository ppa:repository/percorso

e aggiornare l’elenco dei programmi

sudo apt-get update

1	sudo apt-get update

Nell’eventualità che il comando non fosse disponibile, bisogna installare o reinstallare le software-properties-common

apt-get install software-properties-common

1	apt-get install software-properties-common

oppure

apt-get install --reinstall software-properties-common

1	apt-get install --reinstall software-properties-common

Per eliminare un repository

sudo add-apt-repository --remove ppa:repository/percorso

1	sudo add-apt-repository --remove ppa:repository/percorso

Condividi con:

Ubuntu 16.04, migrare la posta IMAP da un server all’altro

7 novembre 2017 di Max Palermo·0 commenti

Condividi con:

Per copiare la propria posta elettronica da un server all’altro sui sistemi Linux, è presente un programma, che lanciato da terminale, riesce a duplicare interamente la struttura della vostra casella di posta da un server all’altro.

Per installare il programma, da terminale digitare

sudo apt-get install imapcopy

1	sudo apt-get install imapcopy

La potenzialità di questo programma sta nel riuscire a copiare le vostre e-mail senza dover digitare il comando da uno dei due server. Il comando funziona da qualsiasi postazione Linux.
Per utilizzare il comando bisogna creare un file chiamato imapcopy.cgf dove inserire i parametri dei due server e l’elenco delle caselle di posta da copiare, quindi conviene crearsi una cartella nella propria home dove gestire questa operazione.
Da terminale digitiamo

mkdir imapcopy
cd imapcopy
nano imapcopy.cfg

mkdir imapcopy

cd imapcopy

nano imapcopy.cfg

e nel file impostiamo i parametri secondo questo schema

SourceServer source.com
SourcePort 143

DestServer dest.com
DestPort 143

#       SourceUser          SourcePassword    DestinationUser      DestinationPassword
Copy    "mail1@source.com"  "sourcepassword"  "mail1@dest.com"     "destpassword"
Copy    "mail2@source.com"  "anotherpassword" "different@dest.com" "YetAnotherPassword"

SourceServer source.com

SourcePort 143

DestServer dest.com

DestPort 143

# SourceUser SourcePassword DestinationUser DestinationPassword

Copy "mail1@source.com" "sourcepassword" "mail1@dest.com" "destpassword"

Copy "mail2@source.com" "anotherpassword" "different@dest.com" "YetAnotherPassword"

I parametri principali sono SourceServer, dove scrivere il dominio i l’IP del server di partenza e DestServer, dove scrivere il dominio o l’IP del server di destinazione, i parametri SourcePort e DestPort indicano la porta d’ascolto per il servizio IMAP, di norma proprio la porta 143.

le righe che iniziano per # sono commenti e vengono ignorati

Infine il comando vero e proprio, Copy, fa in modo che la casella di posta venga copiata sul nuovo server.

Nell’ordine, i parametri da inserire dopo il comando Copy sono

Casella di posta dalla quale leggere i messaggi
La password della casella di posta di origine
Casella di posta sulla quale scrivere i messaggi
La password della casella di posta di destinazione

É buona norma utilizzare gli apici per racchiudere un parametro dall’altro e almeno uno spazio tra un parametro e l’altro.

Come si vede dall’esempio si possono utilizzare più caselle di posta nello stesso file di configurazione, basta che ci sia un comando Copy per riga.

Il comando imapcopy non funziona sui server che utilizzano le porte TTS/SSL quindi dovrete configurare i vostri server in modo che accettino l’ascolto sulla porta 143

Una volta definito il file di configurazione, prima di procedere alla copia si può effettuare un test di verifica sulle email con il comando

imapcopy -t

1	imapcopy -t

oppure per avere informazioni sui server

imapcopy -i

1	imapcopy -i

Se tutto è andato bene, per iniziare la copia vera e propria basta digitare

imapcopy

imapcopy

E attendere la fine delle operazioni.

Condividi con:

Prestashop, usare le chiamate Ajax nei moduli

27 ottobre 2017 di Max Palermo·0 commenti

Condividi con:

Prestashop gestisce le chiamate ajax direttamente nel modulo o nel controller. Basta chiamare la funzione desiderata passando l’argomento ajax nei parametri della chiamata.
Le funzioni ajax in Prestashop iniziano tutte con ajaxProcess e poi il nome della funzione.

public function ajaxProcessMyFunction()
{
    print "Hello world!";
    exit();
}

public function ajaxProcessMyFunction()

{

print "Hello world!";

exit();

}

In questo caso il nome della funzione è MyFunction. É consigliabile usare alla fine della funzione il metodo exit() per evitare di sporcare il risultato della funzione con dati non desiderati.

La chiamata ajax si gestisce tramite Javascript, quindi bisogna passare alcuni parametri fondamentali tramite le variabili smarty.

$url = ContextCore::getContext()->link->getAdminLink('AdminModules');
$token = Tools::getAdminTokenLite('AdminModules');
$module_name = $this->name;

$smarty = ContextCore::getContext()->smarty;
$smarty->assign(
    array(
         'url' => $url,
         'token' => $token,
         'module_name' => $this->name,
    )
);

$url = ContextCore::getContext()->link->getAdminLink('AdminModules');

$token = Tools::getAdminTokenLite('AdminModules');

$module_name = $this->name;

$smarty = ContextCore::getContext()->smarty;

$smarty->assign(

array(

'url' => $url,

'token' => $token,

'module_name' => $this->name,

)

);

$url: Il percorso del modulo da chiamare. Di solito, quando operiamo in BackOffice il link da passare è il percorso alla pagina di amministrazione dei moduli. In questo esempio La chiamata ajax gestisce la pagina di configurazione di un modulo;
$token: è il token di sicurezza per la corretta visualizzazione della pagina;
$module_name: è il nome del modulo da configurare;

Invece, se la chiamata ajax proviene da un controller, i parametri da passare sono diversi:

$controller = $this->name;
$token =Tools::getAdminTokenLite($this->name);

$smarty = ContextCore::getContext()->smarty; 
$smarty->assign( array(
    'token' => , $token
    'controller' => $this->name,
    )
);

$controller = $this->name;

$token =Tools::getAdminTokenLite($this->name);

$smarty = ContextCore::getContext()->smarty;

$smarty->assign( array(

'token' => , $token

'controller' => $this->name,

)

);

La chiamata ajax tramite javascript si imposta in questo modo:

$.ajax({
    type: 'POST',
    dataType: 'json',
    url: '{$url}',
    data:
    {
        ajax: true,
        action: 'MyFunction',
        token: '{$token}'
    }
})
.done(function(response){
    alert(response);
})
.fail(function(response){
    alert('ERROR!!");
});

$.ajax({

type: 'POST',

dataType: 'json',

url: '{$url}',

data:

{

ajax: true,

action: 'MyFunction',

token: '{$token}'

}

})

.done(function(response){

alert(response);

})

.fail(function(response){

alert('ERROR!!");

});

type: ‘POST’ – i parametri saranno passati tramite POST;
dataType: ‘json’ – La chiamata ajax si aspetta come risposta dati in formato json;
url: ‘{$url’} – Tramite smarty compiliamo questo campo con il link alla pagina di amministrazione dei moduli;
ajax: true – Indica a Prestashop che questa è una chiamata Ajax
action: ‘myFunction’ – Nome della funzione da eseguire
token: ‘{$token}’ – Tramite smarty compiliamo questo campo con il token di sicurezza
Se la funzione ha successo sarà gestita nella sezione .done()
Se la funzione ha qualche problema sarà gestito nella sezione .fail()

Se la chiamata ajax è eseguita tramite controller lo script sarà leggermente diverso

$.ajax({
    type: 'POST',
    dataType: 'json',
    url: 'index.php',
    data:
    {
        ajax: true,
        controller: '{$controller}',
        action: 'MyFunction',
        token: '{$token}'
    }
})
.done(function(response){
    alert(response);
})
.fail(function(response){
    alert('ERROR!!");
});

$.ajax({

type: 'POST',

dataType: 'json',

url: 'index.php',

data:

{

ajax: true,

controller: '{$controller}',

action: 'MyFunction',

token: '{$token}'

}

})

.done(function(response){

alert(response);

})

.fail(function(response){

alert('ERROR!!");

});

url: ‘index.php’ – il link alla pagina è quella principale
controller: ‘{$controller}’ – Il nome del controller da compilare tramite smarty

Se tutto andrà bene, quando invocherete la chiamata ajax nell’esempio, la pagina vi risponderà con

senza che ci sia bisogno di ricaricare la pagina.

Inviare dati alla funzione ajax:

Nella funzione gestire la lettura dei dati in questo modo:

public function ajaxProcessMyFunction()
{
    $name = Tools::getValue('name', '');
    print 'Hello' . $name . '!';
    exit();
}

public function ajaxProcessMyFunction()

{

$name = Tools::getValue('name', '');

print 'Hello' . $name . '!';

exit();

}

E nello script ajax inviare i dati nella sezione data:

$.ajax({
    type: 'POST',
    dataType: 'json',
    url: 'index.php',
    data:
    {
        ajax: true,
        controller: '{$controller}',
        action: 'MyFunction',
        token: '{$token}',
        name: 'John Doe'
    }
})
.done(function(response){
    alert(response);
})
.fail(function(response){
    alert('ERROR!!");
});

$.ajax({

type: 'POST',

dataType: 'json',

url: 'index.php',

data:

{

ajax: true,

controller: '{$controller}',

action: 'MyFunction',

token: '{$token}',

name: 'John Doe'

}

})

.done(function(response){

alert(response);

})

.fail(function(response){

alert('ERROR!!");

});

il parametro name: ‘John Doe’ sarà passato alla funzione e letto tramite POST con Tools::getValue(‘name’, ‘ ‘);

Condividi con:

Ubuntu, Creare un video per YouTube con un’immagine statica e un file MP3

26 ottobre 2017 di Max Palermo·0 commenti

Condividi con:

Se volete creare un video per Youtube partendo da un’immagine e da un file mp3, con Ubuntu è possibile grazie alle librerie FFMPEG

Se non le avete ancora installate potete farlo eseguendo questi passi:

sudo add-apt-repository ppa:jonathonf/ffmpeg-3

1	sudo add-apt-repository ppa:jonathonf/ffmpeg-3

sudo apt update && sudo apt install ffmpeg libav-tools x264 x265

1	sudo apt update && sudo apt install ffmpeg libav-tools x264 x265

Da terminale digitate

ffmpeg -loop 1 -f image2 -i image.jpg -i audio.mp3 -c:v libx264 -c:a aac -strict experimental -b:a 192k -t 00:05:00.000 out.mp4

1	ffmpeg -loop 1 -f image2 -i image.jpg -i audio.mp3 -c:v libx264 -c:a aac -strict experimental -b:a 192k -t 00:05:00.000 out.mp4

Naturalmente image1.jpg e audio.mp3 dovranno contenere i percorsi all’immagine e al file audio da inserire, la direttiva -t invece indica la durata del video in formato hh:mm:ss.millesimi che sarà creato. Quindi, accertatevi che la lunghezza sia almeno uguale alla durata del file audio, se non volete che il video venga troncato durante l’esecuzione!

Oppure potete usare questa variante che evita a Youtube di ricodificare il video

Usando questo comando da terminale

ffmpeg -i SOURCE -c:v libx264 -flags:v "+cgop" -g 15 -bf 1 -coder ac -profile:v high -crf 25 -pix_fmt yuv420p -c:a aac -strict -2 -b:a 384k -r:a 48000 -movflags faststart OUTPUT.mp4

1	ffmpeg -i SOURCE -c:v libx264 -flags:v "+cgop" -g 15 -bf 1 -coder ac -profile:v high -crf 25 -pix_fmt yuv420p -c:a aac -strict -2 -b:a 384k -r:a 48000 -movflags faststart OUTPUT.mp4

con SOURCE che contiene tutti i riferimenti da incorporare e con la direttiva -g che contiene la metà dei framerate che volete fare visualizzare. Es: se il video va a 30 fps allora -g sarà 15.

Buona conversione!

Condividi con:

Ubuntu 16.04 – Avviare il servizio SSH al boot

20 ottobre 2017 di Max Palermo·0 commenti

Condividi con:

Da terminale digitate

sudo update-rc.d ssh defaults && sudo systemctl enable ssh socket

1	sudo update-rc.d ssh defaults && sudo systemctl enable ssh socket

Al prossimo riavvio, il servizio SSH sarà disponibile.

Condividi con: