From 8a0c4cf04b9a8e98cadb693106762ad1241218b3 Mon Sep 17 00:00:00 2001 From: Cat Date: Tue, 24 Oct 2017 10:10:12 +0200 Subject: [PATCH] LSP: new inputtypes selectinput and inputlist, added UI for balancer bandwidth settings, prometheus and access log --- lsp/main.css | 23 +++- lsp/minified.js | 357 ++++++++++++++++++++++++------------------------ lsp/mist.js | 250 ++++++++++++++++++++++++++++++--- 3 files changed, 433 insertions(+), 197 deletions(-) diff --git a/lsp/main.css b/lsp/main.css index f7751773..559b029f 100644 --- a/lsp/main.css +++ b/lsp/main.css @@ -269,7 +269,7 @@ main > button { text-indent: -1em; padding-left: 1em; } -.input_container .field_container select.field { +.input_container .field_container select.field, .input_container .field_container select:first-child { min-width: 0; width: 100%; height: 1.8em; @@ -387,6 +387,18 @@ button, input[type=submit], input[type=button], .mistbutton { text-decoration: none; cursor: pointer } +/* double nested UI */ +.UIelement .UIelement .label { + width: 5em; +} +.UIelement .UIelement .field_container { + width: auto; + flex-grow: 1; + margin-right: 0; +} +.UIelement .UIelement .help_container { + display: none; +} .red { color: #b00 !important; @@ -546,6 +558,15 @@ th.sorting-desc:after { margin-left: 1em; flex-grow: 1; } +.input_container .field_container .field.selectinput, +.input_container .field_container .field.inputlist { + padding-left: 0; + padding-right: 0; + padding-bottom: 0.5em; +} +.input_container .field_container .field.inputlist > * { + width: 100%; +} .input_container .field_container .field.checkcontainer { font-size: 0.8em; border: 1px solid #bbb; diff --git a/lsp/minified.js b/lsp/minified.js index 6f7a3742..6a66061a 100644 --- a/lsp/minified.js +++ b/lsp/minified.js @@ -1,11 +1,11 @@ -var MD5=function(a){function c(a,c){var b,d,h,g,f;h=a&2147483648;g=c&2147483648;b=a&1073741824;d=c&1073741824;f=(a&1073741823)+(c&1073741823);return b&d?f^2147483648^h^g:b|d?f&1073741824?f^3221225472^h^g:f^1073741824^h^g:f^h^g}function d(a,b,d,h,g,f,j){a=c(a,c(c(b&d|~b&h,g),j));return c(a<>>32-f,b)}function b(a,b,d,h,g,f,j){a=c(a,c(c(b&h|d&~h,g),j));return c(a<>>32-f,b)}function e(a,b,d,h,g,f,j){a=c(a,c(c(b^d^h,g),j));return c(a<>>32-f,b)}function g(a,b,d,h,g,f,j){a=c(a,c(c(d^(b|~h), -g),j));return c(a<>>32-f,b)}function m(a){var c="",b="",d;for(d=0;3>=d;d++)b=a>>>8*d&255,b="0"+b.toString(16),c+=b.substr(b.length-2,2);return c}var f=[],q,p,l,u,h,j,k,i,f=a.replace(/\r\n/g,"\n"),a="";for(q=0;qp?a+=String.fromCharCode(p):(127p?a+=String.fromCharCode(p>>6|192):(a+=String.fromCharCode(p>>12|224),a+=String.fromCharCode(p>>6&63|128)),a+=String.fromCharCode(p&63|128));f=a;a=f.length;q=a+8;p=16*((q-q%64)/64+1);l=Array(p-1);for(h=u=0;h>>29;f=l;h=1732584193;j=4023233417;k=2562383102;i=271733878;for(a=0;ab?1*d:a .menu"),main:$("main"),header:$("header"),connection:{status:$("#connection"),user_and_host:$("#user_and_host"),msg:$("#message")}};UI.buildMenu();UI.stored.getOpts();try{if("mistLogin"in sessionStorage){var a=JSON.parse(sessionStorage.mistLogin);mist.user.name=a.name;mist.user.password=a.password;mist.user.host=a.host}}catch(c){}location.hash&&(a=decodeURIComponent(location.hash).substring(1).split("@")[0].split("&"),mist.user.name=a[0],a[1]&&(mist.user.host= +var MD5=function(a){function c(a,c){var b,d,f,g,e;f=a&2147483648;g=c&2147483648;b=a&1073741824;d=c&1073741824;e=(a&1073741823)+(c&1073741823);return b&d?e^2147483648^f^g:b|d?e&1073741824?e^3221225472^f^g:e^1073741824^f^g:e^f^g}function d(a,b,d,f,g,e,j){a=c(a,c(c(b&d|~b&f,g),j));return c(a<>>32-e,b)}function b(a,b,d,f,g,e,j){a=c(a,c(c(b&f|d&~f,g),j));return c(a<>>32-e,b)}function e(a,b,d,f,g,e,j){a=c(a,c(c(b^d^f,g),j));return c(a<>>32-e,b)}function h(a,b,d,f,g,e,j){a=c(a,c(c(d^(b|~f), +g),j));return c(a<>>32-e,b)}function m(a){var c="",b="",d;for(d=0;3>=d;d++)b=a>>>8*d&255,b="0"+b.toString(16),c+=b.substr(b.length-2,2);return c}var g=[],q,o,i,u,f,j,l,k,g=a.replace(/\r\n/g,"\n"),a="";for(q=0;qo?a+=String.fromCharCode(o):(127o?a+=String.fromCharCode(o>>6|192):(a+=String.fromCharCode(o>>12|224),a+=String.fromCharCode(o>>6&63|128)),a+=String.fromCharCode(o&63|128));g=a;a=g.length;q=a+8;o=16*((q-q%64)/64+1);i=Array(o-1);for(f=u=0;f>>29;g=i;f=1732584193;j=4023233417;l=2562383102;k=271733878;for(a=0;ab?1*d:a .menu"),main:$("main"),header:$("header"),connection:{status:$("#connection"),user_and_host:$("#user_and_host"),msg:$("#message")}};UI.buildMenu();UI.stored.getOpts();try{if("mistLogin"in sessionStorage){var a=JSON.parse(sessionStorage.mistLogin);mist.user.name=a.name;mist.user.password=a.password;mist.user.host=a.host}}catch(c){}location.hash&&(a=decodeURIComponent(location.hash).substring(1).split("@")[0].split("&"),mist.user.name=a[0],a[1]&&(mist.user.host= a[1]));mist.send(function(){$(window).trigger("hashchange")},{},{timeout:5,hide:!0});var d=0;$("body > div.filler").on("scroll",function(){var a=$(this).scrollLeft();a!=d&&UI.elements.header.css("margin-right",-1*a+"px");d=a})});$(window).on("hashchange",function(){var a=decodeURIComponent(location.hash).substring(1).split("@");a[1]||(a[1]="");a=a[1].split("&");""==a[0]&&(a[0]="Overview");UI.showTab(a[0],a[1])}); var otherhost={host:!1,https:!1},UI={debug:!1,elements:{},stored:{getOpts:function(){var a=localStorage.stored;a&&(a=JSON.parse(a));$.extend(!0,this.vars,a);return this.vars},saveOpt:function(a,c){this.vars[a]=c;localStorage.stored=JSON.stringify(this.vars);return this.vars},vars:{helpme:!0}},interval:{clear:function(){"undefined"!=typeof this.opts&&(clearInterval(this.opts.id),delete this.opts)},set:function(a,c){this.opts&&log("[interval]","Set called on interval, but an interval is already active."); this.opts={delay:c,callback:a};this.opts.id=setInterval(a,c)}},returnTab:["Overview"],countrylist:{AF:"Afghanistan",AX:"Åland Islands",AL:"Albania",DZ:"Algeria",AS:"American Samoa",AD:"Andorra",AO:"Angola",AI:"Anguilla",AQ:"Antarctica",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia, Plurinational State of", @@ -20,157 +20,163 @@ TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",GB:"United Kingdo clearTimeout(this.hiding);delete this.hiding;var d=$(document).height()-$tooltip.outerHeight(),b=$(document).width()-$tooltip.outerWidth();$tooltip.css("left",Math.min(a.pageX+10,b-10));$tooltip.css("top",Math.min(a.pageY+25,d-10));$tooltip.show().addClass("show")},hide:function(){$tooltip=this.element;$tooltip.removeClass("show");this.hiding=setTimeout(function(){$tooltip.hide()},500)},element:$("
").attr("id","tooltip")},humanMime:function(a){var c=!1;switch(a){case "html5/application/vnd.apple.mpegurl":c= "HLS";break;case "html5/video/mp4":c="MP4";break;case "dash/video/mp4":c="DASH";break;case "flash/11":c="HDS";break;case "flash/10":c="RTMP";break;case "flash/7":c="Progressive";break;case "html5/audio/mp3":c="MP3";break;case "html5/video/mp2t":c="TS";break;case "html5/application/vnd.ms-ss":c="Smooth";break;case "html5/text/vtt":c="VTT Subtitles";break;case "html5/text/plain":c="SRT Subtitles";break;case "html5/text/javascript":c="JSON Subtitles"}return c},popup:{element:null,show:function(a){this.element= $("
").attr("id","popup").append($("