/** * 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(); }