ui code review and edited

app/views/layouts/application.html.erb

@@ -37,5 +37,50 @@
 			<% end %>
       <%= yield %>      
     </div>
+
+    <script type="text/javascript">
+      $(document).ready(function(){
+          // Image Upload
+          $("#simple_menu_item_image_path").fileinput({
+              previewFileType: "image",
+              allowedFileExtensions: ["jpg", "gif", "png"],
+              browseClass: "btn btn-success",
+              browseLabel: "Pick Image",
+              browseIcon: "<i class=\"fa fa-image\"></i> ",
+              removeClass: "btn btn-danger",
+              removeLabel: "Delete",
+              removeIcon: "<i class=\"fa fa-trash\"></i> ",
+              showUpload: false,
+              // uploadClass: "btn btn-info",
+              // uploadLabel: "Upload",
+              // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
+              previewTemplates: {
+                image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
+                        '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
+                        '</div>\n',
+            }
+          });
+
+          $("#product_image_path").fileinput({
+              previewFileType: "image",
+              allowedFileExtensions: ["jpg", "gif", "png"],
+              browseClass: "btn btn-success",
+              browseLabel: "Pick Image",
+              browseIcon: "<i class=\"fa fa-image\"></i> ",
+              removeClass: "btn btn-danger",
+              removeLabel: "Delete",
+              removeIcon: "<i class=\"fa fa-trash\"></i> ",
+              showUpload: false,
+              // uploadClass: "btn btn-info",
+              // uploadLabel: "Upload",
+              // uploadIcon: "<i class=\"fa fa-upload\"></i> ",
+              previewTemplates: {
+                image: '<div class="file-preview-frame" id="{previewId}" data-fileindex="{fileindex}">\n' +
+                        '   <img src="{data}" class="file-preview-image" title="{caption}" alt="{caption}" style="width: 200px;height: 200px;">\n' +
+                        '</div>\n',
+            }
+          });
+      });
+    </script>
   </body>
 </html>