/**
* Render form field
*
* @return string
*/
public function render()
{
$this->setType('file');
$output = '';
$output .= '<span class="btn btn-info fileinput-button">';
$output .= '<i class="glyphicon glyphicon-plus"></i><span>' . trans('tinyissue.add_files') . '</span>';
$output .= parent::render();
$output .= '</span>';
$output .= '<ul role="presentation" id="' . $this->name . '-queue" class="' . $this->name . '-queue"></ul>';
$output .= '<ul id="' . $this->name . '-template" class="hidden">' . $this->queueTemplate() . '</ul>';
return $output;
}
/**
* Render the input
*
* @return string
*/
public function render()
{
$input = parent::render();
$image = $this->getAttribute('data-thumbnail') == 'true';
$thumbnail = '';
if ($image) {
$thumbnail = '<div class="wkm-file-preview"></div>';
}
// Browse button
$browse = Element::create('div')->addClass('js-browse')->nest('<span class="btn-txt">Browse</span>')->nest($input);
// Progress
$progress = Element::create('div')->class('js-upload')->style('display: none')->nest('<div class="progress progress-primary">' . '<div class="js-progress bar"></div>' . '</div>' . '<span class="btn-txt">Uploading (<span class="js-size"></span>)</span>');
// Wrapper
$wrapper = Element::create('div')->addClass('btn btn-info wkm-file-wrapper')->nest($thumbnail)->nest($browse)->nest($progress);
if ($image) {
$wrapper = Element::create('div')->class('wkm-file-wrapper--preview')->nest($wrapper);
}
return $wrapper->render();
}
