Attach image to wiki is progressing

src/main/scala/gitbucket/core/controller/FileUploadController.scala

@@ -1,11 +1,14 @@
 package gitbucket.core.controller
 
-import gitbucket.core.util.{Keys, FileUtil}
+import gitbucket.core.util._
 import gitbucket.core.util.ControlUtil._
 import gitbucket.core.util.Directory._
+import org.eclipse.jgit.api.Git
+import org.eclipse.jgit.dircache.DirCache
+import org.eclipse.jgit.lib.{FileMode, Constants}
 import org.scalatra._
 import org.scalatra.servlet.{MultipartConfig, FileUploadSupport, FileItem}
-import org.apache.commons.io.FileUtils
+import org.apache.commons.io.{IOUtils, FileUtils}
 
 /**
  * Provides Ajax based file upload functionality.
@@ -31,6 +34,39 @@ class FileUploadController extends ScalatraServlet with FileUploadSupport {
     }, FileUtil.isUploadableType)
   }
 
+  post("/wiki/:owner/:repository"){
+    // TODO security
+    execute({ (file, fileId) =>
+      val owner      = params("owner")
+      val repository = params("repository")
+      val fileName   = file.getName
+      LockUtil.lock(s"${owner}/${repository}/wiki") {
+        using(Git.open(Directory.getWikiRepositoryDir(owner, repository))) { git =>
+          val builder  = DirCache.newInCore.builder()
+          val inserter = git.getRepository.newObjectInserter()
+          val headId   = git.getRepository.resolve(Constants.HEAD + "^{commit}")
+
+          if(headId != null){
+            JGitUtil.processTree(git, headId){ (path, tree) =>
+              if(path != fileName){
+                builder.add(JGitUtil.createDirCacheEntry(path, tree.getEntryFileMode, tree.getEntryObjectId))
+              }
+            }
+          }
+
+          val bytes = IOUtils.toByteArray(file.getInputStream)
+          builder.add(JGitUtil.createDirCacheEntry(fileName, FileMode.REGULAR_FILE, inserter.insert(Constants.OBJ_BLOB, bytes)))
+          builder.finish()
+
+          val newHeadId = JGitUtil.createNewCommit(git, inserter, headId, builder.getDirCache.writeTree(inserter),
+            Constants.HEAD, "committer.fullName", "committer.mailAddress", s"Uploaded ${fileName}") // TODO committer
+
+          fileName
+        }
+      }
+    }, FileUtil.isImage)
+  }
+
   private def execute(f: (FileItem, String) => Unit, mimeTypeChcker: (String) => Boolean) = fileParams.get("file") match {
     case Some(file) if(mimeTypeChcker(file.name)) =>
       defining(FileUtil.generateFileId){ fileId =>

src/main/twirl/gitbucket/core/wiki/edit.scala.html

@@ -1,8 +1,8 @@
 @(pageName: String,
   page: Option[gitbucket.core.service.WikiService.WikiPageInfo],
   repository: gitbucket.core.service.RepositoryService.RepositoryInfo)(implicit context: gitbucket.core.controller.Context)
-@import context._
 @import gitbucket.core.view.helpers._
+@import gitbucket.core.util.FileUtil
 @html.main(s"${if(pageName.isEmpty) "New Page" else pageName} - ${repository.owner}/${repository.name}", Some(repository)){
   @html.menu("wiki", repository){
     <div class="pull-right">
@@ -17,18 +17,22 @@
       <form action="@url(repository)/wiki/@if(page.isEmpty){_new} else {_edit}" method="POST" validate="true">
         <span id="error-pageName" class="error"></span>
         <input type="text" name="pageName" value="@pageName" class="form-control" style="font-weight: bold; margin-bottom: 10px;" placeholder="Input a page name."/>
-        @helper.html.preview(
-          repository         = repository,
-          content            = page.map(_.content).getOrElse(""),
-          enableWikiLink     = true,
-          enableRefsLink     = false,
-          enableLineBreaks   = false,
-          enableTaskList     = false,
-          hasWritePermission = false,
-          style              = "height: 400px;",
-          styleClass         = "monospace",
-          placeholder        = ""
-        )
+        <div class="muted attachable">
+          @helper.html.preview(
+            repository         = repository,
+            content            = page.map(_.content).getOrElse(""),
+            enableWikiLink     = true,
+            enableRefsLink     = false,
+            enableLineBreaks   = false,
+            enableTaskList     = false,
+            hasWritePermission = false,
+            style              = "height: 400px;",
+            styleClass         = "monospace",
+            placeholder        = "",
+            uid                = 1
+          )
+          <div class="clickable">Attach images or documents by dragging &amp; dropping, or selecting them.</div>
+        </div>
         <div class="form-group">
           <label for="message">Edit Message</label>
           <input type="text" id="message" name="message" value="" class="form-control" placeholder="Write a small message here explaining this change. (Optional)"/>
@@ -44,6 +48,25 @@
 }
 <script>
 $(function(){
+  try {
+    $('.clickable').dropzone({
+      url: '@context.path/upload/wiki/@repository.owner/@repository.name',
+      maxFilesize: 10,
+      acceptedFiles: @Html(FileUtil.mimeTypeWhiteList.mkString("'", ",", "'")),
+      dictInvalidFileType: 'Unfortunately, we don\'t support that file type. Try again with a PNG, GIF, JPG, DOCX, PPTX, XLSX, TXT, or PDF.',
+      previewTemplate: "<div class=\"dz-preview\">\n  <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress>Uploading your files...</span></div>\n  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n</div>",
+      success: function(file, id) {
+        var attachFile = (file.type.match(/image\/.*/) ? '\n![' + file.name.split('.')[0] : '\n[' + file.name) + '](' + file.name + ')';
+        $('#content1').val($('#content1').val() + attachFile);
+        $(file.previewElement).prevAll('div.dz-preview').addBack().remove();
+      }
+    });
+  } catch(e) {
+    if (e.message !== "Dropzone already attached.") {
+      throw e;
+    }
+  }
+
   $('#delete').click(function(){
     return confirm('Are you sure you want to delete this page?'); 
   });