Pin cfg: Sort Driver / pin function list alphabeticaly (#1361)

* Pin cfg: Sort Driver / pin function list alphabeticaly

* Let pins alias have fixed size

src/httpserver/http_fns.c

@@ -2531,6 +2531,8 @@ int http_fn_cfg_pins(http_request_t* request) {
  }
  poststr(request, "];");
 
+ poststr(request, "var sr = r.map((e,i)=>{return e[0]+'#'+i}).sort(Intl.Collator().compare).map(e=>e.split('#'));");
+
  poststr(request, "function hide_show() {"
  "n=this.name;"
  "er=getElement('r'+n);"
@@ -2544,20 +2546,18 @@ int http_fn_cfg_pins(http_request_t* request) {
  "let f = document.getElementById(\"x\");"
  "let d = document.createElement(\"div\");"
  "d.className = \"hdiv\";"
- "d.innerText = alias;"
+ "d.innerHTML = \"<span class='disp-inline' style='min-width: 15ch'>\"+alias+\"</span>\";"
  "f.appendChild(d);"
  "let s = document.createElement(\"select\");"
  "s.className = \"hele\";"
  "s.name = id;"
  "d.appendChild(s);"
- " for (var i = 0; i < r.length; i++) {"
- " if(b && r[i][0].startsWith(\"PWM\")) continue; "
+ " for (var i = 0; i < sr.length; i++) {"
+ " if(b && sr[i][0].startsWith(\"PWM\")) continue; "
  "var o = document.createElement(\"option\");"
- " o.text = r[i][0];"
- " o.value = i;"
- " if (i == c) {"
- " o.selected = true;"
- " }"
+ " o.text = sr[i][0];"
+ " o.value = sr[i][1];"
+ " o.selected = (sr[i][1] == c);"
  "s.add(o);s.onchange = hide_show;"
  "}"
  "var y = document.createElement(\"input\");"