Tutorial Yii2 Bagian 33 : Full Calendar (1)

Posted on November 23, 2017 by admin

Aplikasi ini menggunakan Event Calendar. 1. Buat tabel event 2. Buat CRUD untuk tabel event 3. Install philippfrenzel yii-calendar melalui composer: https://github.com/philippfrenzel/yii2fullcalendar 4. Modifikasi frontend/controllers/EventController.php pada actionIndex

public function actionIndex()
    {
        $events = \common\models\Event::find()->all();

        $tasks = [];

        foreach ($events as $eve) {
            $event = new \yii2fullcalendar\models\Event();
            $event->id = $eve->id;
            $event->title = $eve->title;
            $event->start =  $eve->created_date;
            $tasks[] = $event;
        }

        return $this->render('index', [
            'events' => $tasks,
        ]);
    }

public function actionIndex()

{

$events = \common\models\Event::find()->all();

$tasks = [];

foreach ($events as $eve) {

$event = new \yii2fullcalendar\models\Event();

$event->id = $eve->id;

$event->title = $eve->title;

$event->start = $eve->created_date;

$tasks[] = $event;

}

return $this->render('index', [

'events' => $tasks,

]);

}

5. Modifikasi frontend/views/event/index.php

<?php

use yii\helpers\Html;
use yii\grid\GridView;

/* @var $this yii\web\View */
/* @var $searchModel common\models\EventSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = Yii::t('app', 'Events');
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="event-index">

    <h1><?= Html::encode($this->title) ?></h1>
    <?php // echo $this->render('_search', ['model' => $searchModel]); ?>

    <p>
        <?= Html::a(Yii::t('app', 'Create Event'), ['create'], ['class' => 'btn btn-success']) ?>
    </p>
    <?= \yii2fullcalendar\yii2fullcalendar::widget(array(
          'events'=> $events,
      ));?>
</div>

<?php

use yii\helpers\Html;

use yii\grid\GridView;

/* @var $this yii\web\View */

/* @var $searchModel common\models\EventSearch */

/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = Yii::t('app', 'Events');

$this->params['breadcrumbs'][] = $this->title;

<h1><?= Html::encode($this->title) ?></h1>

<?php // echo $this->render('_search', ['model' => $searchModel]); ?>

<p>

<?= Html::a(Yii::t('app', 'Create Event'), ['create'], ['class' => 'btn btn-success']) ?>

</p>

<?= \yii2fullcalendar\yii2fullcalendar::widget(array(

'events'=> $events,

));?>

</div>

6. Event akan muncul di dalam Calendar Tutorial ini sebagai dokumentasi dan pembelajaran pribadi sekalian belajar terjemahin bahasa Inggris, dan siapa tahu bermanfaat buat Read more about Tutorial Yii2 Bagian 33 : Full Calendar (1)[…]

Tutorial Yii2 Bagian 32 : Pencarian Global

Posted on November 6, 2017November 6, 2017 by admin

Apabila kita menggunakan Gii untuk generate Crud, maka secara default di index.php terdapat kolom dengan masing-masing search field yang didasarkan pada kolom tertentu. Kali ini, kita akan membuat satu saja search field, namun bisa untuk melakukan pencarian pada kolom yang bersesuaian : 1. Uncomment

<?php echo $this->render('_search', ['model' => $searchModel]); ?>

1	<?php echo $this->render('_search', ['model' => $searchModel]); ?>

yang berada di index.php backend\views\companies. 2. Modifikasi _search.php yang berada Read more about Tutorial Yii2 Bagian 32 : Pencarian Global[…]

Tutorial Yii2 Bagian 31 : Submit Form Menggunakan Ajax

Posted on November 6, 2017November 6, 2017 by admin

Kita akan coba untuk melakukan submit form dengan Ajax. 1. Modifikasi _form.php milik view branches dengan menambahkan kode jQuery di bagian bawah :

<?php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\helpers\ArrayHelper;
use backend\models\Companies;
use kartik\select2\Select2;

/* @var $this yii\web\View */
/* @var $model backend\models\Branches */
/* @var $form yii\widgets\ActiveForm */
?>

<div class="branches-form">

    <?php $form = ActiveForm::begin(['id'=>$model->formName()]); ?>

    <?= $form->field($model, 'companies_company_id')->widget(Select2::classname(), [
        'data' => ArrayHelper::map(Companies::find()->all(),'company_id','company_name'),
        'language' => 'en',
        'options' => ['placeholder' => 'Pilih Company'],
        'pluginOptions' => [
            'allowClear' => true
        ],
    ]);

    ?>

    <?= $form->field($model, 'branch_name')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'branch_address')->textInput(['maxlength' => true]) ?>

    <?= $form->field($model, 'branch_status')->dropDownList([ 'active' => 'Active', 'inactive' => 'Inactive', ], ['prompt' => 'Status']) ?>


    <div class="form-group">
        <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
    </div>

    <?php ActiveForm::end(); ?>

</div>
<?php 
$script = <<< JS 
$('form#{$model->formName()}')on('beforeSubmit',function(e)
{
    var \$form = $(this);
    $.post(
        \$form.attr("action"), //serialize Yii2 form 
        \$form.serialize()
    )
        .done(function(result){
            if(result == 1)
            {
                $(\$form).trigger("reset");
                $.pjax.reload({container:'#branchesGrid'});
            }else
            {
                $("#message").html(result);
            }
        }).fail(function(){
            console.log("server error");
        });
    return false;
});

JS;
$this->registerJs($script);

<?php

use yii\helpers\Html;

use yii\widgets\ActiveForm;

use yii\helpers\ArrayHelper;

use backend\models\Companies;

use kartik\select2\Select2;

/* @var $this yii\web\View */

/* @var $model backend\models\Branches */

/* @var $form yii\widgets\ActiveForm */

<?php $form = ActiveForm::begin(['id'=>$model->formName()]); ?>

<?= $form->field($model, 'companies_company_id')->widget(Select2::classname(), [

'data' => ArrayHelper::map(Companies::find()->all(),'company_id','company_name'),

'language' => 'en',

'options' => ['placeholder' => 'Pilih Company'],

'pluginOptions' => [

'allowClear' => true

]);

<?= $form->field($model, 'branch_name')->textInput(['maxlength' => true]) ?>

<?= $form->field($model, 'branch_address')->textInput(['maxlength' => true]) ?>

<?= $form->field($model, 'branch_status')->dropDownList([ 'active' => 'Active', 'inactive' => 'Inactive', ], ['prompt' => 'Status']) ?>

<?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>

</div>

<?php ActiveForm::end(); ?>

</div>

<?php

$script = <<< JS

$('form#{$model->formName()}')on('beforeSubmit',function(e)

{

var \$form = $(this);

$.post(

\$form.attr("action"), //serialize Yii2 form

\$form.serialize()

)

.done(function(result){

if(result == 1)

{

$(\$form).trigger("reset");

$.pjax.reload({container:'#branchesGrid'});

}else

{

$("#message").html(result);

}

}).fail(function(){

console.log("server error");

});

return false;

});

JS;

$this->registerJs($script);

2. Modifikasi. index.php

<?php

use yii\helpers\Html;
use yii\grid\GridView;
use yii\bootstrap\Modal;
use yii\helpers\Url;
use yii\widgets\Pjax;

/* @var $this yii\web\View */
/* @var $searchModel backend\models\BranchesSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = 'Branches';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="branches-index">

    <h1><?= Html::encode($this->title) ?></h1>
    <?php // echo $this->render('_search', ['model' => $searchModel]); ?>

    <p>
        <?= Html::button('Create Branches', ['value'=>Url::to('index.php?r=branches/create'),'class' => 'btn btn-success','id'=>'modalButton']) ?>
    </p>

    <?php 
        Modal::begin([
                'header'=>'<h4>Branches</h4>',
                'id'=>'modal',
                'size'=>'modal-lg',
            ]);
        echo "<div id='modalContent'></div>";
        Modal::end();
    ?>

    <?php Pjax::begin(['id'=>'branchesGrid']); ?>

    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'rowOptions' => function($model){
                    if($model->branch_status == 'active'){
                        return ['class'=>'success'];
                    }else{
                        return ['class'=>'danger'];
                    }

                    },
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],
            [
                'attribute'=>'companies_company_id',
                'value'=>'companiesCompany.company_name',
            ],
            //'branch_id',
            'branch_name',
            'branch_address',
            'branch_created_date',
            'branch_status',
            

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>

    <?php Pjax::end(); ?>

</div>

<?php

use yii\helpers\Html;

use yii\grid\GridView;

use yii\bootstrap\Modal;

use yii\helpers\Url;

use yii\widgets\Pjax;

/* @var $this yii\web\View */

/* @var $searchModel backend\models\BranchesSearch */

/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = 'Branches';

$this->params['breadcrumbs'][] = $this->title;

<h1><?= Html::encode($this->title) ?></h1>

<?php // echo $this->render('_search', ['model' => $searchModel]); ?>

<p>

<?= Html::button('Create Branches', ['value'=>Url::to('index.php?r=branches/create'),'class' => 'btn btn-success','id'=>'modalButton']) ?>

</p>

<?php

Modal::begin([

'header'=>'<h4>Branches</h4>',

'id'=>'modal',

'size'=>'modal-lg',

]);

echo "<div id='modalContent'></div>";

Modal::end();

<?php Pjax::begin(['id'=>'branchesGrid']); ?>

<?= GridView::widget([

'dataProvider' => $dataProvider,

'filterModel' => $searchModel,

'rowOptions' => function($model){

if($model->branch_status == 'active'){

return ['class'=>'success'];

}else{

return ['class'=>'danger'];

}

'columns' => [

['class' => 'yii\grid\SerialColumn'],

[

'attribute'=>'companies_company_id',

'value'=>'companiesCompany.company_name',

//'branch_id',

'branch_name',

'branch_address',

'branch_created_date',

'branch_status',

['class' => 'yii\grid\ActionColumn'],

]); ?>

<?php Pjax::end(); ?>

</div>

3. Modifikasi actionCreate pada BranchesController.php

public function actionCreate()
    {
        if(Yii::$app->user->can('tambah-branch'))
        {
            $model = new Branches();

            if ($model->load(Yii::$app->request->post())) {
                $model->branch_created_date = date('Y-m-d h:m:s');
                if($model->save())
                {
                    echo 1;
                }else
                {
                    echo 0;
                }
            } else {
                return $this->renderAjax('create', [
                    'model' => $model,
                ]);
            }
        }else
        {
            throw new ForbiddenHttpException; 
        }
    }

public function actionCreate()

{

if(Yii::$app->user->can('tambah-branch'))

{

$model = new Branches();

if ($model->load(Yii::$app->request->post())) {

$model->branch_created_date = date('Y-m-d h:m:s');

if($model->save())

{

echo 1;

}else

{

echo 0;

}

} else {

return $this->renderAjax('create', [

'model' => $model,

]);

}

}else

{

throw new ForbiddenHttpException;

}

Tutorial ini sebagai dokumentasi dan pembelajaran pribadi sekalian belajar terjemahin bahasa Inggris, dan siapa tahu bermanfaat buat orang lain. Sumber lengkapnya Read more about Tutorial Yii2 Bagian 31 : Submit Form Menggunakan Ajax[…]

Tutorial Yii2 Bagian 30 : Memanfaatkan Kartik Gridview Widget

Posted on November 3, 2017November 3, 2017 by admin

Sekarang kita akan memanfaatkan widget dari kartik yaitu gridview widget untuk menampilkan purchase order. 1. Install kartik gridview widget dari website http://demos.krajee.com/grid di folder advanced :

sudo composer require kartik-v/yii2-grid "@dev"

1	sudo composer require kartik-v/yii2-grid "@dev"

2. Modifikasi index.php milik purchaseorder yang berada di folder backends\views\purchaseorder :

use kartik\grid\GridView;

1	use kartik\grid\GridView;

Sehingga file index.php menjadi seperti ini :

<?php

use yii\helpers\Html;
use kartik\grid\GridView;

/* @var $this yii\web\View */
/* @var $searchModel backend\models\PurchaseOrderSearch */
/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = Yii::t('app', 'Purchase Orders');
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="purchase-order-index">

    <h1><?= Html::encode($this->title) ?></h1>
    <?php // echo $this->render('_search', ['model' => $searchModel]); ?>

    <p>
        <?= Html::a(Yii::t('app', 'Create Purchase Order'), ['create'], ['class' => 'btn btn-success']) ?>
    </p>

    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            [
                'class'=>'kartik\grid\ExpandRowColumn',
                'value'=> function ($model, $key, $index, $column){
                    return GridView::ROW_COLLAPSED;
                },
                'detail' => function ($model,$key,$index,$column){
                    $searchModel = new PurchaseOrderItemSearch();
                    $searchModel->po_id = $model->id;
                    $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

                    return Yii::$app->controller->renderPartial('_poitems',[
                            'searchModel' => $searchModel,
                            'dataProvider'=> $dataProvider,
                        ]);
                },
            ],
            'po_no',
            'description:ntext',

            ['class' => 'yii\grid\ActionColumn'],
        ],
    ]); ?>

</div>

<?php

use yii\helpers\Html;

use kartik\grid\GridView;

/* @var $this yii\web\View */

/* @var $searchModel backend\models\PurchaseOrderSearch */

/* @var $dataProvider yii\data\ActiveDataProvider */

$this->title = Yii::t('app', 'Purchase Orders');

$this->params['breadcrumbs'][] = $this->title;

<h1><?= Html::encode($this->title) ?></h1>

<?php // echo $this->render('_search', ['model' => $searchModel]); ?>

<p>

<?= Html::a(Yii::t('app', 'Create Purchase Order'), ['create'], ['class' => 'btn btn-success']) ?>

</p>

<?= GridView::widget([

'dataProvider' => $dataProvider,

'filterModel' => $searchModel,

'columns' => [

[

'class'=>'kartik\grid\ExpandRowColumn',

'value'=> function ($model, $key, $index, $column){

return GridView::ROW_COLLAPSED;

'detail' => function ($model,$key,$index,$column){

$searchModel = new PurchaseOrderItemSearch();

$searchModel->po_id = $model->id;

$dataProvider = $searchModel->search(Yii::$app->request->queryParams);

return Yii::$app->controller->renderPartial('_poitems',[

'searchModel' => $searchModel,

'dataProvider'=> $dataProvider,

]);

'po_no',

'description:ntext',

['class' => 'yii\grid\ActionColumn'],

]); ?>

</div>

3. Buat file php partial di folder view Read more about Tutorial Yii2 Bagian 30 : Memanfaatkan Kartik Gridview Widget[…]

Tutorial Yii2 Bagian 29 : Membuat Form dengan Dynamic Form (2)

Posted on November 3, 2017November 3, 2017 by admin

Di bagian sebelumnya kita telah berhasil memodifikasi form create untuk menambahkan purchase order. Perlu dicatat bahwa formId pada property DynamicFormWidget harus sesuai dengan id pada ActiveForm, begitu juga insertButton dan deleteButton juga harus ditambahkan classnya pada form. Di bagian ini kita akan melakukan saving record ke dalam database. 1. Buat model class, copy paste saja Read more about Tutorial Yii2 Bagian 29 : Membuat Form dengan Dynamic Form (2)[…]

indocoder.com

Category: Tutorial Yii2 Framework

Tutorial Yii2 Bagian 33 : Full Calendar (1)

Tutorial Yii2 Bagian 32 : Pencarian Global

Tutorial Yii2 Bagian 31 : Submit Form Menggunakan Ajax

Tutorial Yii2 Bagian 30 : Memanfaatkan Kartik Gridview Widget

Tutorial Yii2 Bagian 29 : Membuat Form dengan Dynamic Form (2)