☰

Webadmin - searchable application

Make Application selection searchable

当前为 2016-05-26 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        Webadmin - searchable application
  3. // @namespace   com.aforms2web.ds.ujs
  4. // @description Make Application selection searchable
  5. // @author      dietmar.stoiber@aforms2web.com
  6. // @include     *webadmin*
  7. // @version     0.8
  8. // @grant       none
  9. // ==/UserScript==
  10.  
  11. init(); 
  12.  
  13. function init(){
  14.     var select = $("#afs_application");
  15.     if(select.size() > 0){
  16. 	select.attr("size", 10);
  17. 	select.attr("style", "min-height: 3em");
  18. 	
  19. 	var tr = document.createElement("tr");
  20. 	var td = document.createElement("td");
  21. 	td.innerHTML = "Filter";
  22. 	tr.appendChild(td);
  23. 	td = document.createElement("td");
  24.  
  25. 	var input = document.createElement("input");
  26. 	input.addEventListener ('keydown', stopMovingCarretONUpDown, true);
  27. 	input.addEventListener ('keyup', filter, true);
  28. 	input.setAttribute("id", "afs_application_filter"); 	
  29. 	input.setAttribute("type", "text"); 	
  30. 	input.setAttribute("autocomplete", "off"); 	
  31. 	input.setAttribute("class", "input_field_size300"); 	
  32. 	input.setAttribute("style", "border-top-right-radius: 5em 2em;"); 	
  33. 	td.appendChild(input);
  34.  
  35. 	tr.appendChild(td);
  36. 	select.closest("tbody").prepend(tr);
  37.  
  38. 	input.focus();
  39.  
  40.     }
  41. }
  42.  
  43. var appSelect_currentSelected = null;
  44.  
  45. function stopMovingCarretONUpDown(event){
  46. 	if(event.keyCode == 38 || event.keyCode == 40){ 
  47. 	    event.preventDefault();
  48. 	}
  49. }
  50.  
  51. function filter(event){
  52.     var filter = $("#afs_application_filter").val();
  53.     var appSelect = $("#afs_application");
  54.     var selected = null;
  55.     var first = null;
  56.     if(appSelect_currentSelected != null){		
  57. 	if(event.keyCode == 38){ // up
  58. 	    appSelect_currentSelected.prevAll(':not(:disabled)').first().attr("selected", true);
  59. 	    appSelect_currentSelected = appSelect.find("option:selected");
  60. 	    return;
  61. 	}else if(event.keyCode == 40){ // down
  62. 	    appSelect_currentSelected.nextAll(':not(:disabled)').first().attr("selected", true);
  63. 	    appSelect_currentSelected = appSelect.find("option:selected");
  64. 	    return;
  65. 	}
  66.     }
  67. 	appSelect_currentSelected = null;
  68. 	$("#afs_application > option").each(function() {
  69. 	    if(this.text.indexOf(filter) >= 0 || this.text.match(new RegExp(filter, 'gi'))){
  70. 		$(this).attr("style", "");
  71. 		$(this).attr("disabled", false);
  72. 		if(first == null){
  73. 		    first = $(this);
  74. 		}
  75. 		if($(this).attr("selected") && selected == null){
  76. 		    appSelect_currentSelected = $(this);
  77. 		}
  78. 	    }else{
  79. 		$(this).attr("style", "display: none; visibility: hidden;");
  80. 		$(this).attr("disabled", true);
  81. 		$(this).attr("selected", false);
  82. 	    }
  83. 	});
  84. 	if(appSelect_currentSelected == null){
  85. 	    first.attr("selected", true);
  86. 	    appSelect_currentSelected = appSelect.find("option:selected");
  87. 	}
  88. 	if(appSelect_currentSelected != null){
  89. 	    appSelect.scrollTop(appSelect_currentSelected.position().top);
  90. 	}
  91. }