'Languages Support - Tabs',
'version' => 114,
'summary' => 'Organizes multi-language fields into tabs for a cleaner easier to use interface.',
'author' => 'adamspruijt, ryan',
'singular' => true,
'autoload' => "template=admin",
'requires' => 'LanguageSupport'
);
}
/**
* Temporary storage of tabs created from addTab() method
*
* @var array of strings
*
*/
protected $tabs = array();
public function __construct() {
$this->set('tabField', 'title');
}
/**
* Add hooks, setup JS config, and determine active tab
*
*/
public function ready() {
if($this->wire('page')->template != 'admin') return;
$this->addHookAfter('InputfieldForm::render', $this, 'hookRenderInputfieldForm');
$language = null;
// allow for specifying language in your "edit" page link, from front-end
// so if you want to focus on the Spanish tabs when the user clicks "edit"
// from /es/path/to/page/, then you can by using a page edit link like:
// Edit
$id = (int) $this->input->get->language;
if($id) $language = $this->languages->get($id);
// if language is not specified as a GET variable, then use the user's language
if(!$language || !$language->id) $language = $this->user->language;
// determine the index of the tab for the user's language
$activeTab = 0;
foreach($this->languages as $index => $lang) {
if($lang->id == $language->id) $activeTab = $index;
}
$settings = array(
'labelOpen' => $this->_('Expand Language Tabs'),
'labelClose' => $this->_('Collapse/Convert Back to Tabs'),
'activeTab' => $activeTab,
);
$this->wire('config')->js('LanguageTabs', $settings);
}
/**
* Init language tabs in form immediately after form render
*
* @param HookEvent $e
*
*/
public function hookRenderInputfieldForm(HookEvent $e) {
$this->wire('modules')->loadModuleFileAssets($this);
$this->wire('modules')->get('JqueryCore')->use('longclick');
if(strpos($e->return, 'LanguageSupport') === false) return;
$id = $e->object->attr('id');
$e->return .= "";
}
/**
* Clear any stored tabs
*
*/
public function resetTabs() {
$this->tabs = array();
}
/**
* Add a new tab, to be later retrieved by renderTabs()
*
* @param Inputfield $inputfield
* @param Language $language
*
*/
public function addTab(Inputfield $inputfield, Language $language) {
$liClass = '';
$class = 'langTab' . $language->id;
if($inputfield->isEmpty()) $liClass .= 'langTabEmpty ';
$title = $language->get($this->tabField);
if(empty($title)) $title = $language->get('name');
$title = $this->wire('sanitizer')->entities1($title);
if(!$this->wire('languages')->editable($language)) {
$title = "$title";
$liClass .= 'LanguageNotEditable ';
}
$id = $inputfield->attr('id');
$liClass = trim($liClass);
$this->tabs[] = "$title";
}
/**
* Render output for all added tabs
*
* Note that if only 1 tab has been added, tabs won't be displayed (no point in it).
* This method automatically calls resetTabs() after rendering.
*
* @param Inputfield $inputfield
* @param $content Content that will have the tabs
* @return string Modified $content with tabs
*
*/
public function renderTabs(Inputfield $inputfield, $content) {
if(count($this->tabs) > 1) {
$inputfield->wrapClass .= " hasLangTabs";
$inputfield->contentClass .= " langTabsContainer";
$tabs = implode('', $this->tabs);
$id = $inputfield->attr('id');
$note = "" .
$this->_('click+hold to change all tabs') . "";
$content = "";
} else {
// do nothing, just return content because there was only 1 tab (no render necessary)
}
$this->resetTabs();
return $content;
}
public function getModuleConfigInputfields(InputfieldWrapper $inputfields) {
$f = $this->wire('modules')->get('InputfieldSelect');
$f->attr('name', 'tabField');
$f->label = $this->_('Field to use for tab labels');
$f->addOption('name');
foreach($this->wire('templates')->get('language')->fieldgroup as $field) {
if($field->type instanceof FieldtypeMulti) continue;
$f->addOption($field->name);
}
$f->attr('value', $this->tabField);
$f->required = true;
$inputfields->add($f);
return $inputfields;
}
}