Delete image

src/main/resources/META-INF/resources/detailEdit.xhtml

@@ -24,7 +24,7 @@
 	text-align: left;
 }
 </style>
-        <h:messages id="messages"/>
+        <h:messages id="messages" />
         <p:panel id="editorPanel"
             header="#{recipeDetailBean.recipe.title}"
         >
@@ -99,7 +99,8 @@
                                 value="Description"
                             />
                             <p:inputTextarea id="description"
-                                rows="10"  cols="30" escape="false"
+                                rows="10" cols="30"
+                                escape="false"
                                 value="#{recipeDetailBean.recipe.description}"
                             />
                             <p:panel id="picPanel">
@@ -110,21 +111,21 @@
                             <p:fileUpload id="ctlUpload"
                                 label="Upload Image"
                                 fileUploadListener="#{recipeDetailBean.ajaxUploadImage}"
-                                global="true"
+                                global="true" mode="advanced"
-                                mode="advanced" multiple="false"
+                                multiple="false"
                                 update=":messages picPanel"
                                 auto="true" sizeLimit="1000000"
                                 allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                             />
-                            <p:button id="ctlDelImg"
+                            <p:commandButton id="ctlDelImg"
                                 value="Delete Image"
                             >
-                                <!-- <f:ajax
+                                <f:ajax
-                                listener="recipeDetailBean.ajaxDeleteImage"
+                                    listener="#{recipeDetailBean.ajaxDeleteImage}"
-                                execute="ctlDelImg"
+                                    render="picPanel"
-                                immediate="true" render="picture"
+                                    immediate="true"
-                            />  -->
+                                />
-                            </p:button>
+                            </p:commandButton>
                         </p:panelGrid>
                     </p:tab>
                     <p:tab id="ingredientsTab"