Merge pull request #6 from boite-beet/feature/size-options

Add size options for detail and index views

README.md

@@ -21,6 +21,16 @@ Qrcode::make('QR Code')
 
 ![Basic](https://i.imgur.com/V15fjwl.png)
 
+#### Setting sizes
+
+```php
+Qrcode::make('QR Code')
+    ->text('http://laravel.com')
+    ->indexSize(100)
+    ->detailSize(500)
+```
+
+
 #### With logo
 
 ```php

dist/mix-manifest.json

@@ -1,4 +1,3 @@
 {
-    "/js/field.js": "/js/field.js",
-    "/css/field.css": "/css/field.css"
+    "/js/field.js": "/js/field.js"
 }

resources/js/components/DetailField.vue

@@ -4,10 +4,10 @@
             <vue-qr 
                 class="qr-item" 
                 :text="this.field.text" 
-                size="200" 
+                :size="this.field.detailSize"
                 :bgSrc="this.field.background"
                 :logoSrc="this.field.logo"
-                margin="0"
+                :margin="0"
             ></vue-qr>
         </p>
     </panel-item>

resources/js/components/IndexField.vue

@@ -3,10 +3,10 @@
     	<vue-qr 
             class="qr-item" 
             :text="this.field.text" 
-            size="50" 
+            :size="this.field.indexSize"
             :bgSrc="this.field.background"
             :logoSrc="this.field.logo"
-            margin="0"
+            :margin="0"
         ></vue-qr>
     </span>
 </template>

src/Qrcode.php

@@ -17,7 +17,9 @@ class Qrcode extends Field
 
     public function __construct()
     {
-        $this->exceptOnForms();
+        $this->exceptOnForms()
+             ->indexSize(50)
+             ->detailSize(200);
     }
 
     public function text($text = null)
@@ -36,6 +38,16 @@ public function logo($logo = null)
         return $this->withMeta(['logo' => $this->_renderImage($logo)]);
     }
 
+    public function indexSize(int $size)
+    {
+        return $this->withMeta(['indexSize' => $size]);
+    }
+
+    public function detailSize(int $size)
+    {
+        return $this->withMeta(['detailSize' => $size]);
+    }
+
     protected function _renderImage($url = null)
     {
         if ($url and curl_init($url)) {

webpack.mix.js

@@ -2,4 +2,3 @@ let mix = require('laravel-mix')
 
 mix.setPublicPath('dist')
    .js('resources/js/field.js', 'js')
-   .sass('resources/sass/field.scss', 'css')