Implemented searchable issue list for new dependency selection

Signed-off-by: Konrad <konrad@kola-entertainments.de>

options/locale/locale_en-US.ini

@@ -733,6 +733,7 @@ issues.dependency.cancel = Cancel
 issues.dependency.remove = Remove
 issues.dependency.add_header = Add New Dependency
 issues.dependency.issue_number = Issuenumber
+issues.dependency.issue_search = Search for issues
 issues.dependency.added_dependency = `<a href="%[1]s">%[2]s</a> added a new dependency %[3]s`
 issues.dependency.removed_dependency = `<a href="%[1]s">%[2]s</a> removed a dependency %[3]s`
 issues.dependency.issue_closing_blockedby = Closing this pull request is blocked by

public/js/index.js

@@ -1865,6 +1865,7 @@ function deleteDependencyModal(id, type) {
 }
 
 function showAddDependencyModal() {
+    // Show the modal
     $('.add-dependency')
         .modal({
             duration: 200,
@@ -1874,4 +1875,36 @@ function showAddDependencyModal() {
             }
         }).modal('show')
     ;
+
+    // Get a list of issues
+    var repolink = $('#repolink').val();
+    $.getJSON( '/api/v1/repos' + repolink + '/issues', function( data ) {
+
+        $.each(data, function (i, issue) {
+            //$('#newDependency').append('<option value="' + issue.id + '"><b>#' + issue.number + '</b> ' + issue.title + '</option>');
+            $('.new-dependency-dropdown').append('<div class="item" data-value="' + issue.id + '"><b>#' + issue.number + '</b> ' + issue.title + '</div>');
+        });
+        /*$('.issue-search')
+            .search({
+                source: data,
+                searchFields: [
+                    'number',
+                    'title',
+                    'body'
+                ],
+                fields: {
+                    title: 'title',
+                    description: 'body'
+                },
+                searchFullText: false,
+                onSelect: function (result) {
+                    $('#newDependency').val(result.id);
+                    return false;
+                }
+            });*/
+    });
+
+    $('.new-dependency-drop-list').dropdown({
+        fullTextSearch: true
+    })
 }

templates/repo/issue/view_content/sidebar.tmpl

@@ -273,7 +273,7 @@
 	</div>
 </div>
 
-
+<input type="hidden" id="repolink" value="{{$.RepoLink}}">
 <div class="ui mini modal add-dependency">
 	<div class="header">
 		{{.i18n.Tr "repo.issues.dependency.add_header"}}
@@ -281,8 +281,22 @@
 	<div class="content">
 		<form method="POST" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/addDependency" id="addDependencyForm">
 			{{$.CsrfTokenHtml}}
-			<div class="ui input">
+			<!--<div class="ui search issue-search">
-				<input type="text" name="newDependency" id="newDependency" placeholder='{{.i18n.Tr "repo.issues.dependency.issue_number"}}'>
+				<div class="ui input">
+					<input type="text" class="prompt" name="newDependency" id="newDependency" placeholder='{{.i18n.Tr "repo.issues.dependency.issue_number"}}'>
+				</div>
+				<div class="results"></div>
+			</div>
+			<select class="ui search dropdown" name="newDependency" id="newDependency">
+				<option value="">{{.i18n.Tr "repo.issues.dependency.issue_number"}}</option>
+			</select>-->
+			<div class="ui search selection dropdown new-dependency-drop-list">
+				<input name="newDependency" type="hidden">
+				<i class="dropdown icon"></i>
+				<div class="default text">{{.i18n.Tr "repo.issues.dependency.issue_search"}}</div>
+				<div class="menu new-dependency-dropdown">
+
+				</div>
 			</div>
 		</form>
 	</div>