fixes #29

Author: comur

Resources/views/Form/croppable_image_modal.html.twig

@@ -13,6 +13,9 @@
 <script src="{{ asset('bundles/comurimage/js/jquery.fileupload.js') }}"></script>
 <script src="{{ asset('bundles/comurimage/js/jquery.Jcrop.min.js') }}"></script>
 <script src="{{ asset('bundles/comurimage/js/jquery.color.js') }}"></script>
+{% if include_holder is not defined or include_holder %}
+    <script src="{{ asset('bundles/comurimage/components/holder/holder.min.js') }}"></script>
+{% endif %}
 {% if include_bootstrap is not defined or include_bootstrap %}
     <script src="{{ asset('bundles/comurimage/js/bootstrap.min.js') }}"></script>
 {% endif %}

Resources/views/Form/fields.html.twig

@@ -23,13 +23,13 @@
                     {% if form[name].vars.value %}
                         <img src="/{{ options.uploadConfig.webDir ~ '/' ~ form[name].vars.value }}?{{ 'now'  | date('U') }}" id="{{ form[name].vars.id }}_preview" style="{{ options.uploadConfig.saveOriginal ? 'cursor:hand; cursor: pointer' : ''}}"/>
                     {% else %}
-                        <img src="http://placehold.it/{{ options.cropConfig.minWidth }}x{{ options.cropConfig.minHeight}}" id="{{ form[name].vars.id }}_preview"/>
+                        <img src="holder.js/{{ options.cropConfig.minWidth }}x{{ options.cropConfig.minHeight}}" id="{{ form[name].vars.id }}_preview"/>
                     {% endif %}
                 {% else %}
                     {% if form[name].vars.value %}
                         <img src="/{{ (options.uploadConfig.webDir ~ '/' ~ form[name].vars.value)|thumb(options.fieldImage.maxWidth, options.fieldImage.maxHeight) }}?{{ 'now'  | date('U') }}" id="{{ form[name].vars.id }}_preview" style="{{ options.uploadConfig.saveOriginal ? 'cursor:hand; cursor: pointer' : ''}}"/>
                     {% else %}
-                        <img src="http://placehold.it/{{ options.fieldImage.maxWidth }}x{{ options.fieldImage.maxHeight}}" id="{{ form[name].vars.id }}_preview"/>
+                        <img src="holder.js/{{ options.fieldImage.maxWidth }}x{{ options.fieldImage.maxHeight}}" id="{{ form[name].vars.id }}_preview"/>
                     {% endif %}
                 {% endif %}
 

composer.json

@@ -25,10 +25,14 @@
         "twig/twig": "~1.12",
         "twig/extensions": "~1.0",
         "friendsofsymfony/jsrouting-bundle": "@stable",
-        "jms/translation-bundle": "@stable"
+        "jms/translation-bundle": "@stable",
+        "imsky/holder": "2.5.*"
     },
     "target-dir": "Comur/ImageBundle",
     "autoload": {
         "psr-0": { "Comur\\ImageBundle": "" }
+    },
+    "config": {
+        "component-dir": "Resources/public/components"
     }
 }