first commit

Author: rplvrtha

assets/Yii2CamAsset.php

@@ -0,0 +1,15 @@
+<?php
+namespace rplvrtha\camera\assets;
+
+use yii\web\AssetBundle;
+
+class Yii2CamAsset extends AssetBundle
+{
+    public $sourcePath = '@vendor/rplvrtha/yii2-camera/assets';
+    public $js = [
+        'js/camera.js',
+    ];
+    public $depends = [
+        'yii\web\JqueryAsset',
+    ];
+}

assets/js/camera.js

@@ -0,0 +1,56 @@
+$(document).ready(function() {
+    const options = window.cameraWidgetOptions || {};
+    const openCameraBtn = $('#openNativeCamera');
+    const fileInput = $('#fileInput');
+    const previewImage = $('#previewImage');
+    
+    // Gunakan opsi dari PHP
+    const uploadUrl = options.uploadUrl;
+    const retakeText = options.retakeText || 'Ambil Ulang Gambar';
+    const onSuccess = options.onSuccess;
+    const onError = options.onError;
+
+    openCameraBtn.on('click', function() {
+        fileInput.click();
+    });
+
+    fileInput.on('change', function(event) {
+        const file = event.target.files[0];
+        if (!file) {
+            return;
+        }
+
+        const reader = new FileReader();
+        reader.onload = function(e) {
+            openCameraBtn.text(retakeText);
+            previewImage.attr('src', e.target.result).show();
+
+            const formData = new FormData();
+            formData.append('imageFile', file);
+            formData.append('_csrf', yii.getCsrfToken());
+            
+            $.ajax({
+                url: uploadUrl,
+                method: 'POST',
+                data: formData,
+                processData: false,
+                contentType: false,
+                success: function(response) {
+                    if (onSuccess && typeof window[onSuccess] === 'function') {
+                        window[onSuccess](response);
+                    } else {
+                        console.log('Gambar berhasil diunggah:', response);
+                    }
+                },
+                error: function(xhr, status, error) {
+                    if (onError && typeof window[onError] === 'function') {
+                        window[onError](error);
+                    } else {
+                        console.error('Error saat mengunggah gambar:', error);
+                    }
+                }
+            });
+        };
+        reader.readAsDataURL(file);
+    });
+});

composer.json

@@ -0,0 +1,24 @@
+{
+    "name": "rplvrtha/yii2-camera",
+    "version": "v0.25.09-dev",
+    "description": "A simple camera extension for Yii2 that uses the built-in camera on your phone.",
+    "type": "yii2-extension",
+    "keywords": ["yii2", "camera", "widget", "file", "upload"],
+    "license": "MIT",
+    "authors": [
+        {
+            "name": "rplvrtha",
+            "email": "radityaloviartha@email.com"
+        }
+    ],
+    "require": {
+        "php": ">=7.4",
+        "yiisoft/yii2": "^2.0.42"
+    },
+    "autoload": {
+        "psr-4": {
+            "rplvrtha\\camera\\assets\\": "assets/",
+            "rplvrtha\\camera\\": "src/"
+        }
+    }
+}

src/Yii2Cam.php

@@ -0,0 +1,59 @@
+<?php
+
+namespace rplvrtha\camera;
+
+use rplvrtha\camera\assets\Yii2CamAsset;
+use yii\base\Widget;
+use yii\helpers\Html;
+use yii\helpers\Json;
+use yii\web\View;
+
+class Yii2Cam extends Widget
+{
+    public $uploadUrl;
+    public $onSuccess = null;
+    public $onError = null;
+    public $buttonText = 'Buka Kamera';
+    public $retakeText = 'Ambil Ulang Gambar';
+    public $previewWidth = '100%';
+    public $previewClass = '';
+
+    public function run()
+    {
+        Yii2CamAsset::register($this->getView());
+
+        $options = Json::encode([
+            'uploadUrl' => $this->uploadUrl,
+            'onSuccess' => $this->onSuccess,
+            'onError' => $this->onError,
+            'retakeText' => $this->retakeText,
+        ]);
+
+        $this->getView()->registerJs("
+            window.cameraWidgetOptions = {$options};
+        ", View::POS_HEAD);
+
+        $html = Html::tag(
+            'div',
+            Html::img('', [
+                'id' => 'previewImage',
+                'class' => 'img-fluid d-block mb-3 ' . $this->previewClass,
+                'style' => 'display: none; width: ' . $this->previewWidth . ';',
+                'alt' => 'Pratinjau Gambar'
+            ]) .
+                Html::button($this->buttonText, [
+                    'id' => 'openNativeCamera',
+                    'class' => 'btn btn-primary btn-lg w-100'
+                ]) .
+                Html::fileInput('imageFile', null, [
+                    'accept' => 'image/*',
+                    'capture' => 'environment',
+                    'id' => 'fileInput',
+                    'style' => 'display: none;'
+                ]),
+            ['class' => 'camera-container p-4']
+        );
+
+        return $html;
+    }
+}