În sistemul EGO CRM nu se folosesc ferestre modale statice, adică ferestre deja randate în codul HTML și doar ascunse până la apăsarea butonului de deschidere. Orice fereastră modală este redată cel puțin o dată la primul apel al ferestrei modale. Redarea poate fi făcută direct prin cod JS sau prin ajax.

Scenarii pentru deschiderea ferestrei modale (pop-up):

În toate cazurile de lucru cu ferestre modale se folosesc următorii parametri:

În plus, luăm în considerare metodele de închidere a ferestrei modale (dacă este necesar):

Pentru a desena butonul de deschidere a ferestrei modale se folosește metoda „btn” a clasei „ui::”.
Metodei i se transmite parametrul „btn_open_modal” cu un array de parametri pentru fereastra modală sau pur și simplu un șir ca conținut al ferestrei modale.

Cel mai simplu exemplu, transmitem parametrului «btn_open_modal» un șir - conținutul ferestrei modale.

$args = array();
$args['btn_open_modal'] = '<p>My modal content, only string.</p>';
$args['text'] = 'Open modal';
$args['icon'] = array('window', 'far');
$str .= ui::btn($args);

În acest exemplu transmitem parametrului «btn_open_modal» un array cu parametrii ferestrei modale.

$modal_args = array();
$modal_args['body'] = '<p>My modal content.</p>';
$modal_args['header'] = 'My modal title';
$modal_args['footer'] = 'My footer';
$modal_args['size'] = 'full';
$modal_args['theme'] = 'info';
//===
$args = array();
$args['btn_open_modal'] = $modal_args;
$args['text'] = 'Open modal';
$args['icon'] = array('window', 'far');
$str .= ui::btn($args);

În acest exemplu folosim, printre altele:
- draggable: fereastra poate fi mutată pe ecran
- backdrop=FALSE: fereastra nu se închide la click în afara ei.

$modal_args = array();
$modal_args['body'] = '<p>My modal content.</p><p><input name="my_input" class="form-control"></p>';
$modal_args['header'] = 'My modal title';
$modal_args['footer'] = 'My footer';
$modal_args['theme'] = 'warning';
$modal_args['placement'] = 'right';
$modal_args['draggable'] = true;
$modal_args['backdrop'] = false;
//===
$args = array();
$args['btn_open_modal'] = $modal_args;
$args['text'] = 'Open modal';
$args['icon'] = array('window', 'far');
$str .= ui::btn($args);

La fel ca exemplul anterior, doar că s-a adăugat parametrul „oneshot” cu valoarea TRUE.
Notă: la folosirea parametrului „oneshot” este obligatoriu să se transmită parametrul „id”.
Mută fereastra într-un alt loc. Introduceți text în câmpul din fereastra modală, apoi închideți și redeschideți-o.

$modal_args = array();
$modal_args['body'] = '<p>My modal content.</p><p><input name="my_input" class="form-control"></p>';
$modal_args['header'] = 'My modal title';
$modal_args['footer'] = 'My footer';
$modal_args['theme'] = 'warning';
$modal_args['placement'] = 'right';
$modal_args['draggable'] = true;
$modal_args['backdrop'] = false;
$modal_args['id'] = set_id('my_modal_with_oneshot_ui');
$modal_args['oneshot'] = true;
//===
$args = array();
$args['btn_open_modal'] = $modal_args;
$args['text'] = 'Open modal';
$args['icon'] = array('window', 'far');
$str .= ui::btn($args);

Deschidem fereastra modală cu JS.
Creăm un buton și îi atribuim un handler. În handler-ul JS folosim helper-ul $$.oj_modal() cu parametrii ferestrei modale.

Observați că helper-ul „$$.oj_modal()” returnează un obiect jQuery al ferestrei modale.
Acest lucru este important dacă aveți nevoie să faceți ulterior operații cu obiectul ferestrei modale.
În exemplul nostru am afișat obiectul ferestrei modale în consolă.

$args = array();
$args['handler_click'] = 'my_open_modal';
$args['text'] = 'Open modal';
$args['icon'] = array('blinds-open', 'far');
$str .= ui::btn($args);
$$.my_open_modal = function(){
	var modal_pars={};
	modal_pars.body = 'My content in modal from js.';
	modal_pars.size = 'sm';
	var modalObj = $$.oj_modal(modal_pars);
	console.log('modalObj', modalObj);
	return true;
}
$args = array();
$args['handler_click'] = 'my_open_modal_variant';
$args['text'] = 'Open modal';
$args['icon'] = array('blinds-open', 'far');
$str .= ui::btn($args);
$$.my_open_modal_variant = function(){
	var modal_pars={};
	modal_pars.body = 'My content in modal from js.';
	modal_pars.size = 'lg';
	modal_pars.draggable = true;
	modal_pars.backdrop = false;
	$$.oj_modal(modal_pars);
	return true;
}

În acest exemplu, în handler-ul JS vom închide fereastra modală după 1 secundă folosind helper-ul „$$.oj_modal_close()“.
Dacă nu sunt transmise parametri helper-ului, vor fi închise toate ferestrele modale.
Dacă aveți deschise mai multe ferestre modale și doriți să închideți doar una anume, transmiteți helper-ului ID-ul ferestrei modale sau un obiect jQuery al ferestrei.

$args = array();
$args['handler_click'] = 'my_open_modal_and_close';
$args['text'] = 'Open modal';
$args['icon'] = array('blinds-open', 'far');
$str .= ui::btn($args);
$$.my_open_modal_and_close = function(){
	var modal_pars={};
	modal_pars.body = 'My content in modal from js.';
	modal_pars.theme = 'info';
	var modalObj = $$.oj_modal(modal_pars);
	setTimeout(function(){
		$$.oj_modal_close(modalObj);
	}, 1000);
	return true;
}

Conținutul viitoarei ferestre modale este plasat într-un element HTML ascuns.
În loc de parametrul „body” în array-ul parametrilor ferestrei modale folosim parametrul „body_from”, căruia îi transmitem ID-ul elementului DOM care conține conținutul ferestrei modale.

În acest exemplu, butonul pentru deschiderea ferestrei modale este creat cu clasa

My modal content from hidden block.

Faceți dublu clic pentru a goli câmpulApăsați ENTER pentru a salva
//=== Hidden block with content for modal
$str .= '<div id="'.set_id('my_modal_content').'" class="d-none">';
	$str .= e_p('My modal content from hidden block.', 'mb-3');
	$args = array();
	$args['name'] = 'my_input';
	$str .= ui::input_with_save($args);
$str .= '</div>';

//=== Button
$modal_args = array();
$modal_args['body_from'] = find_ele('my_modal_content');
$modal_args['header'] = 'My modal title';
$modal_args['draggable'] = true;
//===
$args = array();
$args['btn_open_modal'] = $modal_args;
$args['text'] = 'Open modal';
$args['icon'] = array('code', 'far');
$str .= ui::btn($args);

În exemplu deschidem fereastra modală prin JS.

My modal content from hidden block.

Faceți dublu clic pentru a goli câmpulApăsați ENTER pentru a salva
//=== Hidden block with content for modal
$str .= '<div id="'.set_id('my_modal_content').'" class="d-none">';
	$str .= e_p('My modal content from hidden block.', 'mb-3');
	$args = array();
	$args['name'] = 'my_input';
	$str .= ui::input_with_save($args);
$str .= '</div>';

//=== Button
$args = array();
$args['handler_click'] = 'my_open_modal_body_from';
$args['text'] = 'Open modal';
$args['icon'] = array('code', 'far');
$str .= ui::btn($args);
$$.my_open_modal_body_from = function(){
	var modal_pars={};
	modal_pars.body_from = $$.find_ele('my_modal_content');
	modal_pars.size = false;
	modal_pars.theme = 'secondary';
	$$.oj_modal(modal_pars);
	return true;
}

Conținutul ferestrei modale este generat pe server în cod PHP.
Butonului îi atribuim un handler.
În handler-ul de pe server folosim helper-ul „oj_modal()” pentru a returna conținutul pregătit pentru fereastra modală.

În handler-ul de pe server formăm stringul ferestrei modale și îl transmitem helper-ului «oj_modal()» un array cu parametrii ferestrei modale.

$args = array();
$args['handler_click'] = 'my_open_modal_ajax';
$args['text'] = 'Open modal';
$args['icon'] = array('server', 'far');
$str .= ui::btn($args);
public function my_open_modal_ajax() {
	$str = '';
	$str .= e_p('Modal content');
	$str .= e_p('Time: '.time());
	$header_str = mlang('my_header', 1);
	//===
	$modal_pars = array(
			'body'=>$str
		, 'header'=>$header_str
		, 'size'=>'lg'
		, 'theme'=>'primary'
		, 'draggable'=>true
	);
	oj_modal($modal_pars);
}

La fel ca mai sus, doar că adăugăm parametrul „oneshot”.
Notă: la folosirea parametrului „oneshot” este obligatoriu să se transmită parametrul „id”.
Observați timpul afișat în fereastra modală după închidere și redeschidere.

$args = array();
$args['handler_click'] = 'my_open_modal_ajax_oneshot';
$args['text'] = 'Open modal';
$args['icon'] = array('server', 'far');
$str .= ui::btn($args);
public function my_open_modal_ajax_oneshot() {
	$str = '';
	$str .= e_p('Modal content');
	$str .= e_p('Time: '.time());
	$header_str = mlang('my_header', 1);
	//===
	$modal_pars = array(
			'body'=>$str
		, 'header'=>$header_str
		, 'size'=>'lg'
		, 'theme'=>'primary'
		, 'draggable'=>true
		, 'id'=>set_id('my_modal_with_oneshot_ajax')
		, 'oneshot'=>true
	);
	oj_modal($modal_pars);
}

În handler-ul de pe server formăm stringul ferestrei modale și îl transmitem helper-ului «oj_modal()» doar ca string format.

$args = array();
$args['handler_click'] = 'my_open_modal_ajax_only_string';
$args['text'] = 'Open modal';
$args['icon'] = array('server', 'far');
$str .= ui::btn($args);
public function my_open_modal_ajax_only_string() {
	$str = '';
	$str .= e_p('Modal content');
	$str .= e_p('Time: '.time());
	oj_modal($str);
}

Folosim parametrul «_close_parent_modal» în diferite scenarii pentru a închide fereastra modală părinte în care se află butonul sau câmpul cu handler-ul, la executarea handler-ului.

În acest exemplu folosim ajax pentru a genera conținutul ferestrei modale.
În fereastra modală creăm un câmp cu clasa „ui::”, iar la metoda de creare a câmpului îi transmitem parametrul „_close_parent_modal”.
Fereastra modală se va închide doar dacă nu există erori.
Încercați să salvați un câmp necompletat.

$args = array();
$args['handler_click'] = 'my_open_modal_close_parent_modal_1';
$args['text'] = 'Open modal';
$args['icon'] = array('eye', 'far');
$str .= ui::btn($args);
public function my_open_modal_close_panent_modal_1() {
	$str = '';
	$args = array();
	$args['name'] = 'my_input_1';
	$args['_close_parent_modal'] = true;
	$str .= ui::input_with_save($args);
	//===
	oj_modal($str);
}
public function save_my_input_1() {
	$val = ui::get_post_VAL();
	if(!empty($val)) {
		$success_text = 'VALUE: '.$val;
		//===
		ojsucc($success_text);
	}
	else ojerr(mlang('s_error__field_empty_warn', 1));
}

În acest exemplu folosim de asemenea ajax pentru a genera conținutul ferestrei modale.
Totuși, la crearea câmpului pentru fereastra modală cu clasa „ui::” nu folosim parametrul „_close_parent_modal”.
Folosim parametrul „_close_parent_modal” în helper-ul returnat „oj_ret()” direct în handler-ul de salvare a câmpului.
Astfel, fereastra modală se va închide doar în cazul în care în datele returnate după procesare există instrucțiunea de închidere.
În acest exemplu închidem fereastra doar în cazul unei operații reușite.

$args = array();
$args['handler_click'] = 'my_open_modal_close_parent_modal_2';
$args['text'] = 'Open modal';
$args['icon'] = array('eye', 'far');
$str .= ui::btn($args);
public function my_open_modal_close_panent_modal_2() {
	$str = '';
	$args = array();
	$args['name'] = 'my_input_2';
	$str .= ui::input_with_save($args);
	//===
	oj_modal($str);
}
public function save_my_input_2() {
	$val = ui::get_post_VAL();
	if(!empty($val)) {
		$success_text = 'VALUE: '.$val;
		//===
		oj_ret('_close_parent_modal', true);
		//===
		ojsucc($success_text);
	}
	else ojerr(mlang('s_error__field_empty_warn', 1));
}

Același lucru ca în exemplul anterior, doar că acum folosim «oj_ret('_close_parent_modal')» pentru a închide fereastra modală în orice caz, chiar și în cazul unei erori.

$args = array();
$args['handler_click'] = 'my_open_modal_close_parent_modal_3';
$args['text'] = 'Open modal';
$args['icon'] = array('eye', 'far');
$str .= ui::btn($args);
public function my_open_modal_close_panent_modal_3() {
	$str = '';
	$args = array();
	$args['name'] = 'my_input_3';
	$str .= ui::input_with_save($args);
	//===
	oj_modal($str);
}
public function save_my_input_3() {
	$val = ui::get_post_VAL();
	//===
	oj_ret('_close_parent_modal', true);
	//===
	if(!empty($val)) {
		$success_text = 'VALUE: '.$val;
		//===
		ojsucc($success_text);
	}
	else ojerr(mlang('s_error__no_data', 1));
}

Parametri speciali, similari cu «btn_open_modal» pentru deschiderea în fereastra modală a fișierelor media (audio, video, text și PDF) ținând cont de tipul media.

Deschide o imagine în fereastra modală.
Folosim aceiași parametri pentru fereastra modală în array-ul pentru parametrul „btn_open_img”, cu excepția:
„body” și „body_from”. În locul lor este obligatoriu să fie transmis parametrul „src” cu link-ul imaginii (detalii în documentație).

Folosim un buton creat cu clasa „ui::”.
Parametrului „btn_open_img” îi transmitem un array cu parametrii pentru fereastra modală.

$img_args = array();
$img_args['src'] = media_link('3e1861d3864ba55b27a8');
$img_args['theme'] = 'primary';
$img_args['draggable'] = true;
$img_args['id'] = set_id('my_modal_100');
$img_args['oneshot'] = true;
//===
$args = array();
$args['btn_open_img'] = $img_args;
$args['text'] = 'Open image';
$args['icon'] = array('image', 'far');
$str .= ui::btn($args);

Folosim un buton creat cu clasa „ui::”.
Parametrului „btn_open_img” îi transmitem doar un șir cu link-ul.

$args = array();
$args['btn_open_img'] = media_link('c1c3ad469424684ae939');
$args['text'] = 'Open image';
$args['icon'] = array('image', 'far');
$str .= ui::btn($args);

Folosim o instrucțiune ajax pentru a deschide o imagine în fereastra modală, în handler-ul de pe server folosim helper-ul „oj_img()”.
În acest exemplu transmitem helper-ului un array cu parametrii pentru fereastra modală.
Notă: helper-ul „oj_img()” este condițional finalizant, adică în mod implicit încheie execuția scriptului și trimite datele prin ajax (exit). Pentru a preveni terminarea execuției, transmiteți al doilea argument FALSE, cum este făcut în acest exemplu, pentru a trimite și un mesaj (ojsucc()) după executarea helper-ului.

$args = array();
$args['handler_click'] = 'my_handler_and_open_img_3';
$args['text'] = 'Action';
$args['icon'] = array('image', 'far');
$str .= ui::btn($args);
public function my_handler_and_open_img_3() {
	$img_pars = array(
			'src'=>media_link('674f1e5c680c360b6d64')
		, 'header'=>'My image'
		, 'size'=>'lg'
		, 'theme'=>'warning'
		, 'draggable'=>true
		, 'auto_close'=>1200
	);
	oj_img($img_pars, false);
	ojsucc(true, 1200);
}

La fel ca în exemplul anterior, folosim helper-ul „oj_img()”.
Dar în acest exemplu transmitem helper-ului doar link-ul imaginii.

$args = array();
$args['handler_click'] = 'my_handler_and_open_img_4';
$args['text'] = 'Action';
$args['icon'] = array('image', 'far');
$str .= ui::btn($args);
public function my_handler_and_open_img_4() {
	oj_img(media_link('011ab21242e86e7d7635'));
}

Deschidem imaginea direct din cod JS.
Pentru aceasta folosim în handler-ul JS helper-ul „$$.oj_img()”.
Helper-ului i se poate transmite fie un obiect cu parametrii pentru fereastra modală, fie doar link-ul imaginii.

$args = array();
$args['handler_click'] = 'my_open_img_in_js';
$args['text'] = 'Open image';
$args['icon'] = array('image', 'far');
$str .= ui::btn($args);
$$.my_open_img_in_js = function(){
	var img_pars={};
	img_pars.src = $$.media_link('d0123b5368a11f8fed76');
	img_pars.theme = 'secondary';
	img_pars.draggable = true;
	img_pars.id = $$.set_id('my_modal_img_js');
	img_pars.oneshot = true;
	$$.oj_img(img_pars);
	return true;
}

Deschide un videoclip Youtube în fereastra modală.
Folosim aceiași parametri pentru fereastra modală în array-ul pentru parametrul „btn_open_youtube”, cu excepția:
„body” și „body_from”. În locul lor este obligatoriu să fie transmis parametrul „src” cu ID-ul videoclipului Youtube.

Parametri suplimentari speciali.

  • Raportul de aspect al video-ului, parametrul «aspect_ratio». În acest parametru puteți transmite una dintre următoarele valori:

    «21by9», «16by9», «4by3», «1by1» Implicit: «16by9».

  • Parametrii player-ului Youtube. Citiți despre parametri în documentația player-ului Youtube.

    Acești parametri includ:

    «youtube_autoplay», «youtube_cc_load_policy», «youtube_controls», «youtube_disablekb», «youtube_end», «youtube_fs», «youtube_iv_load_policy», «youtube_rel», «youtube_showinfo», «youtube_start»

Folosim un buton creat cu clasa „ui::”.
Parametrului „btn_open_youtube” îi transmitem un array cu parametrii pentru fereastra modală.

$youtube_args = array();
$youtube_args['src'] = 'zpOULjyy-n8';
$youtube_args['draggable'] = true;
$youtube_args['youtube_disablekb'] = true;
//===
$args = array();
$args['btn_open_youtube'] = $youtube_args;
$args['text'] = 'Open youtube video';
$args['icon'] = array('tv', 'far');
$str .= ui::btn($args);

Folosim un buton creat cu clasa „ui::”.
Parametrului „btn_open_youtube” îi transmitem doar ID-ul videoclipului Youtube.

$args = array();
$args['btn_open_youtube'] = 'zpOULjyy-n8';
$args['text'] = 'Open youtube video';
$args['icon'] = array('tv', 'far');
$str .= ui::btn($args);

Folosim o instrucțiune ajax pentru a deschide un videoclip Youtube în fereastra modală, în handler-ul de pe server folosim helper-ul „oj_youtube()”.
În acest exemplu transmitem helper-ului un array cu parametrii pentru fereastra modală.
Notă: helper-ul „oj_youtube()” este condițional finalizant, adică în mod implicit încheie execuția scriptului și trimite datele prin ajax (exit). Pentru a preveni terminarea execuției, transmiteți al doilea argument FALSE, cum este făcut în acest exemplu, pentru a trimite și un mesaj (ojsucc()) după executarea helper-ului.

$args = array();
$args['handler_click'] = 'my_handler_and_open_youtube_3';
$args['text'] = 'Action';
$args['icon'] = array('tv', 'far');
$str .= ui::btn($args);
public function my_handler_and_open_youtube_3() {
	$youtube_pars = array(
			'src'=>'zpOULjyy-n8'
		, 'header'=>'My Youtube video'
		, 'size'=>'lg'
		, 'theme'=>'warning'
		, 'draggable'=>true
		, 'auto_close'=>2500
		, 'youtube_autoplay'=>false
	);
	oj_youtube($youtube_pars, false);
	ojsucc(true, 1200);
}

La fel ca în exemplul anterior, folosim helper-ul „oj_youtube()”.
Dar în acest exemplu transmitem helper-ului doar ID-ul videoclipului Youtube.

$args = array();
$args['handler_click'] = 'my_handler_and_open_youtube_4';
$args['text'] = 'Action';
$args['icon'] = array('tv', 'far');
$str .= ui::btn($args);
public function my_handler_and_open_youtube_4() {
	oj_youtube('zpOULjyy-n8');
}

Deschidem video Youtube direct din cod JS.
Pentru aceasta folosim în handler-ul JS helper-ul «$$.oj_youtube()».
Helper-ului, similar cu exemplele anterioare, i se poate transmite un obiect cu parametrii ferestrei modale sau doar ID-ul video Youtube.
Rețineți că în acest exemplu folosim și parametrul «oneshot» (de asemenea trebuie transmis parametrul obligatoriu «id»), deci fereastra cu video Youtube nu va fi distrusă, ci doar închisă, asigurând o pauză în redarea video.

$args = array();
$args['handler_click'] = 'my_open_youtube_in_js';
$args['text'] = 'Open youtube video';
$args['icon'] = array('tv', 'far');
$str .= ui::btn($args);
$$.my_open_youtube_in_js = function(){
	var youtube_pars={};
	youtube_pars.src = 'zpOULjyy-n8';
	youtube_pars.id = $$.set_id('my_modal_youtube_oneshot');
	youtube_pars.oneshot = true;
	youtube_pars.theme = 'secondary';
	youtube_pars.draggable = true;
	$$.oj_youtube(youtube_pars);
	return true;
}

Deschide fișiere audio, video sau text, în funcție de tipul lor.
Folosim aceiași parametri pentru fereastra modală în array-ul pentru parametrul „btn_open_youtube”, cu excepția:
„body” și „body_from”. În locul lor este obligatoriu să fie transmis parametrul „src” cu link-ul către fișier.

Parametri suplimentari speciali.

  • * Parametru obligatoriu, tipul media «media_ident». Acest parametru explică scripturilor cum să deschidă fișierul respectiv. Folosiți unul dintre următoarele tipuri:

    • audio: deschide pentru redare fișier audio
    • video: deschide pentru vizionare fișier video
    • text: deschide pentru vizionare fișier text
    • pdf: deschide pentru vizionare fișier PDF

Astfel, parametrului «btn_open_media» îi poate fi transmis doar un array care trebuie să conțină doi parametri obligatorii: «src» și «media_ident».

Folosim un buton creat cu clasa „ui::”.
În acest exemplu ascultăm un fișier audio.

$media_args = array();
$media_args['src'] = media_link('dffe554669f542d8c1d2');
$media_args['media_ident'] = 'audio';
$media_args['theme'] = 'primary';
$media_args['draggable'] = true;
$media_args['id'] = set_id('my_modal_audio');
$media_args['oneshot'] = true;
//===
$args = array();
$args['btn_open_media'] = $media_args;
$args['text'] = 'Open audio';
$args['icon'] = array('music', 'far');
$str .= ui::btn($args);

Folosim un buton creat cu clasa „ui::”.
În acest exemplu deschidem un fișier text.

$media_args = array();
$media_args['src'] = media_link('11a22a2a4488978d63a2');
$media_args['media_ident'] = 'text';
$media_args['size'] = 'lg';
//===
$args = array();
$args['btn_open_media'] = $media_args;
$args['text'] = 'Open text file';
$args['icon'] = array('file-alt', 'far');
$str .= ui::btn($args);

Folosim o instrucțiune ajax pentru a deschide un fișier media în fereastra modală. În handler-ul de pe server folosim helper-ul „oj_media()”.
Notă: helper-ul „oj_media()” este condițional finalizant, adică în mod implicit încheie execuția scriptului și trimite datele prin ajax (exit). Pentru a preveni terminarea execuției, transmiteți al doilea argument FALSE, cum este făcut în acest exemplu, pentru a trimite și un mesaj (ojsucc()) după executarea helper-ului.
În acest exemplu deschidem un fișier pdf.

$args = array();
$args['handler_click'] = 'my_handler_and_open_media_3';
$args['text'] = 'Open PDF-file';
$args['icon'] = array('file-pdf', 'far');
$str .= ui::btn($args);
public function my_handler_and_open_media_3() {
	$media_pars = array(
			'src'=>media_link('1e43b08a10407efcc57a')
		, 'media_ident'=>'pdf'
		, 'header'=>'My PDF'
		, 'theme'=>'primary'
		, 'draggable'=>true
	);
	oj_media($media_pars, false);
	ojsucc(true, 1200);
}

Deschidem fișierul media direct din cod JS.
Pentru aceasta folosim în handler-ul JS helper-ul „$$.oj_media()”.
În acest exemplu deschidem un fișier video.

$args = array();
$args['handler_click'] = 'my_handler_and_open_media_4';
$args['text'] = 'Open video file';
$args['icon'] = array('video', 'far');
$str .= ui::btn($args);
$$.my_handler_and_open_media_4 = function(){
	var media_pars={};
	media_pars.src = $$.media_link('a83d9e3079530dc4edc2');
	media_pars.media_ident = 'video';
	media_pars.theme = 'secondary';
	media_pars.id = $$.set_id('my_media_video');
	media_pars.oneshot = true;
	$$.oj_media(media_pars);
	return true;
}