PHP Editable Text Field: Create page fields with values that users can edit

Recommend this page to a friend!

Download

Info

Example

Files

Install with Composer

Download

Reputation

Support forum

Blog

Links

Ratings				Unique User Downloads		Download Rankings
Not yet rated by the users				Total: 84		All time: 10,053 This week: 73

Version		License		PHP version		Categories
`editable-fields` 1.0.0		Custom (specified...		5		HTML, Databases, Data types, AJAX

Description

Author

Matous Nemec

This package can create page fields with values that users can edit.

It can create a structure of fields of several different types displayed on a Web page and make them editable, so users can click on them and change their values.

Applications can generate HTML to render with JavaScript code to make the fields appear and react when the users click on the editable fields and make changes.

The values changes on the fields can be submitted to the server so that the PHP server-side script saves those changes.

Matous Nemec

Name:	Matous Nemec `<contact>`
Classes:	8 packages by Matous Nemec
Country:	Czech Republic
Age:	???
All time rank:	2966	32 in Czech Republic
Week rank:	22	1 in Czech Republic

Innovation award

Nominee: 2x

Example


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"

      integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">



<link rel="stylesheet" href="../vendor/mesour/components/public/DateTimePicker/bootstrap-datetimepicker.min.css">



<?php



define('SRC_DIR', __DIR__ . '/../src/');



require_once __DIR__ . '/../vendor/autoload.php';



\Tracy\Debugger::enable(\Tracy\Debugger::DEVELOPMENT, __DIR__ . '/log');

\Tracy\Debugger::$strictMode = true;



$loader = new Nette\Loaders\RobotLoader;

$loader->addDirectory(SRC_DIR);

$loader->setCacheStorage(new Nette\Caching\Storages\FileStorage(__DIR__ . '/tmp'));

$loader->register();



?>



<hr>



<div class="container">

    <h2>Without settings</h2>



    <?php



    $application = new \Mesour\UI\Application('mesourApp');



    $application->setRequest($_REQUEST);



    $application->run();



    $editable = new \Mesour\UI\Editable('editableTest', $application);



    $structure = new \Mesour\Editable\Structures\DataElementStructure();



    $structure->addText('name');



    $structure->addNumber('amount')

        ->setDecimalPoint(',')

        ->setThousandSeparator('.')

        ->setDecimals(2)

        ->setUnit('EUR');



    $structure->addDate('last_login')

        ->setFormat('Y-m-d H:i:s');



    $structure->addEnum('role')

        ->addValue('admin', 'Admin')

        ->addValue('moderator', 'Moderator');



    $structure->addBool('has_pro');



    $editable->setDataStructure($structure);



    echo $editable->render();



    ?>





    <div class="jumbotron">



        <p data-editable="name">-</p>

        <p data-editable="amount">100 EUR</p>

        <p data-editable="last_login">2016-01-01 20:00:00</p>

        <p data-editable="role" data-value="admin">Admin</p>

        <p data-editable="has_pro" data-value="1">Yes</p>



    </div>



</div>



<hr>



<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>



<!-- Latest compiled and minified JavaScript -->

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"

        integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"

        crossorigin="anonymous"></script>



<script src="../vendor/mesour/components/public/DateTimePicker/moment.min.js"></script>

<script src="../vendor/mesour/components/public/DateTimePicker/bootstrap-datetimepicker.min.js"></script>



<script src="../vendor/mesour/components/public/mesour.components.min.js"></script>



<script src="../vendor/mesour/modal/public/mesour.modal.min.js"></script>



<script src="../public/mesour.editable.min.js"></script>



<script>

    $(function () {

        var COMPONENT_NAME = 'mesourApp-editableTest';



        $('[data-editable]').on('click', function (e) {

            if (e.ctrlKey) {

                e.preventDefault();



                var $this = $(this),

                    name = $this.attr('data-editable'),

                    value = $this.attr('data-value');



                mesour.editable.getComponent(COMPONENT_NAME).edit(name, $this, null, value);

            }

        });

    });

</script>

Details

Mesour Editable

Install

With Composer
composer require mesour/editable
Or download source from GitHub

Tests

Before first run, create config.local.php file. Can use config.php as template.

Run command vendor/bin/tester tests/ -s -c tests/php.ini --colors

Code style

Run command vendor/bin/phpcs --standard=ruleset.xml --extensions=php,phpt --encoding=utf-8 --tab-width=4 -sp src tests

Files (63)

File	Role	Description
`docs` (1 file)
`examples` (3 files)
`src` (1 directory)
`tests` (4 files, 1 directory)
`.travis.yml`	Data	Auxiliary data
`composer.json`	Data	Auxiliary data
`license.md`	Lic.	License text
`package.json`	Data	Auxiliary data
`README.md`	Doc.	Documentation
`ruleset.xml`	Data	Auxiliary data

File	Role	Description
`localisation.md`	Data	Auxiliary data

File	Role	Description
`db.sql`	Data	Auxiliary data
`index.php`	Example	Example script
`without_identifier.php`	Example	Example script

File	Role	Description
`Mesour` (2 directories)

File	Role	Description
`Editable` (3 files, 2 directories)
`UI` (1 file)

File	Role	Description
`Rules` (4 files)
`Structures` (4 files, 1 directory)
`exceptions.php`	Class	Class source
`PermissionsChecker.php`	Class	Class source
`Reference.php`	Class	Class source

File	Role	Description
`IValidated.php`	Class	Class source
`Rule.php`	Class	Class source
`RuleHelper.php`	Class	Class source
`RuleType.php`	Class	Class source

File	Role	Description
`Fields` (19 files)
`DataElementStructure.php`	Class	Class source
`DataStructure.php`	Class	Class source
`IDataElementStructure.php`	Class	Class source
`IDataStructure.php`	Class	Class source

File	Role	Description
`BaseElementField.php`	Class	Class source
`BaseField.php`	Class	Class source
`BoolField.php`	Class	Class source
`CustomData.php`	Class	Class source
`CustomField.php`	Class	Class source
`DateField.php`	Class	Class source
`EnumField.php`	Class	Class source
`ICustomData.php`	Class	Class source
`IManyToManyField.php`	Class	Class source
`IStructureElementField.php`	Class	Class source
`IStructureField.php`	Class	Class source
`IValidatedField.php`	Class	Class source
`ManyToManyField.php`	Class	Class source
`ManyToOneField.php`	Class	Class source
`NumberField.php`	Class	Class source
`OneToManyField.php`	Class	Class source
`OneToOneField.php`	Class	Class source
`TextField.php`	Class	Class source
`ValidatedField.php`	Class	Class source

File	Role	Description
`Editable.php`	Class	Class source

File	Role	Description
`Mesour` (1 directory)
`bootstrap.php`	Example	Example script
`config.php`	Aux.	Auxiliary script
`php.ini`	Data	Auxiliary data
`php.travis.ini`	Data	Auxiliary data

File	Role	Description
`EditableTests` (4 files, 2 directories)

File	Role	Description
`data` (2 files)
`Handlers` (12 files)
`BaseTestCase.php`	Class	Class source
`DefaultTest.phpt`	Class	Class source
`TestTranslator.php`	Class	Class source
`TranslatorTest.phpt`	Class	Class source

File	Role	Description
`DefaultTestOutput.html`	Doc.	Documentation
`TranslatorTestOutput.html`	Doc.	Documentation

File	Role	Description
`AttachDisabledTest.phpt`	Class	Class source
`AttachNoPermissionTest.phpt`	Class	Class source
`AttachTest.phpt`	Class	Class source
`CreateDisabledTest.phpt`	Class	Class source
`CreateNoPermissionTest.phpt`	Class	Class source
`CreateTest.phpt`	Class	Class source
`ManyToOneEditCurrentEditTest.phpt`	Class	Class source
`RemoveDisabledTest.phpt`	Class	Class source
`RemoveNoPermissionTest.phpt`	Class	Class source
`SimpleEditDisabledTest.phpt`	Class	Class source
`SimpleEditNoPermissionTest.phpt`	Class	Class source
`SimpleEditTest.phpt`	Class	Class source

The PHP Classes site has supported package installation using the Composer tool since 2013, as you may verify by reading this instructions page.

Install with Composer

	editable-fields-2022-01-05.zip 65KB
	editable-fields-2022-01-05.tar.gz 31KB
	Install with Composer

Version Control

Unique User Downloads

Download Rankings

100%

Total:	84
This week:	0

All time:	10,053
This week:	73

Applications that use this package

No pages of applications that use this class were specified.

If you know an application of this package, send a message to the author to add a link here.

About us

Advertise on this site

For more information send a message to info at phpclasses dot org.