#268 UI finished

GanjooRazor/Areas/Admin/Pages/Probables.cshtml

@@ -11,10 +11,27 @@
 {
     <p>@Model.LastMessage</p>
 }
-else
+else if(Model.Rhythms != null && Model.Poem != null)
 {
     <form method="post">
         <table>
+            <tr>
+                <td>
+                    <input type="text" id="select-search" value = "" oninput = "doSearchInMetreCombo()" />
+                    <script>
+                        function doSearchInMetreCombo(){
+                            var value = document.getElementById('select-search').value;
+                            var options = document.getElementById('Poem_GanjoorMetre_Rhythm').options
+                            for(var i=0; i < options.length; i++){
+                                if(options[i].value.indexOf(value) != -1){
+                                    document.getElementById('Poem_GanjoorMetre_Rhythm').value = options[i].value;
+                                    break;
+                                }
+                            }
+                        }
+                    </script>
+                </td>
+            </tr>
             <tr>
                 <td>
                     <select asp-for="Poem.GanjoorMetre.Rhythm" style="width: 500px">

GanjooRazor/Areas/Admin/Pages/Probables.cshtml.cs

@@ -92,7 +92,7 @@ namespace GanjooRazor.Areas.Admin.Pages
                         LastMessage = "وزنی انتخاب نشده.";
                         return Page();
                     }
-                    var response = await secureClient.PostAsync($"{APIRoot.Url}/api/ganjoor/probablemetre/save/{probableRecordId}",
+                    var response = await secureClient.PutAsync($"{APIRoot.Url}/api/ganjoor/probablemetre/save/{probableRecordId}",
                         new StringContent(JsonConvert.SerializeObject(metre), Encoding.UTF8, "application/json")
                         );