vojtys/croppie

Croppie (Foliotek/Croppie) for Nette - Forms

v0.1 2018-07-06 20:47 UTC

README

Foliotek/Croppie control for Nette framework

Install

$ composer require vojtys/croppie

Configuration

NEON - add extension

extensions:
    croppie: Vojtys\Forms\Croppie\CroppieExtension

croppie:
    width: 300
    height: 300

Usage

Presenter/Control


/**
 * @return Nette\Application\UI\Form
 */
public function createComponentTestForm()
{
    $form = new Nette\Application\UI\Form();
    $form->addCroppie('image', 'Vybrat obrázek z počítače');
    $form->addSubmit('ok', 'Nahrát obrázek')->getControlPrototype()->class('upload-btn');
    $form->onSuccess[] = [$this, 'imageUploadProcess'];
    return $form;
}

public function imageUploadProcess(Form $form, $values)
{
    /** @var Vojtys\Forms\Croppie\Image $image **/
    $image = $values->image; 
}

CSS

<link rel="stylesheet" type="text/css" href="./assets/css/croppie.css">
<link rel="stylesheet" type="text/css" href="./assets/css/vojtys.croppie.css">

JavaScript

Before </body> element.

<script src='./assets/js/croppie.js'></script>
<script src='./assets/js/vojtys.croppie.js'></script>