'
- + list.slice( 0, pos ).replace( /<'+ list.slice( pos ).replace( /'
- $( '#data' )
- .html( error )
- .removeClass( 'hide' );
- $( '#button-data' ).addClass( 'hide' );
- loaderHide();
-}
-
-// ----------------------------------------------------------------------
-function highlightJSON( json ) {
- var json = Object.keys( json )
- .sort()
- .reduce( ( r, k ) => ( r[ k ] = json[ k ], r ), {} ); // https://stackoverflow.com/a/29622653
- json = JSON.stringify( json, null, '\t' )
- .replace( /'+ match +''
- }
- } else if ( /true/.test( match ) ) { // true
- return '
'+ match +''
- } else if ( /false/.test( match ) ) { // false
- return '
'+ match +''
- } else if ( /[0-9]/.test( match ) ) { // number
- return '
'+ match +''
- } else if ( /[{}\[\]]/.test( match ) ) { // braces
- return '
'+ match +''
- }
- } );
- return '\n\n'+ json.replace( /: null,/g, ':
null,' );
-}
+// info ----------------------------------------------------------------------
function ico( cls, id ) {
return '
'
}
+function local( delay ) {
+ V.local = true;
+ setTimeout( () => V.local = false, delay || 300 );
+}
-// info ----------------------------------------------------------------------
-$( '#infoOverlay' ).press( '#infoIcon', function() { // usage
- window.open( 'https://github.com/rern/js/blob/master/info/README.md#infojs', '_blank' );
-} );
-$( '#infoOverlay' ).on( 'click', '#infoList', function() {
- $( '.infobtn, .filebtn' ).removeClass( 'active' );
-} );
-$( '#infoOverlay' ).on( 'keydown', function( e ) {
-/*
-all: [Tab] - focus / next input
- [Shift+Tab] - previous input
-radio: [L] [R] - check
-checkbox: [space] - check
-select: [U] [D] - check
-*/
- if ( ! I.active ) return
-
- e.stopPropagation(); // suppress others
- var key = e.key;
- switch ( key ) {
- case 'Enter':
- if ( ! $( '#infoOk' ).hasClass( 'disabled' ) && ! $( 'textarea' ).is( ':focus' ) ) $( '#infoOk' ).trigger( 'click' );
- break;
- case 'Escape':
- $( '#infoX' ).trigger( 'click' );
- break;
- case 'ArrowLeft':
- case 'ArrowRight':
- var activeinput = $( document.activeElement ).attr( 'type' );
- if ( [ 'text', 'number', 'password', 'range', 'textarea' ].includes( activeinput ) ) return
-
- var $tabactive = $( '#infoTab a.active' );
- if ( key === 'ArrowLeft' ) {
- $tabactive.is(':first-child') ? $( '#infoTab a:last-child' ).trigger( 'click' ) : $tabactive.prev().trigger( 'click' );
- } else {
- $tabactive.is(':last-child') ? $( '#infoTab a:first-child' ).trigger( 'click' ) : $tabactive.next().trigger( 'click' );
- }
- break;
- }
-} );
-
I = { active: false }
function info( json ) {
- local(); // flag for consecutive info
+ local();
I = json;
if ( 'keyvalue' in I ) $.each( I.keyvalue, ( k, v ) => I[ k ] = v );
if ( 'values' in I ) {
@@ -575,10 +314,6 @@ function info( json ) {
I.active = true;
'focus' in I ? $inputbox.eq( I.focus ).focus() : $( '#infoOverlay' ).focus();
if ( $( '#infoBox' ).height() > window.innerHeight - 10 ) $( '#infoBox' ).css( { top: '5px', transform: 'translateY( 0 )' } );
- infoButtonWidth();
- // set width: text / password / textarea
- infoWidth();
- if ( [ 'localhost', '127.0.0.1' ].includes( location.hostname ) ) $( '#infoList a' ).removeAttr( 'href' );
// check inputs: blank / length / change
if ( I.checkblank ) {
if ( I.checkblank === true ) I.checkblank = [ ...Array( $inputbox.length ).keys() ];
@@ -597,73 +332,6 @@ function info( json ) {
I.nochange = I.values && I.checkchanged ? true : false;
$( '#infoOk' ).toggleClass( 'disabled', I.blank || I.notip || I.short || I.nochange ); // initial check
infoCheckSet();
- if ( I.range ) {
- var timeout, val;
- $( '.inforange input' ).on( 'input', function() {
- var $this = $( this );
- $this.siblings( '.value' ).text( +$this.val() );
- } );
- var rangeset = ( $range, up ) => {
- val = +$range.val();
- up ? val++ : val--;
- $range
- .val( val )
- .siblings( '.value' ).text( val );
- }
- $( '.inforange i' ).on( 'touchend mouseup keyup', function() { // increment up/dn
- clearTimeout( timeout );
- var $this = $( this );
- if ( ! V.press ) rangeset( $this.siblings( 'input' ), $this.hasClass( 'up' ) );
- } ).press( function( e ) {
- var $this = $( e.target );
- var $range = $this.siblings( 'input' )
- var up = $this.hasClass( 'up' );
- timeout = setInterval( () => rangeset( $range, up ), 100 );
- } );
- }
- if ( I.updn.length ) {
- I.updn.forEach( ( el, i ) => {
- var $td = $( '#infoList .updn' ).parent().eq( i );
- var $updn = $td.find( '.updn' );
- var $num = $td.prev().find( 'input' );
- var step = el.step;
- var v = 0;
- var interval, timeout;
- function numberset( up ) {
- v = +$num.val();
- v = up ? v + step : v - step;
- if ( v === el.min || v === el.max ) {
- clearInterval( interval );
- clearTimeout( timeout );
- }
- $num.val( v );
- if ( I.checkchanged ) $num.trigger( 'input' );
- updnToggle( v );
- }
- function updnToggle( v ) {
- $updn.eq( 0 ).toggleClass( 'disabled', v === el.min );
- $updn.eq( 1 ).toggleClass( 'disabled', v === el.max );
- }
- updnToggle( +$num.val() );
- $updn.on( 'click', function() {
- if ( ! V.press ) numberset( $( this ).hasClass( 'up' ) );
- } ).press( function( e ) {
- var up = $( e.target ).hasClass( 'up' );
- interval = setInterval( () => numberset( up ), 100 );
- timeout = setTimeout( () => { // @5 after 3s
- clearInterval( interval );
- step *= 5;
- v = v > 0 ? v + ( step - v % step ) : v - ( step + v % step );
- $num.val( v );
- interval = setInterval( () => numberset( up ), 100 );
- }, 3000 );
- } ).on( 'touchend mouseup keyup', function() {
- clearInterval( interval );
- clearTimeout( timeout );
- step = el.step;
- } );
- } );
- }
// custom function before show
if ( I.beforeshow ) I.beforeshow();
} );
@@ -954,179 +622,3 @@ function infoVal( array ) {
I.keys.forEach( ( k, i ) => v[ k ] = values[ i ] );
return v // json
}
-function infoWarning( icon, title, message ) {
- info( {
- icon : icon
- , title : title
- , message : iconwarning + message
- } );
-}
-function infoWidth() {
- if ( I.boxwidth ) {
- var widthmax = I.boxwidth === 'max';
- if ( widthmax ) {
- if ( I.width ) {
- var maxW = I.width < V.wW ? I.width : V.wW;
- } else {
- var maxW = V.wW > 600 ? 600 : V.wW;
- }
- $( '#infoBox' ).css( 'width', maxW +'px' );
- }
- var allW = $( '#infoList' ).width();
- var labelW = Math.round( $( '#infoList td:first-child' ).width() ) || 0;
- var boxW = ( widthmax ? allW - labelW - 20 : I.boxwidth );
- } else {
- var boxW = 230;
- }
- $( '#infoList table' ).find( 'input:text, input[type=number], input:password, textarea' ).parent().css( 'width', boxW );
- if ( $( '#infoList select' ).length ) {
- selectSet(); // render select to set width
- $( '#infoList .select2-container' ).attr( 'style', 'width: '+ boxW +'px !important' );
- }
- if ( I.headeralign || I.messagealign || I.footeralign ) {
- $( '#infoList' ).find( '.infoheader, .infomessage, .infofooter' ).css( 'width', $( '#infoList table' ).width() );
- }
- if ( I.checkboxonly ) $( '#infoList td' ).css( 'text-align', 'left' );
-}
-
-// common info functions --------------------------------------------------
-function infoPower() {
- info( {
- icon : 'power'
- , title : 'Power'
- , message : ico( 'raudio i-30 gr' ) +' r A u d i o'
- , buttonlabel : ico( 'reboot' ) +'Reboot'
- , buttoncolor : orange
- , button : () => infoPowerCommand( 'reboot' )
- , oklabel : ico( 'power' ) +'Off'
- , okcolor : red
- , ok : () => infoPowerCommand( 'off' )
- } );
-}
-function infoPowerCommand( action ) {
- loader();
- bash( [ 'power.sh', action ], nfs => {
- if ( nfs != -1 ) return
-
- loaderHide();
- var off = action === 'off';
- info( {
- icon : 'power'
- , title : 'Power'
- , message : 'This
Server rAudio '+ ico( 'rserver' ) +' is currently active.'
- +'
Shared Data on clients will stop.'
- +'
(Resume when server online again)'
- +'
Continue?'
- , oklabel : off ? ico( 'power' ) +'Off' : ico( 'reboot' ) +'Reboot'
- , okcolor : off ? red : orange
- , ok : () => {
- bash( [ 'power.sh', action, 'confirm' ] );
- banner( 'rserver', 'Server rAudio', 'Notify clients ...', -1 );
- }
- } );
- } );
-}
-
-function capitalize( str ) {
- return str.replace( /\b\w/g, l => l.toUpperCase() );
-}
-function htmlOption( el ) {
- if ( typeof el === 'number' ) el = [ ...Array( el ).keys() ];
- var options = '';
- if ( Array.isArray( el ) ) { // name = value
- el.sort( ( a, b ) => a.toString().localeCompare( b.toString(), 'en', { numeric: true } ) );
- el.forEach( v => options += '
' );
- } else { // json
- el = jsonSort( el );
- $.each( el, ( k, v ) => options += '
' );
- }
- return options
-}
-function jsonChanged( a, b ) {
- if ( ! a || ! b || ! Object.keys( a ).length || ! Object.keys( b ).length ) return true
-
- var changed = false;
- $.each( a, ( k, v ) => {
- if ( typeof v === 'object' ) {
- if ( jsonChanged( v, b[ k ] ) ) {
- changed = true;
- return false
- }
- } else {
- if ( v !== b[ k ] ) {
- changed = true;
- return false
- }
- }
- } );
- return changed
-}
-function jsonClone( json ) {
- return JSON.parse( JSON.stringify( json ) )
-}
-function jsonSort( json ) {
- return Object.keys( json ).sort().reduce( function ( result, key ) {
- result[ key ] = json[ key ];
- return result;
- }, {} );
-}
-// ----------------------------------------------------------------------
-function loader() {
- $( '#loader' ).removeClass( 'hide' );
-}
-function loaderHide() {
- $( '#loader' ).addClass( 'hide' );
-}
-
-// ----------------------------------------------------------------------
-function local( delay ) {
- V.local = true;
- setTimeout( () => V.local = false, delay || 300 );
-}
-function qrCode( msg ) {
- var qr = QRCode( {
- msg : msg
- , dim : 115
- , pad : 0
- , pal : [ '#969a9c' ]
- } );
- return qr.outerHTML
-}
-
-// select2 --------------------------------------------------------------------
-function selectSet( $select ) {
- var options = { minimumResultsForSearch: 10 }
- if ( ! $select ) {
- $select = $( '#infoList select' );
- if ( $( '#eq' ).length ) options.dropdownParent = $( '#eq' );
- }
- $select
- .select2( options )
- .on( 'select2:open', () => { // fix: scroll on info - set current value 3rd from top
- local(); // fix: onblur / onpagehide
- setTimeout( () => {
- var scroll = $( '.select2-results__option--selected' ).index() * 36 - 72;
- if ( ! navigator.maxTouchPoints ) scroll -= 12;
- $( '.select2-results ul' ).scrollTop( scroll );
- }, 0 );
- } )
- .on( 'select2:closing', local ) // fix: onblur / onpagehide
- .each( ( i, el ) => {
- var $this = $( el );
- $this.prop( 'disabled', $this.find( 'option' ).length === 1 );
- } );
-}
-function selectText2Html( pattern ) {
- function htmlSet( $el ) {
- $.each( pattern, ( k, v ) => {
- if ( $el.text() === k ) $el.html( v );
- } );
- }
- var $rendered = $( '.select2-selection__rendered' ).eq( 0 );
- htmlSet( $rendered );
- $( '#infoList select' ).on( 'select2:open', () => {
- setTimeout( () => $( '.select2-results__options li' ).each( ( i, el ) => htmlSet( $( el ) ) ), 0 );
- } ).on( 'select2:select', function() {
- htmlSet( $rendered );
- } );
-}
diff --git a/WiFi_profile/index.html b/WiFi_profile/index.html
index b284dc87..950325ba 100644
--- a/WiFi_profile/index.html
+++ b/WiFi_profile/index.html
@@ -18,6 +18,10 @@
@@ -29,7 +33,7 @@