feat(model-server): add delete branch button in RepositoryOverview

Author: mhuster23

model-server/src/main/kotlin/org/modelix/model/server/handlers/ui/RepositoryOverview.kt

@@ -9,12 +9,14 @@ import io.ktor.server.routing.routing
 import kotlinx.html.FlowContent
 import kotlinx.html.FlowOrInteractiveOrPhrasingContent
 import kotlinx.html.a
+import kotlinx.html.button
 import kotlinx.html.form
 import kotlinx.html.h1
 import kotlinx.html.i
 import kotlinx.html.onClick
 import kotlinx.html.p
 import kotlinx.html.postButton
+import kotlinx.html.script
 import kotlinx.html.span
 import kotlinx.html.table
 import kotlinx.html.tbody
@@ -23,6 +25,8 @@ import kotlinx.html.th
 import kotlinx.html.thead
 import kotlinx.html.title
 import kotlinx.html.tr
+import kotlinx.html.unsafe
+import org.modelix.model.lazy.RepositoryId
 import org.modelix.model.server.handlers.IRepositoriesManager
 import org.modelix.model.server.templates.PageWithMenuBar
 
@@ -32,7 +36,21 @@ class RepositoryOverview(private val repoManager: IRepositoriesManager) {
         application.routing {
             get("/repos") {
                 call.respondHtmlTemplate(PageWithMenuBar("repos/", "..")) {
-                    headContent { title("Repositories") }
+                    headContent {
+                        title("Repositories")
+                        script(type = "text/javascript") {
+                            unsafe {
+                                +"""
+                                    function removeBranch(repository, branch) {
+                                        if (confirm('Are you sure you want to delete the branch' + branch +' of repository' +repository + '?')) {
+                                            fetch('../v2/repositories/' + repository + '/branches/' + branch, { method: 'DELETE'})
+                                            .then( _ => location.reload())
+                                        }
+                                    }
+                                """.trimIndent()
+                            }
+                        }
+                    }
                     bodyContent { buildMainPage() }
                 }
             }
@@ -89,10 +107,13 @@ class RepositoryOverview(private val repoManager: IRepositoriesManager) {
                                         }
                                     }
                                     td {
-                                        buildHistoryLink(branch.repositoryId.id, branch.branchName)
+                                        buildHistoryLink(repository.id, branch.branchName)
                                     }
                                     td {
-                                        buildExploreLatestLink(branch.repositoryId.id, branch.branchName)
+                                        buildExploreLatestLink(repository.id, branch.branchName)
+                                    }
+                                    td {
+                                        buildDeleteBranchButton(repository.id, branch.branchName)
                                     }
                                 }
                             }
@@ -104,19 +125,19 @@ class RepositoryOverview(private val repoManager: IRepositoriesManager) {
     }
 }
 
-fun FlowOrInteractiveOrPhrasingContent.buildHistoryLink(repositoryId: String, branchName: String) {
+internal fun FlowOrInteractiveOrPhrasingContent.buildHistoryLink(repositoryId: String, branchName: String) {
     a("../history/${repositoryId.encodeURLPathPart()}/${branchName.encodeURLPathPart()}/") {
         +"Show History"
     }
 }
 
-fun FlowOrInteractiveOrPhrasingContent.buildExploreLatestLink(repositoryId: String, branchName: String) {
+internal fun FlowOrInteractiveOrPhrasingContent.buildExploreLatestLink(repositoryId: String, branchName: String) {
     a("../content/repositories/${repositoryId.encodeURLPathPart()}/branches/${branchName.encodeURLPathPart()}/latest/") {
         +"Explore Latest Version"
     }
 }
 
-fun FlowContent.buildDeleteRepositoryForm(repositoryId: String) {
+internal fun FlowContent.buildDeleteRepositoryForm(repositoryId: String) {
     form {
         postButton {
             name = "delete"
@@ -126,3 +147,11 @@ fun FlowContent.buildDeleteRepositoryForm(repositoryId: String) {
         }
     }
 }
+
+internal fun FlowContent.buildDeleteBranchButton(repositoryId: String, branchName: String) {
+    if (branchName == RepositoryId.DEFAULT_BRANCH) return
+    button {
+        onClick = "return removeBranch('${repositoryId.encodeURLPathPart()}', '${branchName.encodeURLPathPart()}')"
+        +"Delete Branch"
+    }
+}