index.html 503 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="robots" content="noindex, nofollow" />
  6. <meta name="referrer" content="no-referrer" />
  7. <title>Technitium DNS Server</title>
  8. <script src="/js/jquery.min.js"></script>
  9. <link href="/css/bootstrap.min.css" rel="stylesheet">
  10. <script src="/js/bootstrap.min.js"></script>
  11. <script src="/js/Chart.min.js"></script>
  12. <link href="/css/font-awesome.min.css" rel="stylesheet" />
  13. <script src="/js/moment.min.js"></script>
  14. <link href="/css/main.css" rel="stylesheet" />
  15. <script src="/js/common.js"></script>
  16. <script src="/js/main.js"></script>
  17. <script src="/js/auth.js"></script>
  18. <script src="/js/zone.js"></script>
  19. <script src="/js/other-zones.js"></script>
  20. <script src="/js/apps.js"></script>
  21. <script src="/js/dhcp.js"></script>
  22. <script src="/js/logs.js"></script>
  23. </head>
  24. <body>
  25. <div id="header">
  26. <div id="mnuUser" class="menu dropdown" style="display: none;">
  27. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  28. <span class="menu-title">
  29. <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
  30. <span id="mnuUserDisplayName"></span>
  31. <span class="caret"></span>
  32. </span>
  33. </a>
  34. <ul class="dropdown-menu">
  35. <li><a href="#" onclick="showMyProfileModal(); return false;">My Profile</a></li>
  36. <li><a href="#" onclick="showCreateMyApiTokenModal(); return false;">Create API Token</a></li>
  37. <li><a href="#" onclick="showChangePasswordModal(); return false;">Change Password</a></li>
  38. <li role="separator" class="divider"></li>
  39. <li><a href="#" onclick="logout(); return false;">Logout</a></li>
  40. </ul>
  41. </div>
  42. </div>
  43. <div id="content">
  44. <div class="container">
  45. <div class="AlertPlaceholder"></div>
  46. <div id="pageLogin" class="pageLogin">
  47. <div class="panel panel-default">
  48. <div class="panel-heading">
  49. <h3 class="panel-title">DNS Server</h3>
  50. </div>
  51. <div class="panel-body">
  52. <form class="form-horizontal">
  53. <div class="form-group">
  54. <label for="txtUser" class="col-sm-3 control-label">Username</label>
  55. <div class="col-sm-8">
  56. <input type="text" class="form-control" id="txtUser" placeholder="username">
  57. </div>
  58. </div>
  59. <div class="form-group">
  60. <label for="txtPass" class="col-sm-3 control-label">Password</label>
  61. <div class="col-sm-8">
  62. <input type="password" class="form-control" id="txtPass" placeholder="password">
  63. </div>
  64. </div>
  65. <div class="form-group" style="margin-bottom: 0px;">
  66. <div class="col-sm-offset-3 col-sm-4">
  67. <button id="btnLogin" type="submit" class="btn btn-primary" data-loading-text="Working..." onclick="login(); return false;">Login</button>
  68. </div>
  69. <div class="col-sm-4" style="padding: 6px; text-align: right;">
  70. <a href="#" data-toggle="modal" data-target="#modalForgotPassword">Forgot Password?</a>
  71. </div>
  72. </div>
  73. </form>
  74. </div>
  75. </div>
  76. </div>
  77. <div id="pageMain" class="page">
  78. <div class="panel panel-default">
  79. <div class="panel-heading" style="height: 38px;">
  80. <div style="float: left;">
  81. <h3 class="panel-title">DNS Server<span id="lblDnsServerDomain"></span></h3>
  82. </div>
  83. <div style="float: right;">
  84. <a href="#" data-toggle="modal" data-target="#modalUpdateAvailable" id="lnkUpdateAvailable" style="display: none; color: red !important;">New Update Available!</a>
  85. </div>
  86. </div>
  87. <div class="panel-body" style="min-height: 500px;">
  88. <div>
  89. <ul class="nav nav-tabs" role="tablist">
  90. <li id="mainPanelTabListDashboard" role="presentation" class="active"><a href="#mainPanelTabPaneDashboard" aria-controls="mainPanelTabPaneDashboard" role="tab" data-toggle="tab" onclick="refreshDashboard();">Dashboard</a></li>
  91. <li id="mainPanelTabListZones" role="presentation"><a href="#mainPanelTabPaneZones" aria-controls="mainPanelTabPaneZones" role="tab" data-toggle="tab" onclick="refreshZones(true);">Zones</a></li>
  92. <li id="mainPanelTabListCachedZones" role="presentation"><a href="#mainPanelTabPaneCachedZones" aria-controls="mainPanelTabPaneCachedZones" role="tab" data-toggle="tab">Cache</a></li>
  93. <li id="mainPanelTabListAllowedZones" role="presentation"><a href="#mainPanelTabPaneAllowedZones" aria-controls="mainPanelTabPaneAllowedZones" role="tab" data-toggle="tab">Allowed</a></li>
  94. <li id="mainPanelTabListBlockedZones" role="presentation"><a href="#mainPanelTabPaneBlockedZones" aria-controls="mainPanelTabPaneBlockedZones" role="tab" data-toggle="tab">Blocked</a></li>
  95. <li id="mainPanelTabListApps" role="presentation"><a href="#mainPanelTabPaneApps" aria-controls="mainPanelTabPaneApps" role="tab" data-toggle="tab" onclick="refreshApps();">Apps</a></li>
  96. <li id="mainPanelTabListDnsClient" role="presentation"><a href="#mainPanelTabPaneDnsClient" aria-controls="mainPanelTabPaneDnsClient" role="tab" data-toggle="tab">DNS Client</a></li>
  97. <li id="mainPanelTabListSettings" role="presentation"><a href="#mainPanelTabPaneSettings" aria-controls="mainPanelTabPaneSettings" role="tab" data-toggle="tab" onclick="refreshDnsSettings();">Settings</a></li>
  98. <li id="mainPanelTabListDhcp" role="presentation"><a href="#mainPanelTabPaneDhcp" aria-controls="mainPanelTabPaneDhcp" role="tab" data-toggle="tab" onclick="refreshDhcpTab();">DHCP</a></li>
  99. <li id="mainPanelTabListAdmin" role="presentation"><a href="#mainPanelTabPaneAdmin" aria-controls="mainPanelTabPaneAdmin" role="tab" data-toggle="tab" onclick="refreshAdminTab();">Administration</a></li>
  100. <li id="mainPanelTabListLogs" role="presentation"><a href="#mainPanelTabPaneLogs" aria-controls="mainPanelTabPaneLogs" role="tab" data-toggle="tab" onclick="refreshLogsTab();">Logs</a></li>
  101. <li id="mainPanelTabListAbout" role="presentation"><a href="#mainPanelTabPaneAbout" aria-controls="mainPanelTabPaneAbout" role="tab" data-toggle="tab">About</a></li>
  102. </ul>
  103. <div class="tab-content">
  104. <div id="mainPanelTabPaneDashboard" role="tabpanel" class="tab-pane active" style="padding: 10px 0 0 0;">
  105. <div>
  106. <div class="pull-left">
  107. <div class="btn-group" data-toggle="buttons">
  108. <label class="btn btn-default active">
  109. <input type="radio" name="rdStatType" value="lastHour" autocomplete="off" checked> Last Hour
  110. </label>
  111. <label class="btn btn-default">
  112. <input type="radio" name="rdStatType" value="lastDay" autocomplete="off"> Last Day
  113. </label>
  114. <label class="btn btn-default">
  115. <input type="radio" name="rdStatType" value="lastWeek" autocomplete="off"> Last Week
  116. </label>
  117. <label class="btn btn-default">
  118. <input type="radio" name="rdStatType" value="lastMonth" autocomplete="off"> Last Month
  119. </label>
  120. <label class="btn btn-default">
  121. <input type="radio" name="rdStatType" value="lastYear" autocomplete="off"> Last Year
  122. </label>
  123. <label class="btn btn-default">
  124. <input type="radio" name="rdStatType" value="custom" autocomplete="off"> Custom
  125. </label>
  126. </div>
  127. </div>
  128. <div id="divCustomDayWise" class="pull-left" style="padding: 4px 0px 4px 10px; display: none;">
  129. <span style="margin-right: 6px;"><label for="dpCustomDayWiseStart">Start</label> <input type="date" id="dpCustomDayWiseStart" size="10"></span>
  130. <span style="margin-right: 6px;"><label for="dpCustomDayWiseEnd">End</label> <input type="date" id="dpCustomDayWiseEnd" size="10"></span>
  131. <button id="btnCustomDayWise" class="btn btn-default" type="button" style="font-size: 12px; padding: 3px 0px; width: 60px; vertical-align: top;">Show</button>
  132. </div>
  133. <div class="clearfix"></div>
  134. </div>
  135. <div id="divDashboardLoader" style="margin-top: 10px; height: 400px;"></div>
  136. <div id="divDashboard" style="display: none;">
  137. <div class="stats-panel">
  138. <div class="stats-item total-queries">
  139. <div class="number" id="divDashboardStatsTotalQueries">100</div>
  140. <div class="percentage">100%</div>
  141. <div class="title">Total Queries</div>
  142. </div>
  143. <div class="stats-item no-error">
  144. <div class="number" id="divDashboardStatsTotalNoError">70</div>
  145. <div class="percentage" id="divDashboardStatsTotalNoErrorPercentage">0%</div>
  146. <div class="title">No Error</div>
  147. </div>
  148. <div class="stats-item server-failure">
  149. <div class="number" id="divDashboardStatsTotalServerFailure">5</div>
  150. <div class="percentage" id="divDashboardStatsTotalServerFailurePercentage">0%</div>
  151. <div class="title">Server Failure</div>
  152. </div>
  153. <div class="stats-item nxdomain">
  154. <div class="number" id="divDashboardStatsTotalNxDomain">5</div>
  155. <div class="percentage" id="divDashboardStatsTotalNxDomainPercentage">0%</div>
  156. <div class="title">NX Domain</div>
  157. </div>
  158. <div class="stats-item refused">
  159. <div class="number" id="divDashboardStatsTotalRefused">10</div>
  160. <div class="percentage" id="divDashboardStatsTotalRefusedPercentage">0%</div>
  161. <div class="title">Refused</div>
  162. </div>
  163. <div class="stats-item auth-hit">
  164. <div class="number" id="divDashboardStatsTotalAuthHit">10</div>
  165. <div class="percentage" id="divDashboardStatsTotalAuthHitPercentage">0%</div>
  166. <div class="title">Authoritative</div>
  167. </div>
  168. <div class="stats-item recursions">
  169. <div class="number" id="divDashboardStatsTotalRecursions">10</div>
  170. <div class="percentage" id="divDashboardStatsTotalRecursionsPercentage">0%</div>
  171. <div class="title">Recursive</div>
  172. </div>
  173. <div class="stats-item cache-hit">
  174. <div class="number" id="divDashboardStatsTotalCacheHit">10</div>
  175. <div class="percentage" id="divDashboardStatsTotalCacheHitPercentage">0%</div>
  176. <div class="title">Cached</div>
  177. </div>
  178. <div class="stats-item blocked">
  179. <div class="number" id="divDashboardStatsTotalBlocked">10</div>
  180. <div class="percentage" id="divDashboardStatsTotalBlockedPercentage">0%</div>
  181. <div class="title">Blocked</div>
  182. </div>
  183. <div class="stats-item dropped">
  184. <div class="number" id="divDashboardStatsTotalDropped">5</div>
  185. <div class="percentage" id="divDashboardStatsTotalDroppedPercentage">0%</div>
  186. <div class="title">Dropped</div>
  187. </div>
  188. <div class="stats-item stats-last-item clients">
  189. <div class="number" id="divDashboardStatsTotalClients">10</div>
  190. <div class="percentage">&nbsp;</div>
  191. <div class="title">Clients</div>
  192. </div>
  193. </div>
  194. <div>
  195. <canvas id="canvasDashboardMain" style="margin: 10px 0 10px 0;"></canvas>
  196. </div>
  197. <div style="margin-top: 15px;">
  198. <div style="float: left; width: 50%; padding-right: 7px;">
  199. <div class="panel panel-default" style="margin-bottom: 15px;">
  200. <div class="panel-body">
  201. <canvas id="canvasDashboardPie"></canvas>
  202. </div>
  203. </div>
  204. <div class="panel panel-default" style="margin-bottom: 15px;">
  205. <div class="panel-body">
  206. <canvas id="canvasDashboardPie2"></canvas>
  207. </div>
  208. </div>
  209. <div class="panel panel-default" style="margin-bottom: 0px;">
  210. <div class="panel-body">
  211. <canvas id="canvasDashboardPie3"></canvas>
  212. </div>
  213. </div>
  214. </div>
  215. <div style="float: right; width: 50%; padding-left: 7px;">
  216. <div class="zone-stats-panel">
  217. <div class="stats-item">
  218. <div class="number" id="divDashboardStatsZones">10</div>
  219. <div class="title">Zones</div>
  220. </div>
  221. <div class="stats-item">
  222. <div class="number" id="divDashboardStatsCachedEntries">10</div>
  223. <div class="title">Cache</div>
  224. </div>
  225. <div class="stats-item">
  226. <div class="number" id="divDashboardStatsAllowedZones">10</div>
  227. <div class="title">Allowed</div>
  228. </div>
  229. <div class="stats-item">
  230. <div class="number" id="divDashboardStatsBlockedZones">10</div>
  231. <div class="title">Blocked</div>
  232. </div>
  233. <div class="stats-item">
  234. <div class="number" id="divDashboardStatsAllowListZones">10</div>
  235. <div class="title">Allow List</div>
  236. </div>
  237. <div class="stats-item stats-last-item">
  238. <div class="number" id="divDashboardStatsBlockListZones">10</div>
  239. <div class="title">Block List</div>
  240. </div>
  241. <div class="clearfix"></div>
  242. </div>
  243. <div class="panel panel-default" style="margin-bottom: 0px;">
  244. <div class="panel-heading" style="height: 41px; padding: 4px 6px;">
  245. <div class="pull-left" style="padding: 6px 8px;">Top Clients</div>
  246. <div class="pull-right">
  247. <button type="button" class="btn btn-default" data-loading-text="More" onclick="showTopStats('TopClients', 1000);" style="font-size: 12px; padding: 4px 14px; margin: 2px 0px;">More</button>
  248. </div>
  249. <div class="clearfix"></div>
  250. </div>
  251. <table class="table table-hover">
  252. <thead>
  253. <tr>
  254. <th>Client</th>
  255. <th>Queries</th>
  256. <th style="width: 36px;"></th>
  257. </tr>
  258. </thead>
  259. <tbody id="tableTopClients">
  260. </tbody>
  261. </table>
  262. </div>
  263. </div>
  264. <div style="clear: both;"></div>
  265. </div>
  266. <div style="margin-top: 15px;">
  267. <div style="float: left; width: 50%; padding-right: 7px;">
  268. <div class="panel panel-default" style="margin-bottom: 0px;">
  269. <div class="panel-heading" style="height: 41px; padding: 4px 6px;">
  270. <div class="pull-left" style="padding: 6px 8px;">Top Domains</div>
  271. <div class="pull-right">
  272. <button type="button" class="btn btn-default" data-loading-text="More" onclick="showTopStats('TopDomains', 1000);" style="font-size: 12px; padding: 4px 14px; margin: 2px 0px;">More</button>
  273. </div>
  274. <div class="clearfix"></div>
  275. </div>
  276. <table class="table table-hover">
  277. <thead>
  278. <tr>
  279. <th>Domain</th>
  280. <th>Hits</th>
  281. <th style="width: 36px;"></th>
  282. </tr>
  283. </thead>
  284. <tbody id="tableTopDomains">
  285. </tbody>
  286. </table>
  287. </div>
  288. </div>
  289. <div style="float: right; width: 50%; padding-left: 7px;">
  290. <div class="panel panel-default" style="margin-bottom: 0px;">
  291. <div class="panel-heading" style="height: 41px; padding: 4px 6px;">
  292. <div class="pull-left" style="padding: 6px 8px;">Top Blocked Domains</div>
  293. <div class="pull-right">
  294. <button type="button" class="btn btn-default" data-loading-text="More" onclick="showTopStats('TopBlockedDomains', 1000);" style="font-size: 12px; padding: 4px 14px; margin: 2px 0px;">More</button>
  295. </div>
  296. <div class="clearfix"></div>
  297. </div>
  298. <table class="table table-hover">
  299. <thead>
  300. <tr>
  301. <th>Domain</th>
  302. <th>Hits</th>
  303. <th style="width: 36px;"></th>
  304. </tr>
  305. </thead>
  306. <tbody id="tableTopBlockedDomains">
  307. </tbody>
  308. </table>
  309. </div>
  310. </div>
  311. <div style="clear: both;"></div>
  312. </div>
  313. </div>
  314. </div>
  315. <div id="mainPanelTabPaneZones" role="tabpanel" class="tab-pane" style="padding: 10px 0 0 0;">
  316. <div id="divViewZonesLoader" style="display: none; margin-top: 10px; height: 400px;"></div>
  317. <div id="divViewZones" style="margin-top: 10px;">
  318. <div style="margin-bottom: 16px;">
  319. <div style="float: right;">
  320. <button type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="showAddZoneModal();">Add Zone</button>
  321. </div>
  322. <div style="clear: both;"></div>
  323. </div>
  324. <div class="form-inline">
  325. <form class="pull-left">
  326. <div class="form-group">
  327. <input id="txtZonesEdit" class="form-control" style="width: 300px;" type="text" placeholder="example.com" />
  328. <button type="submit" class="btn btn-primary" onclick="showEditZone(); return false;">Edit</button>
  329. </div>
  330. </form>
  331. <form class="pull-right">
  332. <div class="form-group">
  333. <label for="txtZonesPageNumber">Page Number</label>
  334. <input id="txtZonesPageNumber" class="form-control" style="width: 100px;" type="number" />
  335. </div>
  336. <div class="form-group">
  337. <label for="optZonesPerPage">Zones Per Page</label>
  338. <select class="form-control" id="optZonesPerPage">
  339. <option selected>10</option>
  340. <option>25</option>
  341. <option>50</option>
  342. <option>100</option>
  343. <option>250</option>
  344. <option>500</option>
  345. </select>
  346. </div>
  347. <button type="submit" class="btn btn-primary form-group" style="margin-right: 0px;" onclick="refreshZones(); return false;">Go</button>
  348. </form>
  349. <div class="clearfix"></div>
  350. </div>
  351. <div style="padding: 8px;">
  352. <div class="pull-left" style="padding-top: 8px;">
  353. <b id="tableZonesTopStatus">0 zones</b>
  354. </div>
  355. <div class="pull-right">
  356. <nav aria-label="Page navigation">
  357. <ul id="tableZonesTopPagination" class="pagination" style="margin: 0;">
  358. <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
  359. <li><a href="#">1</a></li>
  360. <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
  361. </ul>
  362. </nav>
  363. </div>
  364. <div class="clearfix"></div>
  365. </div>
  366. <table id="tableZones" class="table table-hover">
  367. <thead>
  368. <tr>
  369. <th><a href="#" onclick="sortTable('tableZonesBody', 0); return false;">#</a></th>
  370. <th><a href="#" onclick="sortTable('tableZonesBody', 1); return false;">Zone</a></th>
  371. <th><a href="#" onclick="sortTable('tableZonesBody', 2); return false;">Type</a></th>
  372. <th><a href="#" onclick="sortTable('tableZonesBody', 3); return false;">DNSSEC</a></th>
  373. <th><a href="#" onclick="sortTable('tableZonesBody', 4); return false;">Status</a></th>
  374. <th><a href="#" onclick="sortTable('tableZonesBody', 5); return false;">Serial</a></th>
  375. <th><a href="#" onclick="sortTable('tableZonesBody', 6); return false;">Expiry</a></th>
  376. <th><a href="#" onclick="sortTable('tableZonesBody', 7); return false;">Last Modified</a></th>
  377. <th style="width: 36px;"></th>
  378. </tr>
  379. </thead>
  380. <tbody id="tableZonesBody"></tbody>
  381. <tfoot>
  382. <tr>
  383. <td colspan="9">
  384. <div>
  385. <div class="pull-left" style="padding-top: 8px;">
  386. <b id="tableZonesFooterStatus">0 zones</b>
  387. </div>
  388. <div class="pull-right">
  389. <nav aria-label="Page navigation">
  390. <ul id="tableZonesFooterPagination" class="pagination" style="margin: 0;">
  391. <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
  392. <li><a href="#">1</a></li>
  393. <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
  394. </ul>
  395. </nav>
  396. </div>
  397. <div class="clearfix"></div>
  398. </div>
  399. </td>
  400. </tr>
  401. </tfoot>
  402. </table>
  403. </div>
  404. <div id="divEditZone" style="display: none;">
  405. <ul class="pager" style="margin: 0px;">
  406. <li class="previous"><a href="#" onclick="refreshZones(); return false;"><span aria-hidden="true">&larr;</span> Back</a></li>
  407. </ul>
  408. <div style="padding: 10px 0px;">
  409. <h3 style="margin: 4px 0;"><span id="titleEditZone" style="margin-right: 10px;">example.com</span><a href="#" onclick="showEditZone($('#titleEditZone').attr('data-zone')); return false;"><span class="glyphicon glyphicon-refresh" style="font-size: 20px;" aria-hidden="true"></span></a></h3>
  410. <div style="float: left;">
  411. <span id="titleEditZoneType" class="label label-default">Primary</span>
  412. <span id="titleEditZoneDnssecStatus" class="label label-default">DNSSEC</span>
  413. <span id="titleEditZoneStatus" class="label label-success">Enabled</span>
  414. <span id="titleEditZoneCatalog" class="label label-default">catalog</span>
  415. <div id="titleEditZoneExpiry" style="padding-top: 4px; font-size: 10px; font-weight: bold;">Expiry: 01 Jan 2020 00:00:00</div>
  416. </div>
  417. <div style="float: right; padding: 2px 0px;">
  418. <button id="btnEditZoneAddRecord" type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="showAddRecordModal();">Add Record</button>
  419. <button id="btnEnableZoneEditZone" type="button" class="btn btn-default" style="padding: 2px 0px; width: 100px;" onclick="enableZone(this);">Enable Zone</button>
  420. <button id="btnDisableZoneEditZone" type="button" class="btn btn-warning" style="padding: 2px 0px; width: 100px;" onclick="disableZone(this);">Disable Zone</button>
  421. <button id="btnEditZoneDeleteZone" type="button" class="btn btn-danger" style="padding: 2px 0px; width: 100px;" onclick="deleteZone(this);">Delete Zone</button>
  422. <button id="btnZoneResync" type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="resyncZone(this, $('#titleEditZone').attr('data-zone'));" data-loading-text="Resyncing...">Resync</button>
  423. <div id="divOptionsMenu" class="btn-group">
  424. <button type="button" class="btn btn-primary dropdown-toggle" style="padding: 2px 0px; width: 100px;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  425. Options <span class="caret"></span>
  426. </button>
  427. <ul class="dropdown-menu">
  428. <li id="lnkImportZone"><a href="#" onclick="showImportZoneModal($('#titleEditZone').attr('data-zone')); return false;">Import Zone</a></li>
  429. <li id="lnkExportZone"><a href="#" onclick="exportZone($('#titleEditZone').attr('data-zone')); return false;">Export Zone</a></li>
  430. <li id="lnkZoneConvert"><a href="#" onclick="showConvertZoneModal($('#titleEditZone').attr('data-zone'), $('#titleEditZone').attr('data-zone-type')); return false;">Convert Zone</a></li>
  431. <li id="lnkZoneOptions"><a href="#" onclick="$('#btnSaveZoneOptions').attr('data-zones-row-id', null); showZoneOptionsModal($('#titleEditZone').attr('data-zone')); return false;">Zone Options</a></li>
  432. </ul>
  433. </div>
  434. <button id="btnZonePermissions" type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="showZonePermissionsModal($('#titleEditZone').attr('data-zone'));">Permissions</button>
  435. <div id="divZoneDnssecOptions" class="btn-group">
  436. <button type="button" class="btn btn-primary dropdown-toggle" style="padding: 2px 0px; width: 100px;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  437. DNSSEC <span class="caret"></span>
  438. </button>
  439. <ul class="dropdown-menu">
  440. <li id="lnkZoneDnssecSignZone"><a href="#" onclick="showSignZoneModal($('#titleEditZone').attr('data-zone')); return false;">Sign Zone</a></li>
  441. <li id="lnkZoneDnssecHideRecords"><a href="#" onclick="toggleHideDnssecRecords(true); return false;">Hide DNSSEC Records</a></li>
  442. <li id="lnkZoneDnssecShowRecords"><a href="#" onclick="toggleHideDnssecRecords(false); return false;">Show DNSSEC Records</a></li>
  443. <li id="lnkZoneDnssecViewDsRecords"><a href="#" onclick="showViewDsModal($('#titleEditZone').attr('data-zone')); return false;">View DS Info</a></li>
  444. <li id="lnkZoneDnssecProperties"><a href="#" onclick="showDnssecPropertiesModal($('#titleEditZone').attr('data-zone')); return false;">Properties</a></li>
  445. <li id="lnkZoneDnssecUnsignZone"><a href="#" onclick="showUnsignZoneModal($('#titleEditZone').attr('data-zone')); return false;">Unsign Zone</a></li>
  446. </ul>
  447. </div>
  448. </div>
  449. <div style="clear: both;"></div>
  450. </div>
  451. <div class="form-inline">
  452. <form class="pull-right">
  453. <div class="form-group">
  454. <label for="txtEditZonePageNumber">Page Number</label>
  455. <input id="txtEditZonePageNumber" class="form-control" style="width: 100px;" type="number" />
  456. </div>
  457. <div class="form-group">
  458. <label for="optEditZoneRecordsPerPage">Records Per Page</label>
  459. <select class="form-control" id="optEditZoneRecordsPerPage">
  460. <option selected>10</option>
  461. <option>25</option>
  462. <option>50</option>
  463. <option>100</option>
  464. <option>250</option>
  465. <option>500</option>
  466. </select>
  467. </div>
  468. <button type="submit" class="btn btn-primary form-group" style="margin-right: 0px;" onclick="showEditZonePage(); return false;">Go</button>
  469. </form>
  470. <div class="clearfix"></div>
  471. </div>
  472. <div style="padding: 8px;">
  473. <div class="pull-left" style="padding-top: 8px;">
  474. <b id="tableEditZoneTopStatus">0 records</b>
  475. </div>
  476. <div class="pull-right">
  477. <nav aria-label="Page navigation">
  478. <ul id="tableEditZoneTopPagination" class="pagination" style="margin: 0;">
  479. <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
  480. <li><a href="#">1</a></li>
  481. <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
  482. </ul>
  483. </nav>
  484. </div>
  485. <div class="clearfix"></div>
  486. </div>
  487. <table id="tableEditZone" class="table table-hover">
  488. <thead>
  489. <tr>
  490. <th><a href="#" onclick="sortTable('tableEditZoneBody', 0); return false;">#</a></th>
  491. <th><a href="#" onclick="sortTable('tableEditZoneBody', 1); return false;">Name</a></th>
  492. <th><a href="#" onclick="sortTable('tableEditZoneBody', 2); return false;">Type</a></th>
  493. <th><a href="#" onclick="sortTable('tableEditZoneBody', 3); return false;">TTL</a></th>
  494. <th><a href="#" onclick="sortTable('tableEditZoneBody', 4); return false;">Data</a></th>
  495. <th></th>
  496. </tr>
  497. </thead>
  498. <tbody id="tableEditZoneBody">
  499. </tbody>
  500. <tfoot>
  501. <tr>
  502. <td colspan="6">
  503. <div>
  504. <div class="pull-left" style="padding-top: 8px;">
  505. <b id="tableEditZoneFooterStatus">0 records</b>
  506. </div>
  507. <div class="pull-right">
  508. <nav aria-label="Page navigation">
  509. <ul id="tableEditZoneFooterPagination" class="pagination" style="margin: 0;">
  510. <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
  511. <li><a href="#">1</a></li>
  512. <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
  513. </ul>
  514. </nav>
  515. </div>
  516. <div class="clearfix"></div>
  517. </div>
  518. </td>
  519. </tr>
  520. </tfoot>
  521. </table>
  522. </div>
  523. </div>
  524. <div id="mainPanelTabPaneCachedZones" role="tabpanel" class="tab-pane" style="padding: 10px 0 0 0;">
  525. <div class="well well-sm zone-list-pane">
  526. <form class="form-inline">
  527. <div class="form-group" style="width: 100%">
  528. <input type="text" class="form-control" style="width: inherit;" id="txtCacheZone" placeholder="example.com">
  529. </div>
  530. <div class="form-group">
  531. <button id="btnBrowseCacheZone" type="submit" class="btn btn-primary" data-loading-text="Browse" onclick="refreshCachedZonesList($('#txtCacheZone').val()); return false;">Browse</button>
  532. </div>
  533. </form>
  534. <div id="lstCachedZones" class="zones">
  535. </div>
  536. </div>
  537. <div id="divCachedZoneViewer" class="zone-viewer-pane">
  538. <div class="panel panel-default">
  539. <div class="panel-heading" style="height: 36px; padding: 4px 6px;">
  540. <div id="txtCachedZoneViewerTitle" style="float: left; padding: 4px;">technitium.com</div>
  541. <div style="float: right;">
  542. <button id="btnDeleteCachedZone" type="button" class="btn btn-warning" data-loading-text="Delete" onclick="deleteCachedZone();" style="font-size: 12px; padding: 4px 6px;">Delete</button>
  543. <button type="button" class="btn btn-danger" data-loading-text="Delete" onclick="flushDnsCache(this);" style="font-size: 12px; padding: 4px 6px;">Flush</button>
  544. </div>
  545. </div>
  546. <div class="panel-body">
  547. <pre id="preCachedZoneViewerBody">
  548. </pre>
  549. </div>
  550. </div>
  551. </div>
  552. </div>
  553. <div id="mainPanelTabPaneAllowedZones" role="tabpanel" class="tab-pane" style="padding: 10px 0 0 0;">
  554. <div class="well well-sm zone-list-pane">
  555. <form class="form-inline">
  556. <div class="form-group" style="width: 100%">
  557. <input type="text" class="form-control" style="width: inherit;" id="txtAllowZone" placeholder="example.com">
  558. </div>
  559. <div class="form-group">
  560. <button id="btnAllowZone" type="submit" class="btn btn-primary" data-loading-text="Allow" onclick="allowZone(); return false;">Allow</button>
  561. <button id="btnBrowseAllowZone" type="button" class="btn btn-default" data-loading-text="Browse" onclick="refreshAllowedZonesList($('#txtAllowZone').val());">Browse</button>
  562. </div>
  563. </form>
  564. <div id="lstAllowedZones" class="zones">
  565. </div>
  566. </div>
  567. <div id="divAllowedZoneViewer" class="zone-viewer-pane">
  568. <div class="panel panel-default">
  569. <div class="panel-heading" style="height: 36px; padding: 4px 6px;">
  570. <div id="txtAllowedZoneViewerTitle" style="float: left; padding: 4px;">technitium.com</div>
  571. <div style="float: right;">
  572. <button type="button" class="btn btn-default" data-loading-text="Import" onclick="resetImportAllowedZonesModal();" data-toggle="modal" data-target="#modalImportAllowedZones" style="font-size: 12px; padding: 4px 6px;">Import</button>
  573. <button type="button" class="btn btn-default" data-loading-text="Export" onclick="exportAllowedZones();" style="font-size: 12px; padding: 4px 6px;">Export</button>
  574. <button id="btnDeleteAllowedZone" type="button" class="btn btn-warning" data-loading-text="Delete" onclick="deleteAllowedZone();" style="font-size: 12px; padding: 4px 6px;">Delete</button>
  575. <button id="btnFlushAllowedZone" type="button" class="btn btn-danger" data-loading-text="Flush" onclick="flushAllowedZone();" style="font-size: 12px; padding: 4px 6px;">Flush</button>
  576. </div>
  577. </div>
  578. <div class="panel-body">
  579. <pre id="preAllowedZoneViewerBody">
  580. </pre>
  581. </div>
  582. </div>
  583. </div>
  584. </div>
  585. <div id="mainPanelTabPaneBlockedZones" role="tabpanel" class="tab-pane" style="padding: 10px 0 0 0;">
  586. <div class="well well-sm zone-list-pane">
  587. <form class="form-inline">
  588. <div class="form-group" style="width: 100%">
  589. <input type="text" class="form-control" style="width: inherit;" id="txtBlockZone" placeholder="example.com">
  590. </div>
  591. <div class="form-group">
  592. <button id="btnBlockZone" type="submit" class="btn btn-primary" data-loading-text="Block" onclick="blockZone(); return false;">Block</button>
  593. <button id="btnBrowseBlockZone" type="button" class="btn btn-default" data-loading-text="Browse" onclick="refreshBlockedZonesList($('#txtBlockZone').val());">Browse</button>
  594. </div>
  595. </form>
  596. <div id="lstBlockedZones" class="zones">
  597. </div>
  598. </div>
  599. <div id="divBlockedZoneViewer" class="zone-viewer-pane">
  600. <div class="panel panel-default">
  601. <div class="panel-heading" style="height: 36px; padding: 4px 6px;">
  602. <div id="txtBlockedZoneViewerTitle" style="float: left; padding: 4px;">technitium.com</div>
  603. <div style="float: right;">
  604. <button id="btnImportBlockedZone" type="button" class="btn btn-default" data-loading-text="Import" onclick="resetImportBlockedZonesModal();" data-toggle="modal" data-target="#modalImportBlockedZones" style="font-size: 12px; padding: 4px 6px;">Import</button>
  605. <button id="btnExportBlockedZone" type="button" class="btn btn-default" data-loading-text="Export" onclick="exportBlockedZones();" style="font-size: 12px; padding: 4px 6px;">Export</button>
  606. <button id="btnDeleteBlockedZone" type="button" class="btn btn-warning" data-loading-text="Delete" onclick="deleteBlockedZone();" style="font-size: 12px; padding: 4px 6px;">Delete</button>
  607. <button id="btnFlushBlockedZone" type="button" class="btn btn-danger" data-loading-text="Flush" onclick="flushBlockedZone();" style="font-size: 12px; padding: 4px 6px;">Flush</button>
  608. </div>
  609. </div>
  610. <div class="panel-body">
  611. <pre id="preBlockedZoneViewerBody">
  612. </pre>
  613. </div>
  614. </div>
  615. </div>
  616. </div>
  617. <div id="mainPanelTabPaneApps" role="tabpanel" class="tab-pane" style="padding: 10px 0 0 0;">
  618. <div id="divViewAppsLoader" style=" display: none; margin-top: 10px; height: 400px;"></div>
  619. <div id="divViewApps" style="margin-top: 10px;">
  620. <div>
  621. <div style="float: right;">
  622. <button type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="showStoreAppsModal();">App Store</button>
  623. <button type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="showInstallAppModal();">Install</button>
  624. </div>
  625. <div style="clear: both;"></div>
  626. </div>
  627. <table id="tableApps" class="table table-hover">
  628. <thead>
  629. <tr>
  630. <th style="min-width: 100px;"><a href="#" onclick="sortTable('tableAppsBody', 0); return false;">Installed Apps</a></th>
  631. <th style="width: 96px;"></th>
  632. </tr>
  633. </thead>
  634. <tbody id="tableAppsBody">
  635. </tbody>
  636. <tfoot id="tableAppsFooter">
  637. <tr><td colspan="3"><b>Total Apps: 0</b></td></tr>
  638. </tfoot>
  639. </table>
  640. </div>
  641. </div>
  642. <div id="mainPanelTabPaneDnsClient" role="tabpanel" class="tab-pane" style="padding: 10px 0 0 0;">
  643. <form class="form-inline well" style="padding-bottom: 6px; margin-bottom: 15px;">
  644. <div>
  645. <div class="form-group">
  646. <label for="txtDnsClientNameServer">Server</label>
  647. <div class="input-group dropdown">
  648. <input type="text" class="form-control dropdown-toggle" style="min-width: 270px; border-right: 0px;" id="txtDnsClientNameServer" value="This Server {this-server}">
  649. <ul id="optDnsClientNameServers" class="dropdown-menu" style="max-height: 500px; overflow-y: scroll;">
  650. <li><a href="#">This Server {this-server}</a></li>
  651. <li><a href="#">Recursive Query {recursive-resolver}</a></li>
  652. <li><a href="#">System DNS {system-dns}</a></li>
  653. <li><a href="#">Cloudflare {1.1.1.1}</a></li>
  654. <li><a href="#">Cloudflare {1.0.0.1}</a></li>
  655. <li><a href="#">Cloudflare {[2606:4700:4700::1111]}</a></li>
  656. <li><a href="#">Cloudflare {[2606:4700:4700::1001]}</a></li>
  657. <li><a href="#">Cloudflare TLS {cloudflare-dns.com (1.1.1.1:853)}</a></li>
  658. <li><a href="#">Cloudflare TLS {cloudflare-dns.com (1.0.0.1:853)}</a></li>
  659. <li><a href="#">Cloudflare TLS {cloudflare-dns.com ([2606:4700:4700::1111]:853)}</a></li>
  660. <li><a href="#">Cloudflare TLS {cloudflare-dns.com ([2606:4700:4700::1001]:853)}</a></li>
  661. <li><a href="#">Cloudflare HTTPS {https://cloudflare-dns.com/dns-query (1.1.1.1)}</a></li>
  662. <li><a href="#">Google {8.8.8.8}</a></li>
  663. <li><a href="#">Google {8.8.4.4}</a></li>
  664. <li><a href="#">Google {[2001:4860:4860::8888]}</a></li>
  665. <li><a href="#">Google {[2001:4860:4860::8844]}</a></li>
  666. <li><a href="#">Google TLS {dns.google (8.8.8.8:853)}</a></li>
  667. <li><a href="#">Google TLS {dns.google (8.8.4.4:853)}</a></li>
  668. <li><a href="#">Google TLS {dns.google ([2001:4860:4860::8888]:853)}</a></li>
  669. <li><a href="#">Google TLS {dns.google ([2001:4860:4860::8844]:853)}</a></li>
  670. <li><a href="#">Google HTTPS {https://dns.google/dns-query (8.8.8.8)}</a></li>
  671. <li><a href="#">Quad9 Secure {9.9.9.9}</a></li>
  672. <li><a href="#">Quad9 Secure {[2620:fe::fe]}</a></li>
  673. <li><a href="#">Quad9 Secure TLS {dns.quad9.net (9.9.9.9:853)}</a></li>
  674. <li><a href="#">Quad9 Secure TLS {dns.quad9.net ([2620:fe::fe]:853)}</a></li>
  675. <li><a href="#">Quad9 Secure HTTPS {https://dns.quad9.net/dns-query (9.9.9.9)}</a></li>
  676. <li><a href="#">Quad9 Unsecure {9.9.9.10}</a></li>
  677. <li><a href="#">Quad9 Unsecure {[2620:fe::10]}</a></li>
  678. <li><a href="#">Quad9 Unsecure TLS {dns10.quad9.net (9.9.9.10:853)}</a></li>
  679. <li><a href="#">Quad9 Unsecure TLS {dns10.quad9.net ([2620:fe::10]:853)}</a></li>
  680. <li><a href="#">Quad9 Unsecure HTTPS {https://dns10.quad9.net/dns-query (9.9.9.10)}</a></li>
  681. <li><a href="#">OpenDNS {208.67.222.222}</a></li>
  682. <li><a href="#">OpenDNS {208.67.220.220}</a></li>
  683. <li><a href="#">OpenDNS {[2620:0:ccc::2]}</a></li>
  684. <li><a href="#">OpenDNS {[2620:0:ccd::2]}</a></li>
  685. <li><a href="#">OpenDNS TLS {dns.opendns.com (208.67.222.222:853)}</a></li>
  686. <li><a href="#">OpenDNS TLS {dns.opendns.com (208.67.220.220:853)}</a></li>
  687. <li><a href="#">OpenDNS TLS {dns.opendns.com ([2620:0:ccc::2]:853)}</a></li>
  688. <li><a href="#">OpenDNS TLS {dns.opendns.com ([2620:0:ccd::2]:853)}</a></li>
  689. <li><a href="#">OpenDNS HTTPS {https://doh.opendns.com/dns-query}</a></li>
  690. <li><a href="#">OpenDNS FamilyShield {208.67.222.123}</a></li>
  691. <li><a href="#">OpenDNS FamilyShield {208.67.220.123}</a></li>
  692. <li><a href="#">OpenDNS FamilyShield {[2620:119:35::123]}</a></li>
  693. <li><a href="#">OpenDNS FamilyShield {[2620:119:53::123]}</a></li>
  694. <li><a href="#">OpenDNS FamilyShield TLS {familyshield.opendns.com (208.67.222.123:853)}</a></li>
  695. <li><a href="#">OpenDNS FamilyShield TLS {familyshield.opendns.com (208.67.220.123:853)}</a></li>
  696. <li><a href="#">OpenDNS FamilyShield TLS {familyshield.opendns.com ([2620:119:35::123]:853)}</a></li>
  697. <li><a href="#">OpenDNS FamilyShield TLS {familyshield.opendns.com ([2620:119:53::123]:853)}</a></li>
  698. <li><a href="#">OpenDNS FamilyShield HTTPS {https://doh.familyshield.opendns.com/dns-query}</a></li>
  699. <li><a href="#">AdGuard {94.140.14.14}</a></li>
  700. <li><a href="#">AdGuard {94.140.15.15}</a></li>
  701. <li><a href="#">AdGuard {[2a10:50c0::ad1:ff]}</a></li>
  702. <li><a href="#">AdGuard {[2a10:50c0::ad2:ff]}</a></li>
  703. <li><a href="#">AdGuard TLS {dns.adguard-dns.com (94.140.14.14:853)}</a></li>
  704. <li><a href="#">AdGuard TLS {dns.adguard-dns.com ([2a10:50c0::ad1:ff]:853)}</a></li>
  705. <li><a href="#">AdGuard HTTPS {https://dns.adguard-dns.com/dns-query}</a></li>
  706. <li><a href="#">AdGuard QUIC {dns.adguard-dns.com (94.140.14.14:853)}</a></li>
  707. <li><a href="#">AdGuard QUIC {dns.adguard-dns.com ([2a10:50c0::ad1:ff]:853)}</a></li>
  708. <li><a href="#">AdGuard Family Protection {94.140.14.15}</a></li>
  709. <li><a href="#">AdGuard Family Protection {94.140.15.16}</a></li>
  710. <li><a href="#">AdGuard Family Protection {[2a10:50c0::bad1:ff]}</a></li>
  711. <li><a href="#">AdGuard Family Protection {[2a10:50c0::bad2:ff]}</a></li>
  712. <li><a href="#">AdGuard Family Protection TLS {dns.adguard-dns.com (94.140.14.15:853)}</a></li>
  713. <li><a href="#">AdGuard Family Protection TLS {dns.adguard-dns.com ([2a10:50c0::bad1:ff]:853)}</a></li>
  714. <li><a href="#">AdGuard Family Protection HTTPS {https://dns.adguard-dns.com/dns-query}</a></li>
  715. <li><a href="#">AdGuard Family Protection QUIC {dns.adguard-dns.com (94.140.14.15:853)}</a></li>
  716. <li><a href="#">AdGuard Family Protection QUIC {dns.adguard-dns.com ([2a10:50c0::bad1:ff]:853)}</a></li>
  717. <li><a href="#">Level3 {4.2.2.1}</a></li>
  718. <li><a href="#">Level3 {4.2.2.2}</a></li>
  719. <li><a href="#">Ultra {156.154.70.1}</a></li>
  720. <li><a href="#">Ultra {156.154.71.1}</a></li>
  721. <li><a href="#">Dyn {216.146.35.35}</a></li>
  722. <li><a href="#">Dyn {216.146.36.36}</a></li>
  723. <li><a href="#">a.root-servers.net</a></li>
  724. <li><a href="#">b.root-servers.net</a></li>
  725. <li><a href="#">c.root-servers.net</a></li>
  726. <li><a href="#">d.root-servers.net</a></li>
  727. <li><a href="#">e.root-servers.net</a></li>
  728. <li><a href="#">f.root-servers.net</a></li>
  729. <li><a href="#">g.root-servers.net</a></li>
  730. <li><a href="#">h.root-servers.net</a></li>
  731. <li><a href="#">i.root-servers.net</a></li>
  732. <li><a href="#">j.root-servers.net</a></li>
  733. <li><a href="#">k.root-servers.net</a></li>
  734. <li><a href="#">l.root-servers.net</a></li>
  735. <li><a href="#">m.root-servers.net</a></li>
  736. </ul>
  737. <span role="button" class="input-group-addon dropdown-toggle" style="background-color: white;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="caret"></span></span>
  738. </div>
  739. </div>
  740. <div class="form-group">
  741. <label for="txtDnsClientDomain">Domain</label>
  742. <input type="text" class="form-control" style="min-width: 295px;" id="txtDnsClientDomain" placeholder="example.com">
  743. </div>
  744. <div class="form-group">
  745. <label for="optDnsClientType">Type</label>
  746. <select class="form-control" id="optDnsClientType" style="padding-left: 6px; padding-right: 0px;">
  747. <option>A</option>
  748. <option>NS</option>
  749. <option>CNAME</option>
  750. <option>SOA</option>
  751. <option>PTR</option>
  752. <option>MX</option>
  753. <option>TXT</option>
  754. <option>RP</option>
  755. <option>AAAA</option>
  756. <option>SRV</option>
  757. <option>NAPTR</option>
  758. <option>DNAME</option>
  759. <option>DS</option>
  760. <option>SSHFP</option>
  761. <option>RRSIG</option>
  762. <option>NSEC</option>
  763. <option>DNSKEY</option>
  764. <option>NSEC3</option>
  765. <option>NSEC3PARAM</option>
  766. <option>TLSA</option>
  767. <option>ZONEMD</option>
  768. <option>SVCB</option>
  769. <option>HTTPS</option>
  770. <option>URI</option>
  771. <option>CAA</option>
  772. <option>ANY</option>
  773. <option>AXFR</option>
  774. <option>ANAME</option>
  775. </select>
  776. </div>
  777. <div class="form-group">
  778. <label for="optDnsClientProtocol">DNS-over-</label>
  779. <select class="form-control" id="optDnsClientProtocol" style="padding-left: 6px; padding-right: 0px;">
  780. <option>UDP</option>
  781. <option>TCP</option>
  782. <option>TLS</option>
  783. <option>HTTPS</option>
  784. <option>QUIC</option>
  785. </select>
  786. </div>
  787. <div class="form-group">
  788. <label for="txtDnsClientEDnsClientSubnet">EDNS Client Subnet</label>
  789. <input type="text" class="form-control" style="min-width: 240px;" id="txtDnsClientEDnsClientSubnet">
  790. </div>
  791. <div class="form-group">
  792. <div class="checkbox">
  793. <label>
  794. <input type="checkbox" id="chkDnsClientDnssecValidation"> Enable DNSSEC Validation
  795. </label>
  796. </div>
  797. </div>
  798. </div>
  799. <div>
  800. <div class="form-group">
  801. <button type="submit" class="btn btn-primary" id="btnDnsClientResolve" data-loading-text="Resolving..." onclick="resolveQuery(); return false;" style="margin-right: 6px;">Resolve</button>
  802. <button type="button" class="btn btn-warning" id="btnDnsClientImport" data-loading-text="Importing..." onclick="resolveQuery(true);">Import</button>
  803. </div>
  804. </div>
  805. </form>
  806. <div id="divDnsClientLoader" style="margin-top: 15px; height: 300px;"></div>
  807. <div id="divDnsClientOutputAccordion" style="margin-bottom: 0px; display: none;" class="panel-group" role="tablist" aria-multiselectable="true">
  808. <div class="panel panel-default">
  809. <div class="panel-heading" role="tab" id="divDnsClientFinalResponseHeading">
  810. <h4 class="panel-title">
  811. <a role="button" data-toggle="collapse" data-parent="#divDnsClientOutputAccordion" href="#divDnsClientFinalResponseCollapse" aria-expanded="true" aria-controls="divDnsClientFinalResponseCollapse">
  812. Response
  813. </a>
  814. </h4>
  815. </div>
  816. <div id="divDnsClientFinalResponseCollapse" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="divDnsClientFinalResponseHeading">
  817. <div class="panel-body">
  818. <pre id="preDnsClientFinalResponse" style="margin-bottom: 0px;"></pre>
  819. </div>
  820. </div>
  821. </div>
  822. <div id="divDnsClientRawResponsePanel" class="panel panel-default">
  823. <div class="panel-heading" role="tab" id="divDnsClientRawResponsesHeading">
  824. <h4 class="panel-title">
  825. <a class="collapsed" role="button" data-toggle="collapse" data-parent="#divDnsClientOutputAccordion" href="#divDnsClientRawResponsesCollapse" aria-expanded="false" aria-controls="divDnsClientRawResponsesCollapse">
  826. Raw Responses (<span id="spanDnsClientRawResponsesCount"></span>)
  827. </a>
  828. </h4>
  829. </div>
  830. <div id="divDnsClientRawResponsesCollapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="divDnsClientRawResponsesHeading">
  831. <ul id="ulDnsClientRawResponsesList" class="list-group">
  832. </ul>
  833. </div>
  834. </div>
  835. </div>
  836. </div>
  837. <div id="mainPanelTabPaneSettings" role="tabpanel" class="tab-pane">
  838. <div id="divDnsSettingsLoader" style="margin-top: 10px; height: 400px;"></div>
  839. <div id="divDnsSettings" style="display: none;">
  840. <form style="margin-top: 10px;" onsubmit="return false;">
  841. <ul class="nav nav-tabs" role="tablist">
  842. <li id="settingsTabListGeneral" role="presentation" class="active"><a href="#settingsTabPaneGeneral" aria-controls="settingsTabPaneGeneral" role="tab" data-toggle="tab">General</a></li>
  843. <li id="settingsTabListWebService" role="presentation"><a href="#settingsTabPaneWebService" aria-controls="settingsTabPaneWebService" role="tab" data-toggle="tab">Web Service</a></li>
  844. <li id="settingsTabListOptionalProtocols" role="presentation"><a href="#settingsTabPaneOptionalProtocols" aria-controls="settingsTabPaneOptionalProtocols" role="tab" data-toggle="tab">Optional Protocols</a></li>
  845. <li id="settingsTabListTsig" role="presentation"><a href="#settingsTabPaneTsig" aria-controls="settingsTabPaneTsig" role="tab" data-toggle="tab">TSIG</a></li>
  846. <li id="settingsTabListRecursion" role="presentation"><a href="#settingsTabPaneRecursion" aria-controls="settingsTabPaneRecursion" role="tab" data-toggle="tab">Recursion</a></li>
  847. <li id="settingsTabListCache" role="presentation"><a href="#settingsTabPaneCache" aria-controls="settingsTabPaneCache" role="tab" data-toggle="tab">Cache</a></li>
  848. <li id="settingsTabListBlocking" role="presentation"><a href="#settingsTabPaneBlocking" aria-controls="settingsTabPaneBlocking" role="tab" data-toggle="tab">Blocking</a></li>
  849. <li id="settingsTabListProxyForwarders" role="presentation"><a href="#settingsTabPaneProxyForwarders" aria-controls="settingsTabPaneProxyForwarders" role="tab" data-toggle="tab">Proxy &amp; Forwarders</a></li>
  850. <li id="settingsTabListLogging" role="presentation"><a href="#settingsTabPaneLogging" aria-controls="settingsTabPaneLogging" role="tab" data-toggle="tab">Logging</a></li>
  851. </ul>
  852. <div class="tab-content" style="min-height: 350px; padding-top: 15px;">
  853. <div id="settingsTabPaneGeneral" role="tabpanel" class="tab-pane active">
  854. <div class="well well-sm form-horizontal">
  855. <div class="form-group">
  856. <label for="txtDnsServerDomain" class="col-sm-3 control-label">DNS Server Domain</label>
  857. <div class="col-sm-6">
  858. <input type="text" class="form-control" id="txtDnsServerDomain" placeholder="domain name" maxlength="255">
  859. </div>
  860. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The primary fully qualified domain name used by this DNS Server to identify itself.</div>
  861. </div>
  862. <div class="form-group">
  863. <label for="txtDnsServerLocalEndPoints" class="col-sm-3 control-label">DNS Server Local End Points</label>
  864. <div class="col-sm-6">
  865. <textarea id="txtDnsServerLocalEndPoints" class="form-control" rows="3" spellcheck="false"></textarea>
  866. </div>
  867. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Local end points are the network interface IP addresses and ports you want the DNS Server to listen for requests. The default values work for Windows but on Linux when you have multiple network adapters, you must explicitly specify the network adapter IP addresses here as the local end points.</div>
  868. </div>
  869. <div class="form-group">
  870. <label for="txtDnsServerIPv4SourceAddresses" class="col-sm-3 control-label">DNS Server IPv4 Source Addresses</label>
  871. <div class="col-sm-6">
  872. <textarea id="txtDnsServerIPv4SourceAddresses" class="form-control" rows="3" spellcheck="false"></textarea>
  873. </div>
  874. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IPv4 source addresses that the DNS server must use for making all outbound DNS requests when the server is connected to two or more networks. Network addresses are also accepted. By default, the IPv4 address of the network with a default route will be used as the source address.</div>
  875. </div>
  876. <div class="form-group">
  877. <label for="txtDnsServerIPv6SourceAddresses" class="col-sm-3 control-label">DNS Server IPv6 Source Addresses</label>
  878. <div class="col-sm-6">
  879. <textarea id="txtDnsServerIPv6SourceAddresses" class="form-control" rows="3" spellcheck="false"></textarea>
  880. </div>
  881. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IPv6 source addresses that the DNS server must use for making all outbound DNS requests when the server is connected to two or more networks. Network addresses are also accepted. By default, the IPv6 address of the network with a default route will be used as the source address. Note that this option will be used only when <code>Prefer IPv6</code> option is enabled.</div>
  882. </div>
  883. <div>Note! The DNS Server local end point changes will be automatically applied and so you do not need to manually restart the main service.</div>
  884. </div>
  885. <div class="well well-sm form-horizontal">
  886. <div class="form-group">
  887. <label for="txtDefaultRecordTtl" class="col-sm-3 control-label">Default Record TTL</label>
  888. <div class="col-sm-6">
  889. <input type="number" class="form-control" id="txtDefaultRecordTtl" placeholder="TTL" style="width: 100px; display: inline;">
  890. <span>seconds (default 3600)</span>
  891. </div>
  892. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The default TTL value to use if not specified when adding or updating records in a Zone.</div>
  893. </div>
  894. <div class="form-group">
  895. <label for="txtDefaultResponsiblePerson" class="col-sm-3 control-label">Default Responsible Person</label>
  896. <div class="col-sm-6">
  897. <input type="text" class="form-control" id="txtDefaultResponsiblePerson" placeholder="email address" maxlength="255">
  898. </div>
  899. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The default SOA Responsible Person email address to use when adding a Primary Zone.</div>
  900. </div>
  901. <div class="form-group">
  902. <label class="col-sm-3 control-label">Zone Defaults</label>
  903. <div class="col-sm-8">
  904. <div class="checkbox">
  905. <label>
  906. <input id="chkUseSoaSerialDateScheme" type="checkbox"> Use SOA Serial Date Scheme
  907. </label>
  908. </div>
  909. <div style="padding-top: 5px; padding-left: 20px;">The default SOA Serial option to use if not specified when adding a Primary Zone.</div>
  910. </div>
  911. </div>
  912. <div class="form-group">
  913. <label class="col-sm-3 control-label">Zone Transfer Allowed Networks</label>
  914. <div class="col-sm-6">
  915. <textarea id="txtZoneTransferAllowedNetworks" class="form-control" rows="3" spellcheck="false"></textarea>
  916. <div style="padding-top: 5px;">Enter IP addresses or network addresses one below another that are allowed to perform zone transfer for all zones without any TSIG authentication.</div>
  917. </div>
  918. </div>
  919. <div class="form-group">
  920. <label class="col-sm-3 control-label">Notify Allowed Networks</label>
  921. <div class="col-sm-6">
  922. <textarea id="txtNotifyAllowedNetworks" class="form-control" rows="3" spellcheck="false"></textarea>
  923. <div style="padding-top: 5px;">Enter IP addresses or network addresses one below another that are allowed to Notify all Secondary Zones.</div>
  924. </div>
  925. </div>
  926. </div>
  927. <div class="well well-sm form-horizontal">
  928. <div class="form-group">
  929. <label for="txtDefaultRecordTtl" class="col-sm-3 control-label">DNS Apps</label>
  930. <div class="col-sm-8">
  931. <div class="checkbox">
  932. <label>
  933. <input id="chkDnsAppsEnableAutomaticUpdate" type="checkbox"> Enable Automatic Update
  934. </label>
  935. </div>
  936. <div style="padding-top: 5px; padding-left: 20px;">DNS server will check for DNS Apps update every day and will automatically download and install the updates.</div>
  937. </div>
  938. </div>
  939. </div>
  940. <div class="well well-sm form-horizontal">
  941. <div class="form-group">
  942. <label class="col-sm-3 control-label">IPv6 Support</label>
  943. <div class="col-sm-8">
  944. <div class="checkbox">
  945. <label>
  946. <input id="chkPreferIPv6" type="checkbox"> Prefer IPv6
  947. </label>
  948. </div>
  949. <div style="padding-top: 5px; padding-left: 20px;">DNS Server will use IPv6 for querying whenever possible with this option enabled.</div>
  950. </div>
  951. </div>
  952. <div>Warning! Use this option only if this DNS server has native IPv6 Internet access otherwise it will affect performance.</div>
  953. </div>
  954. <div class="well well-sm form-horizontal">
  955. <div class="form-group">
  956. <label for="txtEdnsUdpPayloadSize" class="col-sm-3 control-label">EDNS UDP Payload Size</label>
  957. <div class="col-sm-6">
  958. <input type="number" class="form-control" id="txtEdnsUdpPayloadSize" placeholder="size" style="width: 100px; display: inline;">
  959. <span>bytes (valid range 512-4096; default 1232)</span>
  960. </div>
  961. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum UDP payload size that can be used to avoid IP fragmentation.</div>
  962. </div>
  963. </div>
  964. <div class="well well-sm form-horizontal">
  965. <div class="form-group">
  966. <label class="col-sm-3 control-label">DNSSEC</label>
  967. <div class="col-sm-8">
  968. <div class="checkbox">
  969. <label>
  970. <input id="chkDnssecValidation" type="checkbox" checked> Enable DNSSEC Validation
  971. </label>
  972. </div>
  973. <div style="padding-top: 5px; padding-left: 20px;">DNS Server will validate all responses from name servers or forwarders when this option is enabled.</div>
  974. </div>
  975. </div>
  976. <div>
  977. <p>Warning! Devices that do not have a real-time clock and rely on NTP when booting (e.g. Raspberry Pi), enabling DNSSEC validation will cause failure to resolve the NTP server domain name thus causing the DNS server to fail to validate all other domain names too due to invalid system date/time. To fix this issue, just create a Conditional Forwarder zone for the NTP server domain name (e.g. ntp.org) with forwarder set to <code>this-server</code> and Enable DNSSEC Validation option unchecked. This conditional forwarder zone will disable DNSSEC validation for the NTP server domain name and allow the device to update its system data/time on boot.</p>
  978. <p>Warning! When forwarders are configured, DNSSEC validation will work only if the forwarders are security aware i.e. can respond to DNSSEC requests correctly.</p>
  979. <p>Note! Enabling DNSSEC may increase delays in resolving domain names when the cache is initially empty. As the cache fills up, the performance will be normal as expected.</p>
  980. </div>
  981. </div>
  982. <div class="well well-sm form-horizontal">
  983. <div class="form-group">
  984. <label class="col-sm-3 control-label">EDNS Client Subnet (ECS)</label>
  985. <div class="col-sm-8">
  986. <div class="checkbox">
  987. <label>
  988. <input id="chkEDnsClientSubnet" type="checkbox"> Enable EDNS Client Subnet
  989. </label>
  990. </div>
  991. <div style="padding-top: 5px; padding-left: 20px;">DNS Server will use the public IP address of the request with a prefix length, or the existing Client Subnet option from the request.</div>
  992. </div>
  993. </div>
  994. <div class="form-group">
  995. <label for="txtEDnsClientSubnetIPv4PrefixLength" class="col-sm-3 control-label">ECS IPv4 Prefix Length</label>
  996. <div class="col-sm-6">
  997. <input type="number" class="form-control" id="txtEDnsClientSubnetIPv4PrefixLength" placeholder="prefix" style="width: 100px; display: inline;">
  998. <span>(valid range 0-32; default 24)</span>
  999. </div>
  1000. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IPv4 prefix length to define the client subnet.</div>
  1001. </div>
  1002. <div class="form-group">
  1003. <label for="txtEDnsClientSubnetIPv6PrefixLength" class="col-sm-3 control-label">ECS IPv6 Prefix Length</label>
  1004. <div class="col-sm-6">
  1005. <input type="number" class="form-control" id="txtEDnsClientSubnetIPv6PrefixLength" placeholder="prefix" style="width: 100px; display: inline;">
  1006. <span>(valid range 0-64; default 56)</span>
  1007. </div>
  1008. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IPv6 prefix length to define the client subnet.</div>
  1009. </div>
  1010. <div class="form-group">
  1011. <label for="txtEDnsClientSubnetIpv4Override" class="col-sm-3 control-label">ECS IPv4 Override</label>
  1012. <div class="col-sm-6">
  1013. <input type="text" class="form-control" id="txtEDnsClientSubnetIpv4Override" placeholder="network address">
  1014. </div>
  1015. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IPv4 network address that must be used as ECS for all outbound requests overriding client's actual subnet.</div>
  1016. </div>
  1017. <div class="form-group">
  1018. <label for="txtEDnsClientSubnetIpv6Override" class="col-sm-3 control-label">ECS IPv6 Override</label>
  1019. <div class="col-sm-6">
  1020. <input type="text" class="form-control" id="txtEDnsClientSubnetIpv6Override" placeholder="network address">
  1021. </div>
  1022. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IPv6 network address that must be used as ECS for all outbound requests overriding client's actual subnet.</div>
  1023. </div>
  1024. <div>
  1025. <p>Warning! EDNS Client Subnet (ECS) option when enabled will compromises user's privacy since the DNS server will send the user's public IP network subnet to name servers or forwarders when resolving requests. When not using encrypted DNS protocols, this information can also be read passively by anyone on the network.</p>
  1026. <p>Note! EDNS Client Subnet (ECS) option allows passing the user's client subnet information to name servers or forwarders so that the response may contain IP addresses of servers closer to the user's geographic region. EDNS Client Subnet (ECS) option thus is only useful when the DNS server is hosted in a geographically different region compared to the users that are configured to use it.</p>
  1027. <p>Note! Enabling EDNS Client Subnet (ECS) option will significantly increase the DNS server's memory usage since the server will have to cache data for each client subnet separately. It will also increase cache misses since DNS server will have to resolve requests and cache them for each client subnet separately.</p>
  1028. </div>
  1029. </div>
  1030. <div class="well well-sm form-horizontal">
  1031. <div class="form-group">
  1032. <label for="txtQpmLimitRequests" class="col-sm-3 control-label">Queries Per Minute (QPM) Limit (Requests)</label>
  1033. <div class="col-sm-6">
  1034. <input type="number" class="form-control" id="txtQpmLimitRequests" placeholder="limit" style="width: 100px; display: inline;">
  1035. <span>(set 0 to disable)</span>
  1036. </div>
  1037. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum queries a client subnet can make per minute on average based on the sample size.</div>
  1038. </div>
  1039. <div class="form-group">
  1040. <label for="txtQpmLimitErrors" class="col-sm-3 control-label">Queries Per Minute (QPM) Limit (Errors)</label>
  1041. <div class="col-sm-6">
  1042. <input type="number" class="form-control" id="txtQpmLimitErrors" placeholder="limit" style="width: 100px; display: inline;">
  1043. <span>(set 0 to disable)</span>
  1044. </div>
  1045. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum queries that generate an error response a client subnet can make per minute on average based on the sample size. Responses with RCODE as <code>FormatError</code>, <code>ServerFailure</code>, or <code>Refused</code> are considered as error responses.</div>
  1046. </div>
  1047. <div class="form-group">
  1048. <label for="txtQpmLimitSampleMinutes" class="col-sm-3 control-label">QPM Sample Size</label>
  1049. <div class="col-sm-8">
  1050. <input type="number" class="form-control" id="txtQpmLimitSampleMinutes" placeholder="sample" style="width: 100px; display: inline;">
  1051. <span>minutes (valid range 1-60; default 5)</span>
  1052. </div>
  1053. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The sample size in minutes to be used for limiting queries per client.</div>
  1054. </div>
  1055. <div class="form-group">
  1056. <label for="txtQpmLimitIPv4PrefixLength" class="col-sm-3 control-label">QPM Limit IPv4 Prefix Length</label>
  1057. <div class="col-sm-6">
  1058. <input type="number" class="form-control" id="txtQpmLimitIPv4PrefixLength" placeholder="prefix" style="width: 100px; display: inline;">
  1059. <span>(valid range 0-32; default 24)</span>
  1060. </div>
  1061. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IPv4 prefix length to define the client subnet.</div>
  1062. </div>
  1063. <div class="form-group">
  1064. <label for="txtQpmLimitIPv6PrefixLength" class="col-sm-3 control-label">QPM Limit IPv6 Prefix Length</label>
  1065. <div class="col-sm-6">
  1066. <input type="number" class="form-control" id="txtQpmLimitIPv6PrefixLength" placeholder="prefix" style="width: 100px; display: inline;">
  1067. <span>(valid range 0-64; default 56)</span>
  1068. </div>
  1069. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IPv6 prefix length to define the client subnet.</div>
  1070. </div>
  1071. <div class="form-group">
  1072. <label class="col-sm-3 control-label">QPM Limit Bypass List</label>
  1073. <div class="col-sm-6">
  1074. <textarea id="txtQpmLimitBypassList" class="form-control" rows="3" spellcheck="false"></textarea>
  1075. <div style="padding-top: 5px;">Enter IP addresses or network addresses one below another that are allowed to bypass the QPM limit.</div>
  1076. </div>
  1077. </div>
  1078. <div>Note! Queries Per Minute (QPM) feature will limit requests from a client subnet based on its IP address and the specified subnet prefix lengths except for loopback IP addresses. The QPM limit configured will be compared with the average count from the sample size which means a client may exceed the QPM limit for a given minute but won't exceed for the given sample size in minutes. Rate limited clients will be listed in orange color on the dashboard top clients table.</div>
  1079. </div>
  1080. <div class="well well-sm form-horizontal">
  1081. <div class="form-group">
  1082. <label for="txtClientTimeout" class="col-sm-3 control-label">Client Timeout</label>
  1083. <div class="col-sm-7">
  1084. <input type="number" class="form-control" id="txtClientTimeout" placeholder="timeout" style="width: 100px; display: inline;">
  1085. <span>milliseconds (valid range 1000-10000; default 2000)</span>
  1086. </div>
  1087. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The amount of time the DNS server must wait before responding with a <code>ServerFailure</code> response to a client request when no answer is available.</div>
  1088. </div>
  1089. <div class="form-group">
  1090. <label for="txtTcpSendTimeout" class="col-sm-3 control-label">TCP Send Timeout</label>
  1091. <div class="col-sm-7">
  1092. <input type="number" class="form-control" id="txtTcpSendTimeout" placeholder="timeout" style="width: 100px; display: inline;">
  1093. <span>milliseconds (valid range 1000-90000; default 10000)</span>
  1094. </div>
  1095. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum amount of time the DNS Server will wait for the response to be sent. This option will apply for DNS requests being received by the DNS Server over TCP, TLS, TcpProxy, or HTTPS transports.</div>
  1096. </div>
  1097. <div class="form-group">
  1098. <label for="txtTcpReceiveTimeout" class="col-sm-3 control-label">TCP Receive Timeout</label>
  1099. <div class="col-sm-7">
  1100. <input type="number" class="form-control" id="txtTcpReceiveTimeout" placeholder="timeout" style="width: 100px; display: inline;">
  1101. <span>milliseconds (valid range 1000-90000; default 10000)</span>
  1102. </div>
  1103. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum amount of time the DNS Server will wait for receiving data. This option will apply for DNS requests being received by the DNS Server over TCP, TLS, TcpProxy, or HTTPS transports.</div>
  1104. </div>
  1105. <div class="form-group">
  1106. <label for="txtQuicIdleTimeout" class="col-sm-3 control-label">QUIC Idle Timeout</label>
  1107. <div class="col-sm-6">
  1108. <input type="number" class="form-control" id="txtQuicIdleTimeout" placeholder="timeout" style="width: 100px; display: inline;">
  1109. <span>milliseconds (valid range 1000-90000; default 60000)</span>
  1110. </div>
  1111. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The time interval after which an idle QUIC connection will be closed. This option applies only to QUIC transport protocol.</div>
  1112. </div>
  1113. <div class="form-group">
  1114. <label for="txtQuicMaxInboundStreams" class="col-sm-3 control-label">QUIC Max Inbound Streams</label>
  1115. <div class="col-sm-6">
  1116. <input type="number" class="form-control" id="txtQuicMaxInboundStreams" placeholder="100" style="width: 100px; display: inline;">
  1117. <span>(valid range 1-1000; default 100)</span>
  1118. </div>
  1119. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The max number of inbound bidirectional streams that can be accepted per QUIC connection. This option applies only to QUIC transport protocol.</div>
  1120. </div>
  1121. <div class="form-group">
  1122. <label for="txtListenBacklog" class="col-sm-3 control-label">Listen Backlog</label>
  1123. <div class="col-sm-6">
  1124. <input type="number" class="form-control" id="txtListenBacklog" placeholder="100" style="width: 100px; display: inline;">
  1125. <span>(default 100)</span>
  1126. </div>
  1127. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum number of pending inbound connections. This option applies to TCP, TLS, TcpProxy, and QUIC transport protocols.</div>
  1128. </div>
  1129. </div>
  1130. </div>
  1131. <div id="settingsTabPaneWebService" role="tabpanel" class="tab-pane">
  1132. <div class="well well-sm form-horizontal">
  1133. <div class="form-group">
  1134. <label for="txtWebServiceLocalAddresses" class="col-sm-3 control-label">Web Service Local Addresses</label>
  1135. <div class="col-sm-6">
  1136. <textarea id="txtWebServiceLocalAddresses" class="form-control" rows="3" spellcheck="false"></textarea>
  1137. </div>
  1138. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Local addresses are the network interface IP addresses you want the web service to listen for requests. ANY addresses (0.0.0.0 &amp; [::]) cannot be used together with unicast IP addresses. The default values work for most scenarios so, do not change these defaults unless you have a requirement for the web service to listen on specific networks.</div>
  1139. </div>
  1140. <div class="form-group">
  1141. <label for="txtWebServiceHttpPort" class="col-sm-3 control-label">Web Service HTTP Port</label>
  1142. <div class="col-sm-6">
  1143. <input type="number" class="form-control" id="txtWebServiceHttpPort" placeholder="port" style="width: 100px; display: inline;">
  1144. <span>(default 5380)</span>
  1145. </div>
  1146. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify the TCP port number for this web console over HTTP protocol.</div>
  1147. </div>
  1148. <div class="form-group">
  1149. <label class="col-sm-3 control-label">HTTPS Options</label>
  1150. <div class="col-sm-8">
  1151. <div class="checkbox">
  1152. <label>
  1153. <input id="chkWebServiceEnableTls" type="checkbox"> Enable HTTPS
  1154. </label>
  1155. </div>
  1156. <div class="checkbox">
  1157. <label>
  1158. <input id="chkWebServiceEnableHttp3" type="checkbox"> Enable HTTP/3
  1159. </label>
  1160. </div>
  1161. <div class="checkbox">
  1162. <label>
  1163. <input id="chkWebServiceHttpToTlsRedirect" type="checkbox"> Enable HTTP to HTTPS Redirection
  1164. </label>
  1165. </div>
  1166. <div class="checkbox">
  1167. <label>
  1168. <input id="chkWebServiceUseSelfSignedTlsCertificate" type="checkbox"> Use A Self Signed TLS Certificate When TLS Certificate File Path Is Unspecified
  1169. </label>
  1170. </div>
  1171. </div>
  1172. </div>
  1173. <div class="form-group">
  1174. <label for="txtWebServiceTlsPort" class="col-sm-3 control-label">Web Service HTTPS Port</label>
  1175. <div class="col-sm-6">
  1176. <input type="number" class="form-control" id="txtWebServiceTlsPort" placeholder="port" style="width: 100px; display: inline;">
  1177. <span>(default 53443)</span>
  1178. </div>
  1179. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify the TCP port number for this web console over TLS protocol.</div>
  1180. </div>
  1181. <div class="form-group">
  1182. <label for="txtWebServiceTlsCertificatePath" class="col-sm-3 control-label">TLS Certificate File Path</label>
  1183. <div class="col-sm-6">
  1184. <input type="text" class="form-control" id="txtWebServiceTlsCertificatePath" placeholder="Web Service TLS Certificate File Path On Server" maxlength="255">
  1185. </div>
  1186. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify a PKCS #12 certificate (.pfx or .p12) file path on the server. The path can be relative to the DNS server's config folder. The certificate must contain private key.</div>
  1187. </div>
  1188. <div class="form-group">
  1189. <label for="txtWebServiceTlsCertificatePassword" class="col-sm-3 control-label">TLS Certificate Password</label>
  1190. <div class="col-sm-6">
  1191. <input type="password" class="form-control" id="txtWebServiceTlsCertificatePassword" placeholder="Web Service TLS Certificate Password" maxlength="255">
  1192. </div>
  1193. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Enter the certificate (.pfx) password, if any.</div>
  1194. </div>
  1195. <div class="form-group">
  1196. <label for="txtWebServiceRealIpHeader" class="col-sm-3 control-label">Real IP Header</label>
  1197. <div class="col-sm-6">
  1198. <input type="text" class="form-control" id="txtWebServiceRealIpHeader" placeholder="X-Real-IP" maxlength="255">
  1199. </div>
  1200. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The HTTP header that must be used to read client's actual IP address when the request comes from a reverse proxy with a private IP address.</div>
  1201. </div>
  1202. <div>
  1203. <p>Note! The web service port changes will be automatically applied and so you do not need to manually restart the main service. The TLS certificate too will be automatically reloaded when the certificate file's date modified property on disk changes. This web page will be automatically redirected to the new web console URL after saving settings. The HTTPS protocol will be enabled only when a TLS certificate is configured.</p>
  1204. <p>When using a reverse proxy with the Web Service, you need to add <code id="lblWebServiceRealIpHeader">X-Real-IP</code> header to the proxy request with the IP address of the client to allow the Web server to know the real IP address of the client originating the request. For example, if you are using nginx as the reverse proxy, you can add <code id="lblWebServiceRealIpNginx">proxy_set_header X-Real-IP $remote_addr;</code> to make it work.</p>
  1205. <p>The web service uses Kestral web server which supports both HTTP/2 and HTTP/3 protocols when TLS certificate is configured. HTTP/3 protocol support is not available on all platforms. On Windows, it is available only on Windows 11 (build 22000 or later) and Windows Server 2022. On Linux, it requires <code>libmsquic</code> to be installed.</p>
  1206. <p>Note! The web service will always bind to <code>[::]</code> local address for HTTP/3 protocol since this is how the <code>libmsquic</code> library is designed to work.</p>
  1207. <p>Use the following openssl command to convert your TLS certificate that is in PEM format to PKCS #12 certificate (.pfx) format:</p>
  1208. <pre>openssl pkcs12 -export -out "example.com.pfx" -inkey "privkey.pem" -in "cert.pem" -certfile "chain.pem"</pre>
  1209. </div>
  1210. <div style="margin-top: 10px;"><a href="https://blog.technitium.com/2023/02/configuring-dns-over-quic-and-https3.html" target="_blank">Help: Configuring DNS-over-QUIC and HTTPS/3 For Technitium DNS Server</a></div>
  1211. </div>
  1212. </div>
  1213. <div id="settingsTabPaneOptionalProtocols" role="tabpanel" class="tab-pane">
  1214. <div class="well well-sm form-horizontal">
  1215. <div class="form-group">
  1216. <label class="col-sm-3 control-label">Optional DNS Server Protocols</label>
  1217. <div class="col-sm-8">
  1218. <div class="checkbox">
  1219. <label>
  1220. <input id="chkEnableDnsOverUdpProxy" type="checkbox"> Enable DNS-over-UDP-PROXY
  1221. </label>
  1222. </div>
  1223. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to accept DNS-over-UDP-PROXY requests. It implements the <a href="https://www.haproxy.org/download/1.8/doc/proxy-protocol.txt" target="_blank">PROXY Protocol</a> for both version 1 &amp; 2 over UDP datagram and will work only on private networks.</div>
  1224. <div class="checkbox">
  1225. <label>
  1226. <input id="chkEnableDnsOverTcpProxy" type="checkbox"> Enable DNS-over-TCP-PROXY
  1227. </label>
  1228. </div>
  1229. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to accept DNS-over-TCP-PROXY requests. It implements the <a href="https://www.haproxy.org/download/1.8/doc/proxy-protocol.txt" target="_blank">PROXY Protocol</a> for both version 1 &amp; 2 over TCP connection and will work only on private networks.</div>
  1230. <div class="checkbox">
  1231. <label>
  1232. <input id="chkEnableDnsOverHttp" type="checkbox"> Enable DNS-over-HTTP
  1233. </label>
  1234. </div>
  1235. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to accept DNS-over-HTTP requests. It must be used with a TLS terminating reverse proxy like nginx and will work only on private networks. Enabling this option also allows automatic TLS certificate renewal with HTTP challenge (webroot) for DNS-over-HTTPS service when DNS-over-HTTP port is set to 80.</div>
  1236. <div class="checkbox">
  1237. <label>
  1238. <input id="chkEnableDnsOverTls" type="checkbox"> Enable DNS-over-TLS
  1239. </label>
  1240. </div>
  1241. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to accept DNS-over-TLS requests.</div>
  1242. <div class="checkbox">
  1243. <label>
  1244. <input id="chkEnableDnsOverHttps" type="checkbox"> Enable DNS-over-HTTPS
  1245. </label>
  1246. </div>
  1247. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to accept DNS-over-HTTPS requests.</div>
  1248. <div class="checkbox">
  1249. <label>
  1250. <input id="chkEnableDnsOverHttp3" type="checkbox"> Enable DNS-over-HTTP/3
  1251. </label>
  1252. </div>
  1253. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to accept DNS-over-HTTP/3 requests.</div>
  1254. <div class="checkbox">
  1255. <label>
  1256. <input id="chkEnableDnsOverQuic" type="checkbox"> Enable DNS-over-QUIC
  1257. </label>
  1258. </div>
  1259. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to accept DNS-over-QUIC requests.</div>
  1260. </div>
  1261. </div>
  1262. <div class="form-group">
  1263. <label for="txtDnsOverUdpProxyPort" class="col-sm-3 control-label">DNS-over-UDP-PROXY Port</label>
  1264. <div class="col-sm-6">
  1265. <input type="number" class="form-control" id="txtDnsOverUdpProxyPort" placeholder="port" style="width: 100px; display: inline;">
  1266. <span>(default 538)</span>
  1267. </div>
  1268. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify the UDP port number for DNS-over-UDP-PROXY protocol.</div>
  1269. </div>
  1270. <div class="form-group">
  1271. <label for="txtDnsOverTcpProxyPort" class="col-sm-3 control-label">DNS-over-TCP-PROXY Port</label>
  1272. <div class="col-sm-6">
  1273. <input type="number" class="form-control" id="txtDnsOverTcpProxyPort" placeholder="port" style="width: 100px; display: inline;">
  1274. <span>(default 538)</span>
  1275. </div>
  1276. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify the TCP port number for DNS-over-TCP-PROXY protocol.</div>
  1277. </div>
  1278. <div class="form-group">
  1279. <label for="txtDnsOverHttpPort" class="col-sm-3 control-label">DNS-over-HTTP Port</label>
  1280. <div class="col-sm-6">
  1281. <input type="number" class="form-control" id="txtDnsOverHttpPort" placeholder="port" style="width: 100px; display: inline;">
  1282. <span>(default 80)</span>
  1283. </div>
  1284. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify the TCP port number for DNS-over-HTTP protocol.</div>
  1285. </div>
  1286. <div class="form-group">
  1287. <label for="txtDnsOverTlsPort" class="col-sm-3 control-label">DNS-over-TLS Port</label>
  1288. <div class="col-sm-6">
  1289. <input type="number" class="form-control" id="txtDnsOverTlsPort" placeholder="port" style="width: 100px; display: inline;">
  1290. <span>(default 853)</span>
  1291. </div>
  1292. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify the TCP port number for DNS-over-TLS protocol.</div>
  1293. </div>
  1294. <div class="form-group">
  1295. <label for="txtDnsOverHttpsPort" class="col-sm-3 control-label">DNS-over-HTTPS Port</label>
  1296. <div class="col-sm-6">
  1297. <input type="number" class="form-control" id="txtDnsOverHttpsPort" placeholder="port" style="width: 100px; display: inline;">
  1298. <span>(default 443)</span>
  1299. </div>
  1300. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify the TCP port number for DNS-over-HTTPS protocol.</div>
  1301. </div>
  1302. <div class="form-group">
  1303. <label for="txtDnsOverQuicPort" class="col-sm-3 control-label">DNS-over-QUIC Port</label>
  1304. <div class="col-sm-6">
  1305. <input type="number" class="form-control" id="txtDnsOverQuicPort" placeholder="port" style="width: 100px; display: inline;">
  1306. <span>(default 853)</span>
  1307. </div>
  1308. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify the UDP port number for DNS-over-QUIC protocol.</div>
  1309. </div>
  1310. <div class="form-group">
  1311. <label for="txtDnsTlsCertificatePath" class="col-sm-3 control-label">TLS Certificate File Path</label>
  1312. <div class="col-sm-6">
  1313. <input type="text" class="form-control" id="txtDnsTlsCertificatePath" placeholder="DNS Service TLS Certificate File Path On Server" maxlength="255">
  1314. </div>
  1315. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Specify a PKCS #12 certificate (.pfx or .p12) file path on the server. The path can be relative to the DNS server's config folder. The certificate must contain private key.</div>
  1316. </div>
  1317. <div class="form-group">
  1318. <label for="txtDnsTlsCertificatePassword" class="col-sm-3 control-label">TLS Certificate Password</label>
  1319. <div class="col-sm-6">
  1320. <input type="password" class="form-control" id="txtDnsTlsCertificatePassword" placeholder="DNS Service TLS Certificate Password" maxlength="255">
  1321. </div>
  1322. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Enter the certificate (.pfx) password, if any.</div>
  1323. </div>
  1324. <div class="form-group">
  1325. <label for="txtDnsOverHttpRealIpHeader" class="col-sm-3 control-label">Real IP Header</label>
  1326. <div class="col-sm-6">
  1327. <input type="text" class="form-control" id="txtDnsOverHttpRealIpHeader" placeholder="X-Real-IP" maxlength="255">
  1328. </div>
  1329. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The HTTP header that must be used to read client's actual IP address when the request comes from a reverse proxy with a private IP address.</div>
  1330. </div>
  1331. <div>
  1332. <p>Note! These optional DNS server protocol changes will be automatically applied and so you do not need to manually restart the main service. The TLS certificate too will be automatically reloaded when the certificate file's date modified property on disk changes. The DNS-over-TLS, DNS-over-QUIC, and DNS-over-HTTPS protocols will be enabled only when a TLS certificate is configured.</p>
  1333. <p>These optional DNS server protocols are used to host these as a service. You do not need to enable these optional protocols to use them with Forwarders or Conditional Forwarder Zones.</p>
  1334. <p>For DNS-over-HTTP, use <code>http://<span id="lblDoHHost">localhost:8053</span>/dns-query</code> with a TLS terminating reverse proxy like nginx. For DNS-over-TLS, use <code id="lblDoTHost">tls-certificate-domain:853</code>, for DNS-over-QUIC, use <code id="lblDoQHost">tls-certificate-domain:853</code>, and for DNS-over-HTTPS use <code>https://<span id="lblDoHsHost">tls-certificate-domain</span>/dns-query</code> to configure supported DNS clients.</p>
  1335. <p>When using a reverse proxy with the DNS-over-HTTP service, you need to add <code id="lblDnsOverHttpRealIpHeader">X-Real-IP</code> header to the proxy request with the IP address of the client to allow the DNS server to know the real IP address of the client originating the request. For example, if you are using nginx as the reverse proxy, you can add <code id="lblDnsOverHttpRealIpNginx">proxy_set_header X-Real-IP $remote_addr;</code> to make it work.</p>
  1336. <p>DNS-over-QUIC protocol support is not available on all platforms. On Windows, it is available only on Windows 11 (build 22000 or later) and Windows Server 2022. On Linux, it requires <code>libmsquic</code> to be installed.</p>
  1337. <p>Note! The DNS-over-HTTP/3 protocol will always bind to <code>[::]</code> local address since this is how the <code>libmsquic</code> library is designed to work.</p>
  1338. <p>Use the following openssl command to convert your TLS certificate that is in PEM format to PKCS #12 certificate (.pfx) format:</p>
  1339. <pre>openssl pkcs12 -export -out "example.com.pfx" -inkey "privkey.pem" -in "cert.pem" -certfile "chain.pem"</pre>
  1340. </div>
  1341. <div style="margin-top: 10px;"><a href="https://blog.technitium.com/2020/07/how-to-host-your-own-dns-over-https-and.html" target="_blank">Help: How To Host Your Own DNS-over-HTTPS, DNS-over-TLS, And DNS-over-QUIC Services</a></div>
  1342. <div style="margin-top: 10px;"><a href="https://blog.technitium.com/2023/02/configuring-dns-over-quic-and-https3.html" target="_blank">Help: Configuring DNS-over-QUIC and HTTPS/3 For Technitium DNS Server</a></div>
  1343. </div>
  1344. </div>
  1345. <div id="settingsTabPaneTsig" role="tabpanel" class="tab-pane">
  1346. <div class="well well-sm form-horizontal">
  1347. <div class="form-group">
  1348. <label for="tableTsigKeys" class="col-sm-2 control-label">TSIG Keys</label>
  1349. <div class="col-sm-10">
  1350. <table class="table table-hover" style="margin-bottom: 0px;">
  1351. <thead>
  1352. <tr>
  1353. <th>Key Name</th>
  1354. <th>Shared Secret</th>
  1355. <th>Algorithm</th>
  1356. <th style="width: 84px;"><button type="button" class="btn btn-default" style="padding: 0px 20px;" onclick="addTsigKeyRow('', '', 'hmac-sha256');">Add</button></th>
  1357. </tr>
  1358. </thead>
  1359. <tbody id="tableTsigKeys"></tbody>
  1360. </table>
  1361. </div>
  1362. <div class="col-sm-offset-2 col-sm-10" style="padding-top: 5px;">The shared secret can be a base64 string or a literal string. Keep the shared secret empty if you want to auto generate a strong key.</div>
  1363. </div>
  1364. <div>Note! You will need to configure these TSIG keys names for zone transfer in the zone options and in the secondary zone SOA record options separately.</div>
  1365. </div>
  1366. </div>
  1367. <div id="settingsTabPaneRecursion" role="tabpanel" class="tab-pane">
  1368. <div class="well well-sm form-horizontal">
  1369. <div class="form-group">
  1370. <label class="col-sm-3 control-label">Recursion</label>
  1371. <div class="col-sm-8">
  1372. <div class="radio">
  1373. <label>
  1374. <input type="radio" name="rdRecursion" id="rdRecursionDeny" value="Deny">
  1375. Deny Recursion
  1376. </label>
  1377. <div style="padding-top: 5px; padding-left: 20px;">Disables recursion so that this DNS Server works as authoritative only.</div>
  1378. </div>
  1379. <div class="radio">
  1380. <label>
  1381. <input type="radio" name="rdRecursion" id="rdRecursionAllow" value="Allow">
  1382. Allow Recursion
  1383. </label>
  1384. <div style="padding-top: 5px; padding-left: 20px;">Enables recursion to allow this DNS Server to resolve any domain name.</div>
  1385. </div>
  1386. <div class="radio">
  1387. <label>
  1388. <input type="radio" name="rdRecursion" id="rdRecursionAllowOnlyForPrivateNetworks" value="AllowOnlyForPrivateNetworks" checked>
  1389. Allow Recursion Only For Private Networks (default)
  1390. </label>
  1391. <div style="padding-top: 5px; padding-left: 20px;">Select this option if you want to support recursion only on private networks. Any recursive request from a public network will be refused.</div>
  1392. </div>
  1393. <div class="radio">
  1394. <label>
  1395. <input type="radio" name="rdRecursion" id="rdRecursionUseSpecifiedNetworkACL" value="UseSpecifiedNetworkACL">
  1396. Use Specified Network Access Control List (ACL)
  1397. </label>
  1398. <div style="padding-top: 5px; padding-left: 20px;">Select this option to specify networks that must be allowed or denied recursion.</div>
  1399. </div>
  1400. </div>
  1401. <div class="col-sm-offset-3 col-sm-6">
  1402. <label for="txtRecursionNetworkACL" class="control-label">Network Access Control List (ACL)</label>
  1403. <textarea id="txtRecursionNetworkACL" class="form-control" rows="5" spellcheck="false"></textarea>
  1404. <div style="padding-top: 5px;">Enter IP addresses or network addresses one below another to allow access. Add <code>!</code> character at the start to deny access, e.g. <code>!192.168.10.0/24</code> will deny entire subnet. The ACL is processed in the same order its listed. If no networks match, the default policy is to deny all except loopback.</div>
  1405. </div>
  1406. </div>
  1407. <div>Note! Disable recursion if you wish this server to act only as authoritative name server for the configured zones.</div>
  1408. </div>
  1409. <div class="well well-sm form-horizontal">
  1410. <div class="form-group">
  1411. <label class="col-sm-3 control-label">Recursive Resolver</label>
  1412. <div class="col-sm-8">
  1413. <div class="checkbox">
  1414. <label>
  1415. <input id="chkRandomizeName" type="checkbox"> Randomize Name
  1416. </label>
  1417. </div>
  1418. <div style="padding-top: 5px; padding-left: 20px;">Enables <a href="https://datatracker.ietf.org/doc/draft-vixie-dnsext-dns0x20/" target="_blank">QNAME case randomization</a> when using UDP as the transport protocol to improve security.</div>
  1419. <div class="checkbox">
  1420. <label>
  1421. <input id="chkQnameMinimization" type="checkbox"> QNAME Minimization
  1422. </label>
  1423. </div>
  1424. <div style="padding-top: 5px; padding-left: 20px;">Enables <a href="https://datatracker.ietf.org/doc/rfc9156/" target="_blank">QNAME minimization</a> for recursive resolution to improve privacy.</div>
  1425. <div class="checkbox">
  1426. <label>
  1427. <input id="chkNsRevalidation" type="checkbox"> NS Revalidation
  1428. </label>
  1429. </div>
  1430. <div style="padding-top: 5px; padding-left: 20px;">Enables <a href="https://datatracker.ietf.org/doc/draft-ietf-dnsop-ns-revalidation/" target="_blank">Delegation Revalidation</a> for recursive resolution.</div>
  1431. </div>
  1432. </div>
  1433. </div>
  1434. <div class="well well-sm form-horizontal">
  1435. <div class="form-group">
  1436. <label for="txtResolverRetries" class="col-sm-3 control-label">Resolver Retries</label>
  1437. <div class="col-sm-6">
  1438. <input type="number" class="form-control" id="txtResolverRetries" placeholder="retries" style="width: 100px; display: inline;">
  1439. <span>(valid range 1-10; default 2)</span>
  1440. </div>
  1441. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The total number of retries the recursive resolver must do per name server.</div>
  1442. </div>
  1443. <div class="form-group">
  1444. <label for="txtResolverTimeout" class="col-sm-3 control-label">Resolver Timeout</label>
  1445. <div class="col-sm-6">
  1446. <input type="number" class="form-control" id="txtResolverTimeout" placeholder="timeout" style="width: 100px; display: inline;">
  1447. <span>milliseconds (valid range 1000-10000; default 1500)</span>
  1448. </div>
  1449. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The amount of time the recursive resolver must wait between retries.</div>
  1450. </div>
  1451. <div class="form-group">
  1452. <label for="txtResolverConcurrency" class="col-sm-3 control-label">Resolver Concurrency</label>
  1453. <div class="col-sm-6">
  1454. <input type="number" class="form-control" id="txtResolverConcurrency" placeholder="count" style="width: 100px; display: inline;">
  1455. <span>(valid range 1-4; default 2)</span>
  1456. </div>
  1457. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The number of concurrent requests that should be sent by the recursive resolver to the name servers.</div>
  1458. </div>
  1459. <div class="form-group">
  1460. <label for="txtResolverMaxStackCount" class="col-sm-3 control-label">Resolver Max Stack Count</label>
  1461. <div class="col-sm-6">
  1462. <input type="number" class="form-control" id="txtResolverMaxStackCount" placeholder="count" style="width: 100px; display: inline;">
  1463. <span>(valid range 10-30; default 16)</span>
  1464. </div>
  1465. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum stack count the recursive resolver must use for resolving a domain name.</div>
  1466. </div>
  1467. </div>
  1468. </div>
  1469. <div id="settingsTabPaneCache" role="tabpanel" class="tab-pane">
  1470. <div class="well well-sm form-horizontal">
  1471. <div class="form-group">
  1472. <label class="col-sm-3 control-label">DNS Cache</label>
  1473. <div class="col-sm-8">
  1474. <div class="checkbox">
  1475. <label>
  1476. <input id="chkSaveCache" type="checkbox"> Save Cache To Disk
  1477. </label>
  1478. </div>
  1479. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to save DNS cache on disk when the DNS server stops. The saved cache will be loaded next time the DNS server starts.</div>
  1480. </div>
  1481. </div>
  1482. <div>Note! The DNS server will attempt to save cache to disk when it stops which may take time depending on the cache size. If the DNS server takes a lot of time to stop then it may lead to the OS killing the DNS server process causing an incomplete cache to be stored on disk.</div>
  1483. </div>
  1484. <div class="well well-sm form-horizontal">
  1485. <div class="form-group">
  1486. <label class="col-sm-3 control-label">Serve Stale</label>
  1487. <div class="col-sm-8">
  1488. <div class="checkbox">
  1489. <label>
  1490. <input id="chkServeStale" type="checkbox"> Enable Serve Stale
  1491. </label>
  1492. </div>
  1493. <div style="padding-top: 5px; padding-left: 20px;">Enable the <a href="https://datatracker.ietf.org/doc/rfc8767/" target="_blank">Serve Stale</a> feature to improve resiliency by using expired or stale records in cache to respond when the DNS server is unable to reach the upstream or authoritative name servers to refresh the expired records before the Max Wait Time configured below.</div>
  1494. </div>
  1495. </div>
  1496. <div class="form-group">
  1497. <label for="txtServeStaleTtl" class="col-sm-3 control-label">Serve Stale TTL</label>
  1498. <div class="col-sm-6">
  1499. <input type="number" class="form-control" id="txtServeStaleTtl" placeholder="seconds" style="width: 100px; display: inline;">
  1500. <span>seconds (recommended 259200 i.e. 3 days)</span>
  1501. </div>
  1502. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The TTL value in seconds which should be used for cached records that are expired. When the serve stale TTL too expires for a stale record, it gets removed from the cache. Recommended value is between 1-3 days and maximum supported value is 7 days.</div>
  1503. </div>
  1504. <div class="form-group">
  1505. <label for="txtServeStaleAnswerTtl" class="col-sm-3 control-label">Serve Stale Answer TTL</label>
  1506. <div class="col-sm-6">
  1507. <input type="number" class="form-control" id="txtServeStaleAnswerTtl" placeholder="seconds" style="width: 100px; display: inline;">
  1508. <span>seconds (valid range 0-300; recommended 30)</span>
  1509. </div>
  1510. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The TTL value in seconds which should be used for the records in a stale response. This is the TTL value that the client will be using to cache the stale records.</div>
  1511. </div>
  1512. <div class="form-group">
  1513. <label for="txtServeStaleResetTtl" class="col-sm-3 control-label">Serve Stale Reset TTL</label>
  1514. <div class="col-sm-6">
  1515. <input type="number" class="form-control" id="txtServeStaleResetTtl" placeholder="seconds" style="width: 100px; display: inline;">
  1516. <span>seconds (valid range 10-900; recommended 30)</span>
  1517. </div>
  1518. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The TTL value in seconds which should be used to reset the stale record's TTL value in the cache when the resolver fails to refresh the data. The TTL reset causes the stale records to become valid again so that they can be used to serve requests normally. This reset effectively prevents the resolver from attempting to frequently update the stale records.</div>
  1519. </div>
  1520. <div class="form-group">
  1521. <label for="txtServeStaleMaxWaitTime" class="col-sm-3 control-label">Serve Stale Max Wait Time</label>
  1522. <div class="col-sm-6">
  1523. <input type="number" class="form-control" id="txtServeStaleMaxWaitTime" placeholder="milliseconds" style="width: 100px; display: inline;">
  1524. <span>milliseconds (valid range 0-1800; default 1800)</span>
  1525. </div>
  1526. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The time in milliseconds that the DNS server must wait for the resolver before serving stale records from the cache. Lower value will ensure faster response at the expense of not getting updated data from the upstream. Setting value to 0 will instantly return stale answer without waiting for the resolver to fetch updates from the upstream.</div>
  1527. </div>
  1528. </div>
  1529. <div class="well well-sm form-horizontal">
  1530. <div class="form-group">
  1531. <label for="txtCacheMaximumEntries" class="col-sm-3 control-label">Cache Maximum Entries</label>
  1532. <div class="col-sm-6">
  1533. <input type="number" class="form-control" id="txtCacheMaximumEntries" placeholder="entries" style="width: 125px; display: inline;">
  1534. <span>(default 10000; set 0 to disable)</span>
  1535. </div>
  1536. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum number of entries that the cache can store. A relevant value should be configured by monitoring the Cache entries value on Dashboard and the server's memory usage to limit the amount of RAM used by the DNS server. A cache entry is a complete Resource Record Set (RR Set) which is a group of records with the same type for a given domain name. When a value is configured, the DNS server will trigger a clean up operation every few minutes and remove least recently used entries to maintain the maximum allowed entries in cache.</div>
  1537. </div>
  1538. <div class="form-group">
  1539. <label for="txtCacheMinimumRecordTtl" class="col-sm-3 control-label">Cache Minimum TTL</label>
  1540. <div class="col-sm-6">
  1541. <input type="number" class="form-control" id="txtCacheMinimumRecordTtl" placeholder="min TTL" style="width: 100px; display: inline;">
  1542. <span>seconds (recommended 10)</span>
  1543. </div>
  1544. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The minimum TTL value that a record can have in the cache. Set a value to make sure that the records with TTL value less than that stays in cache for a minimum duration.</div>
  1545. </div>
  1546. <div class="form-group">
  1547. <label for="txtCacheMaximumRecordTtl" class="col-sm-3 control-label">Cache Maximum TTL</label>
  1548. <div class="col-sm-8">
  1549. <input type="number" class="form-control" id="txtCacheMaximumRecordTtl" placeholder="max TTL" style="width: 100px; display: inline;">
  1550. <span>seconds (default 604800)</span>
  1551. </div>
  1552. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum TTL value that a record can have in the cache. Set a lower value to allow the records to expire early.</div>
  1553. </div>
  1554. <div class="form-group">
  1555. <label for="txtCacheNegativeRecordTtl" class="col-sm-3 control-label">Cache Negative TTL</label>
  1556. <div class="col-sm-6">
  1557. <input type="number" class="form-control" id="txtCacheNegativeRecordTtl" placeholder="-ve TTL" style="width: 100px; display: inline;">
  1558. <span>seconds (recommended 300)</span>
  1559. </div>
  1560. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The negative TTL value to use when there is no SOA MINIMUM value available. Negative caching stores records in cache for <code>NXDOMAIN</code> and <code>NODATA</code> responses.</div>
  1561. </div>
  1562. <div class="form-group">
  1563. <label for="txtCacheFailureRecordTtl" class="col-sm-3 control-label">Cache Failure TTL</label>
  1564. <div class="col-sm-6">
  1565. <input type="number" class="form-control" id="txtCacheFailureRecordTtl" placeholder="fail TTL" style="width: 100px; display: inline;">
  1566. <span>seconds (recommended 10)</span>
  1567. </div>
  1568. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The failure TTL value to be used for caching failure responses. This allows storing failure record in cache and prevent frequent recursive resolution requests to the name servers that are responding with <code>ServerFailure</code> or failing to respond.</div>
  1569. </div>
  1570. </div>
  1571. <div class="well well-sm form-horizontal">
  1572. <div class="form-group">
  1573. <label for="txtCachePrefetchEligibility" class="col-sm-3 control-label">Prefetch Eligibility</label>
  1574. <div class="col-sm-6">
  1575. <input type="number" class="form-control" id="txtCachePrefetchEligibility" placeholder="eligibility" style="width: 100px; display: inline;">
  1576. <span>seconds (recommended 2)</span>
  1577. </div>
  1578. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The minimum initial TTL value of a record needed to be eligible for prefetching.</div>
  1579. </div>
  1580. <div class="form-group">
  1581. <label for="txtCachePrefetchTrigger" class="col-sm-3 control-label">Prefetch Trigger</label>
  1582. <div class="col-sm-8">
  1583. <input type="number" class="form-control" id="txtCachePrefetchTrigger" placeholder="trigger" style="width: 100px; display: inline;">
  1584. <span>seconds (recommended 9; set 0 to disable prefetching &amp; auto prefetching)</span>
  1585. </div>
  1586. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">A record with TTL value less than trigger value will initiate prefetch operation immediately for itself.</div>
  1587. </div>
  1588. <div class="form-group">
  1589. <label for="txtCachePrefetchSampleIntervalInMinutes" class="col-sm-3 control-label">Auto Prefetch Sampling</label>
  1590. <div class="col-sm-6">
  1591. <input type="number" class="form-control" id="txtCachePrefetchSampleIntervalInMinutes" placeholder="interval" style="width: 100px; display: inline;">
  1592. <span>minutes (valid range 1-60; default 5)</span>
  1593. </div>
  1594. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The interval to sample eligible domain names from last hour stats for auto prefetch.</div>
  1595. </div>
  1596. <div class="form-group">
  1597. <label for="txtCachePrefetchSampleEligibilityHitsPerHour" class="col-sm-3 control-label">Auto Prefetch Eligibility</label>
  1598. <div class="col-sm-6">
  1599. <input type="number" class="form-control" id="txtCachePrefetchSampleEligibilityHitsPerHour" placeholder="hits" style="width: 100px; display: inline;">
  1600. <span>hits/hour (default 30)</span>
  1601. </div>
  1602. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Minimum required hits per hour for a domain name to be eligible for auto prefetch.</div>
  1603. </div>
  1604. <div>The DNS Server cache auto prefetch option can keep eligible domain names from last hour stats "hot" in cache. Auto prefetch eligibility value can be decided by keeping an eye on the hits shown for last hour on the dashboard. Experiment with auto prefetch sampling interval and eligibility to get best results.</div>
  1605. </div>
  1606. </div>
  1607. <div id="settingsTabPaneBlocking" role="tabpanel" class="tab-pane">
  1608. <div class="well well-sm form-horizontal">
  1609. <div class="form-group">
  1610. <label class="col-sm-3 control-label">Blocking</label>
  1611. <div class="col-sm-8">
  1612. <div class="checkbox">
  1613. <label>
  1614. <input id="chkEnableBlocking" type="checkbox"> Enable Blocking
  1615. </label>
  1616. </div>
  1617. <div style="padding-top: 5px; padding-left: 20px;">Sets the DNS server to block domain names using Blocked Zone and Block List Zone.</div>
  1618. <div class="checkbox">
  1619. <label>
  1620. <input id="chkAllowTxtBlockingReport" type="checkbox"> Allow TXT Blocking Report
  1621. </label>
  1622. </div>
  1623. <div style="padding-top: 5px; padding-left: 20px;">Specifies if the DNS Server should respond with TXT records containing a blocked domain report for TXT type requests. This option also enables Extended DNS Error blocked domain report in response for requests that support EDNS.</div>
  1624. </div>
  1625. </div>
  1626. <div class="form-group">
  1627. <label class="col-sm-3 control-label">Blocking Temporarily Disabled Till</label>
  1628. <div class="col-sm-8">
  1629. <div id="lblTemporaryDisableBlockingTill" style="padding-top: 7px;"></div>
  1630. <div style="padding-top: 12px;">
  1631. <input type="number" class="form-control" id="txtTemporaryDisableBlockingMinutes" placeholder="minutes" style="width: 100px; display: inline;">
  1632. <span>minutes</span>
  1633. </div>
  1634. <div style="padding-top: 6px;">
  1635. <button id="btnTemporaryDisableBlockingNow" type="button" class="btn btn-default" style="padding: 2px 0; width: 170px;" data-loading-text="Disabling..." onclick="temporaryDisableBlockingNow();">Temporary Disable Now</button>
  1636. </div>
  1637. </div>
  1638. </div>
  1639. <div class="form-group">
  1640. <label class="col-sm-3 control-label">Blocking Bypass List</label>
  1641. <div class="col-sm-6">
  1642. <textarea id="txtBlockingBypassList" class="form-control" rows="3" spellcheck="false"></textarea>
  1643. <div style="padding-top: 5px;">Enter IP addresses or network addresses one below another that are allowed to bypass blocking.</div>
  1644. </div>
  1645. </div>
  1646. <div class="form-group">
  1647. <label class="col-sm-3 control-label">Blocking Type</label>
  1648. <div class="col-sm-8">
  1649. <div class="radio">
  1650. <label>
  1651. <input type="radio" name="rdBlockingType" id="rdBlockingTypeAnyAddress" value="AnyAddress">
  1652. ANY Address
  1653. </label>
  1654. <div style="padding-top: 5px; padding-left: 20px;">Uses <code>0.0.0.0</code> and <code>::</code> IP addresses for blocked domain names.</div>
  1655. </div>
  1656. <div class="radio">
  1657. <label>
  1658. <input type="radio" name="rdBlockingType" id="rdBlockingTypeNxDomain" value="NxDomain">
  1659. NX Domain (recommended)
  1660. </label>
  1661. <div style="padding-top: 5px; padding-left: 20px;">Uses <code>NX Domain</code> response for blocked domain names.</div>
  1662. </div>
  1663. <div class="radio">
  1664. <label>
  1665. <input type="radio" name="rdBlockingType" id="rdBlockingTypeCustomAddress" value="CustomAddress">
  1666. Custom Address
  1667. </label>
  1668. <div style="padding-top: 5px; padding-left: 20px;">Uses custom IP addresses provided below for blocked domain names.</div>
  1669. </div>
  1670. </div>
  1671. <div class="col-sm-offset-3 col-sm-6" style="margin-bottom: 10px;">
  1672. <label for="txtCustomBlockingAddresses" class="control-label">Custom Blocking Addresses (IP Address)</label>
  1673. <textarea id="txtCustomBlockingAddresses" class="form-control" rows="3" spellcheck="false"></textarea>
  1674. </div>
  1675. </div>
  1676. <div class="form-group">
  1677. <label for="txtBlockingAnswerTtl" class="col-sm-3 control-label">Blocking Answer TTL</label>
  1678. <div class="col-sm-6">
  1679. <input type="number" class="form-control" id="txtBlockingAnswerTtl" placeholder="ttl" style="width: 100px; display: inline;">
  1680. <span>seconds (default 30)</span>
  1681. </div>
  1682. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The TTL value in seconds that must be used for the records in a blocking response. This is the TTL value that the client will use to cache the blocking response.</div>
  1683. </div>
  1684. <div class="form-group">
  1685. <label for="txtBlockListUrls" class="col-sm-3 control-label">Allow / Block List URLs</label>
  1686. <div class="col-sm-6">
  1687. <textarea id="txtBlockListUrls" class="form-control" rows="7" spellcheck="false"></textarea>
  1688. <label for="optQuickBlockList" class="control-label">Quick Add</label>
  1689. <select id="optQuickBlockList" class="form-control" style="width: 100%;">
  1690. <option value="blank" selected></option>
  1691. <option value="none">None</option>
  1692. <option value="default">Default</option>
  1693. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/hosts">Steven Black [adware + malware] (https://raw.githubusercontent.com/StevenBlack/hosts/master/hosts)</option>
  1694. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews/hosts">Steven Black [adware + malware + fakenews] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews/hosts)</option>
  1695. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/gambling/hosts">Steven Black [adware + malware + gambling] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/gambling/hosts)</option>
  1696. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/porn/hosts">Steven Black [adware + malware + porn] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/porn/hosts)</option>
  1697. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/social/hosts">Steven Black [adware + malware + social] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/social/hosts)</option>
  1698. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-gambling/hosts">Steven Black [adware + malware + fakenews + gambling] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-gambling/hosts)</option>
  1699. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-porn/hosts">Steven Black [adware + malware + fakenews + porn] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-porn/hosts)</option>
  1700. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-social/hosts">Steven Black [adware + malware + fakenews + social] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-social/hosts)</option>
  1701. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/gambling-porn/hosts">Steven Black [adware + malware + gambling + porn] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/gambling-porn/hosts)</option>
  1702. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/gambling-social/hosts">Steven Black [adware + malware + gambling + social] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/gambling-social/hosts)</option>
  1703. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/porn-social/hosts">Steven Black [adware + malware + porn + social] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/porn-social/hosts)</option>
  1704. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-gambling-porn/hosts">Steven Black [adware + malware + fakenews + gambling + porn] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-gambling-porn/hosts)</option>
  1705. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-gambling-social/hosts">Steven Black [adware + malware + fakenews + gambling + social] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-gambling-social/hosts)</option>
  1706. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-porn-social/hosts">Steven Black [adware + malware + fakenews + porn + social] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-porn-social/hosts)</option>
  1707. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/gambling-porn-social/hosts">Steven Black [adware + malware + gambling + porn + social] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/gambling-porn-social/hosts)</option>
  1708. <option value="https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-gambling-porn-social/hosts">Steven Black [adware + malware + fakenews + gambling + porn + social] (https://raw.githubusercontent.com/StevenBlack/hosts/master/alternates/fakenews-gambling-porn-social/hosts)</option>
  1709. <option value="https://big.oisd.nl/">OISD Big [Adblock Plus] (https://big.oisd.nl/)</option>
  1710. <option value="https://nsfw.oisd.nl/">OISD NSFW [Adblock Plus] (https://nsfw.oisd.nl/)</option>
  1711. <option value="https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/light-onlydomains.txt">Hagezi [Multi Light - Basic protection] (https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/light-onlydomains.txt)</option>
  1712. <option value="https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/multi-onlydomains.txt">Hagezi [Multi Normal - All-round protection] (https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/multi-onlydomains.txt)</option>
  1713. <option value="https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/pro-onlydomains.txt">Hagezi [Multi PRO - Extended protection] (https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/pro-onlydomains.txt)</option>
  1714. <option value="https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/pro.plus-onlydomains.txt">Hagezi [Multi PRO++ - Maximum protection] (https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/pro.plus-onlydomains.txt)</option>
  1715. <option value="https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/ultimate-onlydomains.txt">Hagezi [Multi ULTIMATE - Aggressive protection] (https://raw.githubusercontent.com/hagezi/dns-blocklists/main/wildcard/ultimate-onlydomains.txt)</option>
  1716. <option value="https://shreshtait.com/newly-registered-domains/nrd-1w">Shreshta - Newly Registered Domains (past week) Community Feed (https://shreshtait.com/newly-registered-domains/nrd-1w)</option>
  1717. <option value="https://shreshtait.com/newly-registered-domains/nrd-1m">Shreshta - Newly Registered Domains (past month) Community Feed (https://shreshtait.com/newly-registered-domains/nrd-1m)</option>
  1718. </select>
  1719. </div>
  1720. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">
  1721. <p>Enter block list URL one below another in the above text field or use the Quick Add list to add known block list URLs.</p>
  1722. <p>For directly using block list files saved on this server, use the <code>file://</code> formatted URL path. For example, on Linux the URL should look like <code>file:///home/folder/myblocklist.txt</code> and on Windows it should look like <code>file:///c:/folder/myblocklist.txt</code>.</p>
  1723. <p>Add <code>!</code> character at the start of an URL to make it an allow list URL. This option must not be used with allow lists that use <code>Adblock Plus</code> format.</p>
  1724. </div>
  1725. </div>
  1726. <div class="form-group">
  1727. <label for="txtBlockListUpdateIntervalHours" class="col-sm-3 control-label">Block List Update Interval</label>
  1728. <div class="col-sm-6">
  1729. <input type="number" class="form-control" id="txtBlockListUpdateIntervalHours" placeholder="hours" style="width: 100px; display: inline;">
  1730. <span>hours (valid range 0-168; default 24; set 0 to disable)</span>
  1731. </div>
  1732. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The interval in hours to automatically download and update the block lists.</div>
  1733. </div>
  1734. <div class="form-group">
  1735. <label for="lblBlockListNextUpdatedOn" class="col-sm-3 control-label">Block List Next Update On</label>
  1736. <div class="col-sm-6" style="padding-top: 5px;">
  1737. <span id="lblBlockListNextUpdatedOn" style="margin-right: 15px;"></span>
  1738. <button id="btnUpdateBlockListsNow" type="button" class="btn btn-default" style="padding: 2px 0; width: 100px;" data-loading-text="Updating..." onclick="forceUpdateBlockLists();">Update Now</button>
  1739. </div>
  1740. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Click the 'Update Now' button to reset the next update schedule and force download and update of the block lists.</div>
  1741. </div>
  1742. <div style="margin-top: 10px;">Note! DNS Server will use the data returned by the block list URLs to update the block list zone automatically. The expected file format is standard <code>hosts</code> file format, plain text file containing list of domains to block, wildcard block list file format, or <code>Adblock Plus</code> file format.</div>
  1743. <div style="margin-top: 10px;"><a href="https://blog.technitium.com/2018/10/blocking-internet-ads-using-dns-sinkhole.html" target="_blank">Help: Blocking Internet Ads Using DNS Sinkhole</a></div>
  1744. </div>
  1745. </div>
  1746. <div id="settingsTabPaneProxyForwarders" role="tabpanel" class="tab-pane">
  1747. <div class="well well-sm form-horizontal">
  1748. <div class="form-group">
  1749. <label class="col-sm-3 control-label">Network Proxy</label>
  1750. <div class="col-sm-6">
  1751. <div class="radio">
  1752. <label>
  1753. <input type="radio" name="rdProxyType" id="rdProxyTypeNone" value="None" checked>
  1754. No Proxy (default)
  1755. </label>
  1756. </div>
  1757. <div class="radio">
  1758. <label>
  1759. <input type="radio" name="rdProxyType" id="rdProxyTypeHttp" value="Http">
  1760. HTTP Proxy
  1761. </label>
  1762. </div>
  1763. <div class="radio">
  1764. <label>
  1765. <input type="radio" name="rdProxyType" id="rdProxyTypeSocks5" value="Socks5">
  1766. SOCKS5 Proxy
  1767. </label>
  1768. </div>
  1769. </div>
  1770. </div>
  1771. <div class="form-group">
  1772. <label for="txtProxyAddress" class="col-sm-3 control-label">Proxy Server Address</label>
  1773. <div class="col-sm-6">
  1774. <input type="text" class="form-control" id="txtProxyAddress" placeholder="domain name or IP address" maxlength="255">
  1775. </div>
  1776. </div>
  1777. <div class="form-group">
  1778. <label for="txtProxyPort" class="col-sm-3 control-label">Proxy Server Port</label>
  1779. <div class="col-sm-6">
  1780. <input type="number" class="form-control" id="txtProxyPort" placeholder="port" style="width: 100px;">
  1781. </div>
  1782. </div>
  1783. <div class="form-group">
  1784. <label for="txtProxyUsername" class="col-sm-3 control-label">Username</label>
  1785. <div class="col-sm-6">
  1786. <input type="text" class="form-control" id="txtProxyUsername" placeholder="username" maxlength="255">
  1787. </div>
  1788. </div>
  1789. <div class="form-group">
  1790. <label for="txtProxyPassword" class="col-sm-3 control-label">Password</label>
  1791. <div class="col-sm-6">
  1792. <input type="password" class="form-control" id="txtProxyPassword" placeholder="password" maxlength="255">
  1793. </div>
  1794. </div>
  1795. <div class="form-group">
  1796. <label for="txtProxyBypassList" class="col-sm-3 control-label">Proxy Bypass List</label>
  1797. <div class="col-sm-6">
  1798. <textarea id="txtProxyBypassList" class="form-control" rows="5" spellcheck="false"></textarea>
  1799. </div>
  1800. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Enter IP addresses, network addresses or domain names to never proxy.</div>
  1801. </div>
  1802. <div style="margin-top: 10px;">Note! When proxy server is configured, DNS Server will use it for all outbound network requests.</div>
  1803. </div>
  1804. <div class="well well-sm form-horizontal">
  1805. <div class="form-group">
  1806. <label for="txtForwarders" class="col-sm-3 control-label">Forwarders</label>
  1807. <div class="col-sm-6">
  1808. <textarea id="txtForwarders" class="form-control" rows="3" spellcheck="false"></textarea>
  1809. <label for="optQuickForwarders" class="control-label">Quick Select</label>
  1810. <select id="optQuickForwarders" class="form-control" style="width: 100%;">
  1811. <option value="blank" selected></option>
  1812. <option value="none">None</option>
  1813. <option value="cloudflare-udp">Cloudflare (DNS-over-UDP)</option>
  1814. <option value="cloudflare-udp-ipv6">Cloudflare (DNS-over-UDP IPv6)</option>
  1815. <option value="cloudflare-tcp">Cloudflare (DNS-over-TCP)</option>
  1816. <option value="cloudflare-tcp-ipv6">Cloudflare (DNS-over-TCP IPv6)</option>
  1817. <option value="cloudflare-tls">Cloudflare (DNS-over-TLS)</option>
  1818. <option value="cloudflare-tls-ipv6">Cloudflare (DNS-over-TLS IPv6)</option>
  1819. <option value="cloudflare-https">Cloudflare (DNS-over-HTTPS)</option>
  1820. <option value="cloudflare-https-ipv6">Cloudflare (DNS-over-HTTPS IPv6)</option>
  1821. <option value="cloudflare-tor">Cloudflare (DNS-over-TOR!)</option>
  1822. <option value="google-udp">Google (DNS-over-UDP)</option>
  1823. <option value="google-udp-ipv6">Google (DNS-over-UDP IPv6)</option>
  1824. <option value="google-tcp">Google (DNS-over-TCP)</option>
  1825. <option value="google-tcp-ipv6">Google (DNS-over-TCP IPv6)</option>
  1826. <option value="google-tls">Google (DNS-over-TLS)</option>
  1827. <option value="google-tls-ipv6">Google (DNS-over-TLS IPv6)</option>
  1828. <option value="google-https">Google (DNS-over-HTTPS)</option>
  1829. <option value="google-https-ipv6">Google (DNS-over-HTTPS IPv6)</option>
  1830. <option value="quad9-udp">Quad9 Secure (DNS-over-UDP)</option>
  1831. <option value="quad9-udp-ipv6">Quad9 Secure (DNS-over-UDP IPv6)</option>
  1832. <option value="quad9-tcp">Quad9 Secure (DNS-over-TCP)</option>
  1833. <option value="quad9-tcp-ipv6">Quad9 Secure (DNS-over-TCP IPv6)</option>
  1834. <option value="quad9-tls">Quad9 Secure (DNS-over-TLS)</option>
  1835. <option value="quad9-tls-ipv6">Quad9 Secure (DNS-over-TLS IPv6)</option>
  1836. <option value="quad9-https">Quad9 Secure (DNS-over-HTTPS)</option>
  1837. <option value="quad9-https-ipv6">Quad9 Secure (DNS-over-HTTPS IPv6)</option>
  1838. <option value="quad9-unsecure-udp">Quad9 Unsecure (DNS-over-UDP)</option>
  1839. <option value="quad9-unsecure-udp-ipv6">Quad9 Unsecure (DNS-over-UDP IPv6)</option>
  1840. <option value="quad9-unsecure-tcp">Quad9 Unsecure (DNS-over-TCP)</option>
  1841. <option value="quad9-unsecure-tcp-ipv6">Quad9 Unsecure (DNS-over-TCP IPv6)</option>
  1842. <option value="quad9-unsecure-tls">Quad9 Unsecure (DNS-over-TLS)</option>
  1843. <option value="quad9-unsecure-tls-ipv6">Quad9 Unsecure (DNS-over-TLS IPv6)</option>
  1844. <option value="quad9-unsecure-https">Quad9 Unsecure (DNS-over-HTTPS)</option>
  1845. <option value="quad9-unsecure-https-ipv6">Quad9 Unsecure (DNS-over-HTTPS IPv6)</option>
  1846. <option value="opendns-udp">OpenDNS (DNS-over-UDP)</option>
  1847. <option value="opendns-udp-ipv6">OpenDNS (DNS-over-UDP IPv6)</option>
  1848. <option value="opendns-tcp">OpenDNS (DNS-over-TCP)</option>
  1849. <option value="opendns-tcp-ipv6">OpenDNS (DNS-over-TCP IPv6)</option>
  1850. <option value="opendns-tls">OpenDNS (DNS-over-TLS)</option>
  1851. <option value="opendns-tls-ipv6">OpenDNS (DNS-over-TLS IPv6)</option>
  1852. <option value="opendns-https">OpenDNS (DNS-over-HTTPS)</option>
  1853. <option value="opendns-fs-udp">OpenDNS FamilyShield (DNS-over-UDP)</option>
  1854. <option value="opendns-fs-udp-ipv6">OpenDNS FamilyShield (DNS-over-UDP IPv6)</option>
  1855. <option value="opendns-fs-tcp">OpenDNS FamilyShield (DNS-over-TCP)</option>
  1856. <option value="opendns-fs-tcp-ipv6">OpenDNS FamilyShield (DNS-over-TCP IPv6)</option>
  1857. <option value="opendns-fs-tls">OpenDNS FamilyShield (DNS-over-TLS)</option>
  1858. <option value="opendns-fs-tls-ipv6">OpenDNS FamilyShield (DNS-over-TLS IPv6)</option>
  1859. <option value="opendns-fs-https">OpenDNS FamilyShield (DNS-over-HTTPS)</option>
  1860. <option value="adguard-udp">AdGuard (DNS-over-UDP)</option>
  1861. <option value="adguard-udp-ipv6">AdGuard (DNS-over-UDP IPv6)</option>
  1862. <option value="adguard-tcp">AdGuard (DNS-over-TCP)</option>
  1863. <option value="adguard-tcp-ipv6">AdGuard (DNS-over-TCP IPv6)</option>
  1864. <option value="adguard-tls">AdGuard (DNS-over-TLS)</option>
  1865. <option value="adguard-tls-ipv6">AdGuard (DNS-over-TLS IPv6)</option>
  1866. <option value="adguard-https">AdGuard (DNS-over-HTTPS)</option>
  1867. <option value="adguard-quic">AdGuard (DNS-over-QUIC)</option>
  1868. <option value="adguard-quic-ipv6">AdGuard (DNS-over-QUIC IPv6)</option>
  1869. <option value="adguard-f-udp">AdGuard Family Protection (DNS-over-UDP)</option>
  1870. <option value="adguard-f-udp-ipv6">AdGuard Family Protection (DNS-over-UDP IPv6)</option>
  1871. <option value="adguard-f-tcp">AdGuard Family Protection (DNS-over-TCP)</option>
  1872. <option value="adguard-f-tcp-ipv6">AdGuard Family Protection (DNS-over-TCP IPv6)</option>
  1873. <option value="adguard-f-tls">AdGuard Family Protection (DNS-over-TLS)</option>
  1874. <option value="adguard-f-tls-ipv6">AdGuard Family Protection (DNS-over-TLS IPv6)</option>
  1875. <option value="adguard-f-https">AdGuard Family Protection (DNS-over-HTTPS)</option>
  1876. <option value="adguard-f-quic">AdGuard Family Protection (DNS-over-QUIC)</option>
  1877. <option value="adguard-f-quic-ipv6">AdGuard Family Protection (DNS-over-QUIC IPv6)</option>
  1878. </select>
  1879. <div style="padding-top: 5px;">Enter forwarder DNS Server IP addresses or URLs one below another in above text field or use the Quick Select list to select desired forwarder.</div>
  1880. </div>
  1881. </div>
  1882. <div class="form-group">
  1883. <label class="col-sm-3 control-label">Forwarder Protocol</label>
  1884. <div class="col-sm-8">
  1885. <div class="radio">
  1886. <label>
  1887. <input type="radio" name="rdForwarderProtocol" id="rdForwarderProtocolUdp" value="Udp" checked>
  1888. DNS-over-UDP (default)
  1889. </label>
  1890. </div>
  1891. <div class="radio">
  1892. <label>
  1893. <input type="radio" name="rdForwarderProtocol" id="rdForwarderProtocolTcp" value="Tcp">
  1894. DNS-over-TCP
  1895. </label>
  1896. </div>
  1897. <div class="radio">
  1898. <label>
  1899. <input type="radio" name="rdForwarderProtocol" id="rdForwarderProtocolTls" value="Tls">
  1900. DNS-over-TLS
  1901. </label>
  1902. </div>
  1903. <div class="radio">
  1904. <label>
  1905. <input type="radio" name="rdForwarderProtocol" id="rdForwarderProtocolHttps" value="Https">
  1906. DNS-over-HTTPS
  1907. </label>
  1908. </div>
  1909. <div class="radio">
  1910. <label>
  1911. <input type="radio" name="rdForwarderProtocol" id="rdForwarderProtocolQuic" value="Quic">
  1912. DNS-over-QUIC
  1913. </label>
  1914. </div>
  1915. <div style="padding-top: 5px;">Select a protocol that this DNS server must use to query the forwarders specified above.</div>
  1916. </div>
  1917. </div>
  1918. <div class="form-group">
  1919. <label class="col-sm-3 control-label">Concurrent Forwarding</label>
  1920. <div class="col-sm-8">
  1921. <div class="checkbox">
  1922. <label>
  1923. <input id="chkEnableConcurrentForwarding" type="checkbox"> Enable Concurrent Forwarding
  1924. </label>
  1925. </div>
  1926. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to allow querying two or more forwarders concurrently instead of sequentially querying them in their given order. The DNS server will automatically select forwarders (based on their average latency) to query and use the fastest response it receives from any of them. If none of the selected forwarders respond in time, the DNS server will similarly select forwarders from the remaining ones and queries them till all are tried before giving up.</div>
  1927. </div>
  1928. </div>
  1929. <div class="form-group">
  1930. <label for="txtForwarderConcurrency" class="col-sm-3 control-label">Forwarder Concurrency</label>
  1931. <div class="col-sm-6">
  1932. <input type="number" class="form-control" id="txtForwarderConcurrency" placeholder="count" style="width: 100px; display: inline;">
  1933. <span>(valid range 1-10; default 2)</span>
  1934. </div>
  1935. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The number of concurrent requests that must be sent when Concurrent Forwarding is enabled for resolving a domain name.</div>
  1936. </div>
  1937. <div style="margin-top: 10px;">Note! Forwarders are upstream DNS servers which this DNS Server must use to resolve domain names. If no forwarders are configured then the DNS server will use preconfigured ROOT HINTS to perform recursive resolution to resolve domain names.</div>
  1938. <div style="margin-top: 10px;">Note! The <code>https</code> URL scheme will attempt to make DNS-over-HTTPS/3 request and will fallback to DNS-over-HTTPS/2 (and later to DNS-over-HTTPS/1.1) if it fails to connect. To force DNS-over-HTTPS/3, use <code>h3</code> URL scheme instead of <code>https</code> but note that there wont be any protocol fallback if the connection attempt fails.</div>
  1939. <div style="margin-top: 10px;"><a href="https://blog.technitium.com/2018/06/configuring-dns-server-for-privacy.html" target="_blank">Help: Configuring DNS Server For Privacy & Security</a></div>
  1940. <div style="margin-top: 10px;"><a href="https://blog.technitium.com/2023/02/configuring-dns-over-quic-and-https3.html" target="_blank">Help: Configuring DNS-over-QUIC and HTTPS/3 For Technitium DNS Server</a></div>
  1941. </div>
  1942. <div class="well well-sm form-horizontal">
  1943. <div class="form-group">
  1944. <label for="txtForwarderRetries" class="col-sm-3 control-label">Forwarder Retries</label>
  1945. <div class="col-sm-6">
  1946. <input type="number" class="form-control" id="txtForwarderRetries" placeholder="retries" style="width: 100px; display: inline;">
  1947. <span>(valid range 1-10; default 3)</span>
  1948. </div>
  1949. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The total number of retries the forwarder or conditional forwarder resolver must do per upstream DNS server.</div>
  1950. </div>
  1951. <div class="form-group">
  1952. <label for="txtForwarderTimeout" class="col-sm-3 control-label">Forwarder Timeout</label>
  1953. <div class="col-sm-6">
  1954. <input type="number" class="form-control" id="txtForwarderTimeout" placeholder="timeout" style="width: 100px; display: inline;">
  1955. <span>milliseconds (valid range 1000-10000; default 2000)</span>
  1956. </div>
  1957. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The amount of time the forwarder or conditional forwarder resolver must wait between retries.</div>
  1958. </div>
  1959. </div>
  1960. </div>
  1961. <div id="settingsTabPaneLogging" role="tabpanel" class="tab-pane">
  1962. <div class="well well-sm form-horizontal">
  1963. <div class="form-group">
  1964. <label class="col-sm-3 control-label">Logging</label>
  1965. <div class="col-sm-8">
  1966. <div class="checkbox">
  1967. <label>
  1968. <input id="chkEnableLogging" type="checkbox"> Enable Logging
  1969. </label>
  1970. </div>
  1971. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to log error and audit logs into the log file.</div>
  1972. <div class="checkbox">
  1973. <label>
  1974. <input id="chkIgnoreResolverLogs" type="checkbox"> Ignore Resolver Error Logs
  1975. </label>
  1976. </div>
  1977. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to stop logging domain name resolution errors into the log file.</div>
  1978. <div class="checkbox">
  1979. <label>
  1980. <input id="chkLogQueries" type="checkbox"> Log All Queries
  1981. </label>
  1982. </div>
  1983. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to log every query received by this DNS Server and the corresponding response answers into the log file.</div>
  1984. <div class="checkbox">
  1985. <label>
  1986. <input id="chkUseLocalTime" type="checkbox"> Use Local Time
  1987. </label>
  1988. </div>
  1989. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to use local time instead of UTC for logging.</div>
  1990. </div>
  1991. </div>
  1992. <div class="form-group">
  1993. <label for="txtLogFolderPath" class="col-sm-3 control-label">Log Folder Path</label>
  1994. <div class="col-sm-6">
  1995. <input type="text" class="form-control" id="txtLogFolderPath" placeholder="Log Folder Path On Server" maxlength="255">
  1996. </div>
  1997. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The folder path on the server where the log files should be saved. The path can be relative to the DNS server's config folder.</div>
  1998. </div>
  1999. <div class="form-group">
  2000. <label for="txtMaxLogFileDays" class="col-sm-3 control-label">Max Log File Days</label>
  2001. <div class="col-sm-6">
  2002. <input type="number" class="form-control" id="txtMaxLogFileDays" placeholder="Max Days" style="width: 100px; display: inline;">
  2003. <span>days (default 365, set 0 to disable auto delete)</span>
  2004. </div>
  2005. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Max number of days to keep the log files. Log files older than the specified number of days will be deleted automatically.</div>
  2006. </div>
  2007. <div>Warning! Enabling query logging will significantly increase the log file size and use up disk space.</div>
  2008. </div>
  2009. <div class="well well-sm form-horizontal">
  2010. <div class="form-group">
  2011. <label class="col-sm-3 control-label">Stats</label>
  2012. <div class="col-sm-8">
  2013. <div class="checkbox">
  2014. <label>
  2015. <input id="chkEnableInMemoryStats" type="checkbox"> Enable In-Memory Stats
  2016. </label>
  2017. </div>
  2018. <div style="padding-top: 5px; padding-left: 20px;">This option will enable in-memory stats and only Last Hour data will be available on Dashboard. No stats data will be stored on disk.</div>
  2019. </div>
  2020. </div>
  2021. <div class="form-group">
  2022. <label for="txtMaxStatFileDays" class="col-sm-3 control-label">Max Stat File Days</label>
  2023. <div class="col-sm-6">
  2024. <input type="number" class="form-control" id="txtMaxStatFileDays" placeholder="Max Days" style="width: 100px; display: inline;">
  2025. <span>days (default 365, set 0 to disable auto delete)</span>
  2026. </div>
  2027. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Max number of days to keep the dashboard stats. Stat files older than the specified number of days will be deleted automatically.</div>
  2028. </div>
  2029. </div>
  2030. </div>
  2031. </div>
  2032. <div class="form-group" style="margin-bottom: 0px;">
  2033. <div class="pull-left">
  2034. <button id="btnSaveDnsSettings" type="button" class="btn btn-primary" data-loading-text="Saving..." onclick="saveDnsSettings();">Save Settings</button>
  2035. <button type="button" class="btn btn-danger" data-loading-text="Flushing..." onclick="flushDnsCache(this);" style="margin-left: 6px;">Flush Cache</button>
  2036. </div>
  2037. <div class="pull-right">
  2038. <button type="button" class="btn btn-success" onclick="resetBackupSettingsModal();" data-toggle="modal" data-target="#modalBackupSettings">Backup Settings</button>
  2039. <button type="button" class="btn btn-warning" onclick="resetRestoreSettingsModal();" data-toggle="modal" data-target="#modalRestoreSettings" style="margin-left: 6px;">Restore Settings</button>
  2040. </div>
  2041. <div class="clearfix"></div>
  2042. </div>
  2043. </form>
  2044. </div>
  2045. </div>
  2046. <div id="mainPanelTabPaneDhcp" role="tabpanel" class="tab-pane" style="padding: 10px 0 0 0;">
  2047. <ul class="nav nav-tabs" role="tablist">
  2048. <li id="dhcpTabListLeases" role="presentation" class="active"><a href="#dhcpTabPaneLeases" aria-controls="dhcpTabPaneLeases" role="tab" data-toggle="tab" onclick="refreshDhcpLeases();">Leases</a></li>
  2049. <li id="dhcpTabListScopes" role="presentation"><a href="#dhcpTabPaneScopes" aria-controls="dhcpTabPaneScopes" role="tab" data-toggle="tab" onclick="refreshDhcpScopes(true);">Scopes</a></li>
  2050. </ul>
  2051. <div class="tab-content">
  2052. <div id="dhcpTabPaneLeases" class="tab-pane active">
  2053. <div id="divDhcpLeasesLoader" style="margin-top: 10px; height: 350px;"></div>
  2054. <div id="divDhcpLeases" style="margin-top: 10px;">
  2055. <table class="table table-hover">
  2056. <thead>
  2057. <tr>
  2058. <th><a href="#" onclick="sortTable('tableDhcpLeasesBody', 0); return false;">Scope</a></th>
  2059. <th><a href="#" onclick="sortTable('tableDhcpLeasesBody', 1); return false;">MAC Address</a></th>
  2060. <th><a href="#" onclick="sortTable('tableDhcpLeasesBody', 2); return false;">IP Address</a></th>
  2061. <th><a href="#" onclick="sortTable('tableDhcpLeasesBody', 3); return false;"></a></th>
  2062. <th><a href="#" onclick="sortTable('tableDhcpLeasesBody', 4); return false;">Host Name</a></th>
  2063. <th><a href="#" onclick="sortTable('tableDhcpLeasesBody', 5); return false;">Lease Obtained</a></th>
  2064. <th><a href="#" onclick="sortTable('tableDhcpLeasesBody', 6); return false;">Lease Expires</a></th>
  2065. <th style="width: 36px;"></th>
  2066. </tr>
  2067. </thead>
  2068. <tbody id="tableDhcpLeasesBody">
  2069. </tbody>
  2070. <tfoot id="tableDhcpLeasesFooter">
  2071. <tr><td><b>Total Leases: 0</b></td></tr>
  2072. </tfoot>
  2073. </table>
  2074. </div>
  2075. </div>
  2076. <div id="dhcpTabPaneScopes" class="tab-pane">
  2077. <div id="divDhcpViewScopesLoader" style="margin-top: 10px; height: 350px;"></div>
  2078. <div id="divDhcpViewScopes" style="margin-top: 10px;">
  2079. <div style="float: right; padding: 2px 0px;">
  2080. <button type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="showAddDhcpScope();">Add Scope</button>
  2081. </div>
  2082. <div style="clear: both;"></div>
  2083. <table class="table table-hover">
  2084. <thead>
  2085. <tr>
  2086. <th><a href="#" onclick="sortTable('tableDhcpScopesBody', 0); return false;">Name</a></th>
  2087. <th><a href="#" onclick="sortTable('tableDhcpScopesBody', 1); return false;">Scope Range/Subnet Mask</a></th>
  2088. <th><a href="#" onclick="sortTable('tableDhcpScopesBody', 2); return false;">Network/Broadcast</a></th>
  2089. <th><a href="#" onclick="sortTable('tableDhcpScopesBody', 3); return false;">Interface</a></th>
  2090. <th></th>
  2091. </tr>
  2092. </thead>
  2093. <tbody id="tableDhcpScopesBody">
  2094. </tbody>
  2095. <tfoot id="tableDhcpScopesFooter">
  2096. <tr><td><b>Total Leases: 0</b></td></tr>
  2097. </tfoot>
  2098. </table>
  2099. </div>
  2100. <div id="divDhcpEditScope" style="display: none;">
  2101. <form style="margin-top: 10px; margin-bottom: 0px;" onsubmit="return false;">
  2102. <h4 style="padding: 10px 0px;" id="titleDhcpEditScope">Edit Scope</h4>
  2103. <div class="well well-sm form-horizontal">
  2104. <div class="form-group">
  2105. <label for="txtDhcpScopeName" class="col-sm-3 control-label">Name</label>
  2106. <div class="col-sm-6">
  2107. <input type="text" class="form-control" id="txtDhcpScopeName" data-name="" placeholder="Scope Name">
  2108. </div>
  2109. </div>
  2110. <div class="form-group">
  2111. <label for="txtDhcpScopeStartingAddress" class="col-sm-3 control-label">Starting Address</label>
  2112. <div class="col-sm-3">
  2113. <input type="text" class="form-control" id="txtDhcpScopeStartingAddress" placeholder="Starting Address">
  2114. </div>
  2115. </div>
  2116. <div class="form-group">
  2117. <label for="txtDhcpScopeEndingAddress" class="col-sm-3 control-label">Ending Address</label>
  2118. <div class="col-sm-3">
  2119. <input type="text" class="form-control" id="txtDhcpScopeEndingAddress" placeholder="Ending Address">
  2120. </div>
  2121. </div>
  2122. <div class="form-group">
  2123. <label for="txtDhcpScopeSubnetMask" class="col-sm-3 control-label">Subnet Mask</label>
  2124. <div class="col-sm-3">
  2125. <input type="text" class="form-control" id="txtDhcpScopeSubnetMask" placeholder="Subnet Mask">
  2126. </div>
  2127. </div>
  2128. <div class="form-group">
  2129. <label for="txtDhcpScopeLeaseTimeDays" class="col-sm-3 control-label">Lease Time</label>
  2130. <div class="col-sm-7">
  2131. <label for="txtDhcpScopeLeaseTimeDays" class="control-label">Days</label>
  2132. <input type="number" class="form-control" style="display: inline; width: 80px; margin-right: 15px;" id="txtDhcpScopeLeaseTimeDays" placeholder="Days">
  2133. <label for="txtDhcpScopeLeaseTimeHours" class="control-label">Hours</label>
  2134. <input type="number" class="form-control" style="display: inline; width: 80px; margin-right: 15px;" id="txtDhcpScopeLeaseTimeHours" placeholder="Hrs">
  2135. <label for="txtDhcpScopeLeaseTimeMinutes" class="control-label">Minutes</label>
  2136. <input type="number" class="form-control" style="display: inline; width: 80px; margin-right: 15px;" id="txtDhcpScopeLeaseTimeMinutes" placeholder="Mins">
  2137. </div>
  2138. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The duration for which the clients should be leased the IP address.</div>
  2139. </div>
  2140. <div class="form-group" style="margin-bottom: 0px;">
  2141. <label for="txtDhcpScopeOfferDelayTime" class="col-sm-3 control-label">Offer Delay Time</label>
  2142. <div class="col-sm-3">
  2143. <input type="number" class="form-control" style="width: 80px; display: inline;" id="txtDhcpScopeOfferDelayTime" placeholder="Delay">
  2144. <span>milliseconds</span>
  2145. </div>
  2146. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The time duration that the DHCP server delays sending an DHCPOFFER message.</div>
  2147. </div>
  2148. </div>
  2149. <div class="well well-sm form-horizontal">
  2150. <div class="form-group">
  2151. <label for="chkDhcpScopePingCheckEnabled" class="col-sm-3 control-label">Ping Check</label>
  2152. <div class="col-sm-8">
  2153. <div class="checkbox">
  2154. <label>
  2155. <input id="chkDhcpScopePingCheckEnabled" type="checkbox"> Enable Ping Check
  2156. </label>
  2157. </div>
  2158. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to allow DHCP server to find out if an IP address is already in use to prevent IP address conflict when some of the devices on the network have manually configured IP addresses.</div>
  2159. </div>
  2160. </div>
  2161. <div class="form-group">
  2162. <label for="txtDhcpScopePingCheckTimeout" class="col-sm-3 control-label">Ping Check Timeout</label>
  2163. <div class="col-sm-4">
  2164. <input type="number" class="form-control" style="width: 100px; display: inline;" id="txtDhcpScopePingCheckTimeout" placeholder="timeout">
  2165. <span>milliseconds (default 1000)</span>
  2166. </div>
  2167. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The timeout interval to wait for an ping reply.</div>
  2168. </div>
  2169. <div class="form-group">
  2170. <label for="txtDhcpScopePingCheckRetries" class="col-sm-3 control-label">Ping Check Retries</label>
  2171. <div class="col-sm-3">
  2172. <input type="number" class="form-control" style="width: 100px; display: inline;" id="txtDhcpScopePingCheckRetries" placeholder="retry">
  2173. <span>(default 2)</span>
  2174. </div>
  2175. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The maximum number of ping requests to try.</div>
  2176. </div>
  2177. <div style="padding-top: 5px;">Warning! Ping check would work as expected only when you make sure that all the client devices with manually configured IP addresses on the network respond to a ping request. Devices running Microsoft Windows by default drop ping requests at host firewall and will cause this ping check to fail to detect in use IP addresses. It is recommended to not rely on this option and instead make sure that you exclude a range of addresses using Exclusions and manually assign IP addresses to your devices only in the excluded range.</div>
  2178. </div>
  2179. <div class="well well-sm form-horizontal">
  2180. <div class="form-group">
  2181. <label for="txtDhcpScopeDomainName" class="col-sm-3 control-label">Domain Name</label>
  2182. <div class="col-sm-6">
  2183. <input type="text" class="form-control" id="txtDhcpScopeDomainName" placeholder="Domain Name">
  2184. </div>
  2185. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The domain name for this network to allow assigning a fully qualified domain name to clients. Use a domain name that you own or that is not in common use like 'home' or 'lan' so that you don't block out an existing domain name. (Option 15)</div>
  2186. </div>
  2187. <div class="form-group">
  2188. <label for="txtDhcpScopeDomainSearchStrings" class="col-sm-3 control-label">Domain Search List</label>
  2189. <div class="col-sm-3">
  2190. <textarea id="txtDhcpScopeDomainSearchStrings" class="form-control" rows="2" spellcheck="false"></textarea>
  2191. </div>
  2192. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The list of domain names that the clients can use as a suffix when searching a domain name. (Option 119)</div>
  2193. </div>
  2194. <div class="form-group">
  2195. <label for="chkDhcpScopeDnsUpdates" class="col-sm-3 control-label">DNS Updates</label>
  2196. <div class="col-sm-8">
  2197. <div class="checkbox">
  2198. <label>
  2199. <input id="chkDhcpScopeDnsUpdates" type="checkbox"> Enable DNS Updates
  2200. </label>
  2201. </div>
  2202. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to allow the DHCP server to automatically update forward and reverse DNS entries for clients.</div>
  2203. </div>
  2204. </div>
  2205. <div class="form-group">
  2206. <label for="txtDhcpScopeDnsTtl" class="col-sm-3 control-label">DNS TTL</label>
  2207. <div class="col-sm-3">
  2208. <input type="number" class="form-control" style="width: 100px; display: inline;" id="txtDhcpScopeDnsTtl" placeholder="DNS TTL">
  2209. <span>seconds (default 900)</span>
  2210. </div>
  2211. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The TTL value of the DNS records updated for the above provided domain name.</div>
  2212. </div>
  2213. </div>
  2214. <div class="well well-sm form-horizontal">
  2215. <div class="form-group">
  2216. <label for="txtDhcpScopeRouterAddress" class="col-sm-3 control-label">Router Address</label>
  2217. <div class="col-sm-3">
  2218. <input type="text" class="form-control" id="txtDhcpScopeRouterAddress" placeholder="Router Address">
  2219. </div>
  2220. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The default gateway IP address to be used by the clients. (Option 3)</div>
  2221. </div>
  2222. <div class="form-group">
  2223. <label for="txtDhcpScopeDnsServers" class="col-sm-3 control-label">DNS Servers</label>
  2224. <div class="col-sm-8">
  2225. <div class="checkbox">
  2226. <label>
  2227. <input id="chkUseThisDnsServer" type="checkbox" onclick="$('#txtDhcpScopeDnsServers').prop('disabled', $(this).prop('checked'));"> Use This DNS Server
  2228. </label>
  2229. </div>
  2230. <div style="padding-top: 5px; padding-left: 20px; margin-bottom: 10px;">Enable this option to automatically use this DNS Server.</div>
  2231. </div>
  2232. <div class="col-sm-offset-3 col-sm-3">
  2233. <textarea id="txtDhcpScopeDnsServers" class="form-control" rows="2" spellcheck="false"></textarea>
  2234. </div>
  2235. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The DNS server IP addresses to be used by the clients. (Option 6)</div>
  2236. </div>
  2237. <div class="form-group">
  2238. <label for="txtDhcpScopeWinsServers" class="col-sm-3 control-label">WINS Servers</label>
  2239. <div class="col-sm-3">
  2240. <textarea id="txtDhcpScopeWinsServers" class="form-control" rows="2" spellcheck="false"></textarea>
  2241. </div>
  2242. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The NBNS/WINS server IP addresses to be used by the clients. (Option 44)</div>
  2243. </div>
  2244. <div class="form-group">
  2245. <label for="txtDhcpScopeNtpServers" class="col-sm-3 control-label">NTP Servers</label>
  2246. <div class="col-sm-3">
  2247. <textarea id="txtDhcpScopeNtpServers" class="form-control" rows="2" spellcheck="false"></textarea>
  2248. </div>
  2249. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The Network Time Protocol (NTP) server IP addresses to be used by the clients. (Option 42)</div>
  2250. </div>
  2251. <div class="form-group">
  2252. <label for="txtDhcpScopeNtpServerDomainNames" class="col-sm-3 control-label">NTP Server Domain Names</label>
  2253. <div class="col-sm-3">
  2254. <textarea id="txtDhcpScopeNtpServerDomainNames" class="form-control" rows="2" spellcheck="false"></textarea>
  2255. </div>
  2256. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">Enter NTP server domain names (e.g. pool.ntp.org) above that the DHCP server should automatically resolve and pass the resolved IP addresses to clients as NTP server option. (Option 42)</div>
  2257. </div>
  2258. </div>
  2259. <div class="well well-sm form-horizontal">
  2260. <div class="form-group" style="margin-bottom: 0px;">
  2261. <label for="tableDhcpScopeStaticRoutes" class="col-sm-3 control-label">Static Routes</label>
  2262. <div class="col-sm-7">
  2263. <table class="table table-hover" style="margin-bottom: 0px;">
  2264. <thead>
  2265. <tr>
  2266. <th>Destination</th>
  2267. <th>Subnet Mask</th>
  2268. <th>Router</th>
  2269. <th style="width: 84px;"><button type="button" class="btn btn-default" style="padding: 0px 20px;" onclick="addDhcpScopeStaticRouteRow('', '', '');">Add</button></th>
  2270. </tr>
  2271. </thead>
  2272. <tbody id="tableDhcpScopeStaticRoutes"></tbody>
  2273. </table>
  2274. </div>
  2275. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The static routes to be used by the clients for accessing specified destination networks. (Option 121)</div>
  2276. </div>
  2277. </div>
  2278. <div class="well well-sm form-horizontal">
  2279. <div class="form-group">
  2280. <label for="txtDhcpScopeServerAddress" class="col-sm-3 control-label">Bootstrap Server Address</label>
  2281. <div class="col-sm-3">
  2282. <input type="text" class="form-control" id="txtDhcpScopeServerAddress" placeholder="Bootstrap Server Address">
  2283. </div>
  2284. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IP address of next server (TFTP) to use in bootstrap by the clients. If not specified, the DHCP server's IP address is used. (siaddr)</div>
  2285. </div>
  2286. <div class="form-group">
  2287. <label for="txtDhcpScopeServerHostName" class="col-sm-3 control-label">Bootstrap Server Host Name</label>
  2288. <div class="col-sm-3">
  2289. <input type="text" class="form-control" id="txtDhcpScopeServerHostName" placeholder="Bootstrap Server Host Name">
  2290. </div>
  2291. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The optional bootstrap server host name to be used by the clients to identify the TFTP server. (sname/Option 66)</div>
  2292. </div>
  2293. <div class="form-group">
  2294. <label for="txtDhcpScopeBootFileName" class="col-sm-3 control-label">Boot File Name</label>
  2295. <div class="col-sm-3">
  2296. <input type="text" class="form-control" id="txtDhcpScopeBootFileName" placeholder="Boot File Name">
  2297. </div>
  2298. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The boot file name stored on the bootstrap TFTP server to be used by the clients. (file/Option 67)</div>
  2299. </div>
  2300. </div>
  2301. <div class="well well-sm form-horizontal">
  2302. <div class="form-group" style="margin-bottom: 0px;">
  2303. <label for="tableDhcpScopeVendorInfo" class="col-sm-3 control-label">Vendor Specific Information</label>
  2304. <div class="col-sm-9">
  2305. <table class="table table-hover" style="margin-bottom: 0px;">
  2306. <thead>
  2307. <tr>
  2308. <th>Vendor Class Identifier</th>
  2309. <th>Vendor Specific Information</th>
  2310. <th style="width: 84px;"><button type="button" class="btn btn-default" style="padding: 0px 20px;" onclick="addDhcpScopeVendorInfoRow('', '');">Add</button></th>
  2311. </tr>
  2312. </thead>
  2313. <tbody id="tableDhcpScopeVendorInfo"></tbody>
  2314. </table>
  2315. </div>
  2316. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The Vendor Specific Information (option 43) to be sent to the clients that match the Vendor Class Identifier (option 60) in the request. The Vendor Class Identifier can be empty string to match any identifier, or matched exactly, or match a substring, for example <code>substring(vendor-class-identifier,0,9)=="PXEClient"</code>. The Vendor Specific Information must be either a colon (:) separated hex string or a normal hex string, for example <code>06:01:03:0A:04:00:50:58:45:09:14:00:00:11:52:61:73:70:62:65:72:72:79:20:50:69:20:42:6F:6F:74:FF</code> OR <code>0601030A0400505845091400001152617370626572727920506920426F6F74FF</code>.</div>
  2317. </div>
  2318. </div>
  2319. <div class="well well-sm form-horizontal">
  2320. <div class="form-group">
  2321. <label for="txtDhcpScopeCAPWAPApIpAddresses" class="col-sm-3 control-label">CAPWAP Access Controller Addresses</label>
  2322. <div class="col-sm-3">
  2323. <textarea id="txtDhcpScopeCAPWAPApIpAddresses" class="form-control" rows="2" spellcheck="false"></textarea>
  2324. </div>
  2325. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The Control And Provisioning of Wireless Access Points (CAPWAP) Access Controller IP addresses to be used by Wireless Termination Points to discover the Access Controllers to which it is to connect. (Option 138)</div>
  2326. </div>
  2327. </div>
  2328. <div class="well well-sm form-horizontal">
  2329. <div class="form-group">
  2330. <label for="txtDhcpScopeTftpServerAddresses" class="col-sm-3 control-label">TFTP Server Addresses</label>
  2331. <div class="col-sm-3">
  2332. <textarea id="txtDhcpScopeTftpServerAddresses" class="form-control" rows="2" spellcheck="false"></textarea>
  2333. </div>
  2334. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The TFTP Server Address or the VoIP Configuration Server Address. (Option 150)</div>
  2335. </div>
  2336. </div>
  2337. <div class="well well-sm form-horizontal">
  2338. <div class="form-group" style="margin-bottom: 0px;">
  2339. <label for="tableDhcpScopeGenericOptions" class="col-sm-3 control-label">Generic DHCP Options</label>
  2340. <div class="col-sm-9">
  2341. <table class="table table-hover" style="margin-bottom: 0px;">
  2342. <thead>
  2343. <tr>
  2344. <th style="width: 90px;">Code</th>
  2345. <th>Hex Value</th>
  2346. <th style="width: 84px;"><button type="button" class="btn btn-default" style="padding: 0px 20px;" onclick="addDhcpScopeGenericOptionsRow('', '');">Add</button></th>
  2347. </tr>
  2348. </thead>
  2349. <tbody id="tableDhcpScopeGenericOptions"></tbody>
  2350. </table>
  2351. </div>
  2352. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">This feature allows you to define DHCP options that are not yet directly supported. To add an option, use the DHCP option code defined for it and enter the value in either a colon (:) separated hex string or a normal hex string format, for example <code>C0:A8:01:01</code> OR <code>C0A80101</code>.</div>
  2353. </div>
  2354. </div>
  2355. <div class="well well-sm form-horizontal">
  2356. <div class="form-group">
  2357. <label for="tableDhcpScopeExclusions" class="col-sm-3 control-label">Exclusions</label>
  2358. <div class="col-sm-6">
  2359. <table class="table table-hover" style="margin-bottom: 0px;">
  2360. <thead>
  2361. <tr>
  2362. <th>Starting Address</th>
  2363. <th>Ending Address</th>
  2364. <th style="width: 84px;"><button type="button" class="btn btn-default" style="padding: 0px 20px;" onclick="addDhcpScopeExclusionRow('', '');">Add</button></th>
  2365. </tr>
  2366. </thead>
  2367. <tbody id="tableDhcpScopeExclusions"></tbody>
  2368. </table>
  2369. </div>
  2370. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The IP address range that must be excluded or not assigned dynamically to any client by the DHCP server.</div>
  2371. </div>
  2372. <div style="padding-top: 5px;">Note! Make sure to exclude address ranges if you plan to manually assign IP addresses to some of the devices or to assign reserved leases so that these IP addresses are not dynamically allocated in the first place.</div>
  2373. </div>
  2374. <div class="well well-sm form-horizontal">
  2375. <div class="form-group">
  2376. <label for="tableDhcpScopeReservedLeases" class="col-sm-3 control-label">Advanced Options</label>
  2377. <div class="col-sm-8">
  2378. <div class="checkbox">
  2379. <label>
  2380. <input id="chkAllowOnlyReservedLeases" type="checkbox"> Allow Only Reserved Lease Allocations
  2381. </label>
  2382. </div>
  2383. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to stop dynamic IP address allocation and allocate only reserved IP addresses.</div>
  2384. </div>
  2385. <div class="col-sm-offset-3 col-sm-8">
  2386. <div class="checkbox">
  2387. <label>
  2388. <input id="chkBlockLocallyAdministeredMacAddresses" type="checkbox"> Block Locally Administered MAC Addresses
  2389. </label>
  2390. </div>
  2391. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to stop dynamic IP address allocation for clients with locally administered MAC addresses. MAC address with 0x02 bit set in the first octet indicate a <a href="https://en.wikipedia.org/wiki/MAC_address" target="_blank">locally administered</a> MAC address which usually means that the device is not using its original MAC address.</div>
  2392. </div>
  2393. <div class="col-sm-offset-3 col-sm-8">
  2394. <div class="checkbox">
  2395. <label>
  2396. <input id="chkIgnoreClientIdentifierOption" type="checkbox"> Ignore Client Identifier (Option 61)
  2397. </label>
  2398. </div>
  2399. <div style="padding-top: 5px; padding-left: 20px;">This option when enabled will always use the client's MAC address as the identifier to allocate lease instead of the Client Identifier (Option 61) provided by the client in the request. Some Linux distros use a custom Client Identifier instead of the device's MAC Address which can cause issues when the Virtual Machine (VM) in which the OS is installed is cloned causing both the original and cloned clients to get same IP allocated. There can be issues too when the same client changes its Client Identifier and starts getting a different IP address lease. Enabling the Ignore Client Identifier option will fix such issues. Changing this option may cause the existing clients to get a different IP lease on renewal.</div>
  2400. </div>
  2401. </div>
  2402. </div>
  2403. <div class="well well-sm form-horizontal">
  2404. <div class="form-group" style="margin-bottom: 0px;">
  2405. <label for="tableDhcpScopeReservedLeases" class="col-sm-3 control-label">Reserved Leases</label>
  2406. <div class="col-sm-9">
  2407. <table class="table table-hover" style="margin-bottom: 0px;">
  2408. <thead>
  2409. <tr>
  2410. <th>Host Name</th>
  2411. <th>MAC Address</th>
  2412. <th>IP Address</th>
  2413. <th>Comments</th>
  2414. <th style="width: 84px;"><button type="button" class="btn btn-default" style="padding: 0px 20px;" onclick="addDhcpScopeReservedLeaseRow('', '', '', '');">Add</button></th>
  2415. </tr>
  2416. </thead>
  2417. <tbody id="tableDhcpScopeReservedLeases"></tbody>
  2418. </table>
  2419. </div>
  2420. <div class="col-sm-offset-3 col-sm-8" style="padding-top: 5px;">The reserved IP addresses to be assigned to specific clients based on their MAC address. Set a hostname to override the client's hostname.</div>
  2421. </div>
  2422. </div>
  2423. <div class="form-group" style="margin-bottom: 0px;">
  2424. <button type="submit" class="btn btn-primary" style="width: 100px;" id="btnSaveDhcpScope" data-loading-text="Saving..." onclick="saveDhcpScope(); return false;">Save</button>
  2425. <button type="button" class="btn btn-default" style="width: 100px;" onclick="refreshDhcpScopes();">Cancel</button>
  2426. </div>
  2427. </form>
  2428. </div>
  2429. </div>
  2430. </div>
  2431. </div>
  2432. <div id="mainPanelTabPaneAdmin" role="tabpanel" class="tab-pane" style="padding: 10px 0 0 0;">
  2433. <ul class="nav nav-tabs" role="tablist">
  2434. <li id="adminTabListSessions" role="presentation" class="active"><a href="#adminTabPaneSessions" aria-controls="adminTabPaneSessions" role="tab" data-toggle="tab" onclick="refreshAdminSessions();">Sessions</a></li>
  2435. <li id="adminTabListUsers" role="presentation"><a href="#adminTabPaneUsers" aria-controls="adminTabPaneUsers" role="tab" data-toggle="tab" onclick="refreshAdminUsers();">Users</a></li>
  2436. <li id="adminTabListGroups" role="presentation"><a href="#adminTabPaneGroups" aria-controls="adminTabPaneGroups" role="tab" data-toggle="tab" onclick="refreshAdminGroups();">Groups</a></li>
  2437. <li id="adminTabListPermissions" role="presentation"><a href="#adminTabPanePermissions" aria-controls="adminTabPanePermissions" role="tab" data-toggle="tab" onclick="refreshAdminPermissions();">Permissions</a></li>
  2438. </ul>
  2439. <div class="tab-content">
  2440. <div id="adminTabPaneSessions" class="tab-pane active">
  2441. <div id="divAdminSessionsLoader" style="margin-top: 10px; height: 350px;"></div>
  2442. <div id="divAdminSessionsView" style="margin-top: 10px;">
  2443. <div style="float: right; padding: 2px 0px;">
  2444. <button type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="showCreateApiTokenModal();">Create Token</button>
  2445. </div>
  2446. <div style="clear: both;"></div>
  2447. <table id="tableAdminSessions" class="table table-hover">
  2448. <thead>
  2449. <tr>
  2450. <th><a href="#" onclick="sortTable('tbodyAdminSessions', 0); return false;">Username</a></th>
  2451. <th><a href="#" onclick="sortTable('tbodyAdminSessions', 1); return false;">Session</a></th>
  2452. <th><a href="#" onclick="sortTable('tbodyAdminSessions', 2); return false;">Last Seen</a></th>
  2453. <th><a href="#" onclick="sortTable('tbodyAdminSessions', 3); return false;">Remote Address</a></th>
  2454. <th><a href="#" onclick="sortTable('tbodyAdminSessions', 4); return false;">User Agent</a></th>
  2455. <th style="width: 36px;"></th>
  2456. </tr>
  2457. </thead>
  2458. <tbody id="tbodyAdminSessions">
  2459. </tbody>
  2460. <tfoot>
  2461. <tr><th colspan="6" id="tfootAdminSessions"></th></tr>
  2462. </tfoot>
  2463. </table>
  2464. </div>
  2465. </div>
  2466. <div id="adminTabPaneUsers" class="tab-pane">
  2467. <div id="divAdminUsersLoader" style="margin-top: 10px; height: 350px;"></div>
  2468. <div id="divAdminUsersView" style="margin-top: 10px;">
  2469. <div style="float: right; padding: 2px 0px;">
  2470. <button type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="showAddUserModal();">Add User</button>
  2471. </div>
  2472. <div style="clear: both;"></div>
  2473. <table id="tableAdminUsers" class="table table-hover">
  2474. <thead>
  2475. <tr>
  2476. <th><a href="#" onclick="sortTable('tbodyAdminUsers', 0); return false;">Username</a></th>
  2477. <th><a href="#" onclick="sortTable('tbodyAdminUsers', 1); return false;">Display Name</a></th>
  2478. <th><a href="#" onclick="sortTable('tbodyAdminUsers', 2); return false;">Status</a></th>
  2479. <th><a href="#" onclick="sortTable('tbodyAdminUsers', 4); return false;">Recent Login</a></th>
  2480. <th><a href="#" onclick="sortTable('tbodyAdminUsers', 4); return false;">Previous Login</a></th>
  2481. <th style="width: 36px;"></th>
  2482. </tr>
  2483. </thead>
  2484. <tbody id="tbodyAdminUsers">
  2485. </tbody>
  2486. <tfoot>
  2487. <tr><th colspan="6" id="tfootAdminUsers"></th></tr>
  2488. </tfoot>
  2489. </table>
  2490. </div>
  2491. </div>
  2492. <div id="adminTabPaneGroups" class="tab-pane">
  2493. <div id="divAdminGroupsLoader" style="margin-top: 10px; height: 350px;"></div>
  2494. <div id="divAdminGroupsView" style="margin-top: 10px;">
  2495. <div style="float: right; padding: 2px 0px;">
  2496. <button type="button" class="btn btn-primary" style="padding: 2px 0px; width: 100px;" onclick="showAddGroupModal();">Add Group</button>
  2497. </div>
  2498. <div style="clear: both;"></div>
  2499. <table id="tableAdminGroups" class="table table-hover">
  2500. <thead>
  2501. <tr>
  2502. <th><a href="#" onclick="sortTable('tbodyAdminGroups', 0); return false;">Name</a></th>
  2503. <th><a href="#" onclick="sortTable('tbodyAdminGroups', 1); return false;">Description</a></th>
  2504. <th style="width: 36px;"></th>
  2505. </tr>
  2506. </thead>
  2507. <tbody id="tbodyAdminGroups">
  2508. </tbody>
  2509. <tfoot>
  2510. <tr><th colspan="3" id="tfootAdminGroups"></th></tr>
  2511. </tfoot>
  2512. </table>
  2513. </div>
  2514. </div>
  2515. <div id="adminTabPanePermissions" class="tab-pane">
  2516. <div id="divAdminPermissionsLoader" style="margin-top: 10px; height: 350px;"></div>
  2517. <div id="divAdminPermissionsView" style="margin-top: 10px;">
  2518. <table id="tableAdminPermissions" class="table table-hover">
  2519. <thead>
  2520. <tr>
  2521. <th><a href="#" onclick="sortTable('tbodyAdminPermissions', 0); return false;">Section</a></th>
  2522. <th>User Permissions</th>
  2523. <th>Group Permissions</th>
  2524. <th style="width: 36px;"></th>
  2525. </tr>
  2526. </thead>
  2527. <tbody id="tbodyAdminPermissions">
  2528. </tbody>
  2529. <tfoot>
  2530. <tr><th colspan="4" id="tfootAdminPermissions"></th></tr>
  2531. </tfoot>
  2532. </table>
  2533. </div>
  2534. </div>
  2535. </div>
  2536. </div>
  2537. <div id="mainPanelTabPaneLogs" role="tabpanel" class="tab-pane" style="padding: 10px 0 0 0;">
  2538. <ul class="nav nav-tabs" role="tablist">
  2539. <li id="logsTabListLogViewer" role="presentation" class="active"><a href="#logsTabPaneLogViewer" aria-controls="logsTabPaneLogViewer" role="tab" data-toggle="tab" onclick="refreshLogFilesList();">View Logs</a></li>
  2540. <li id="logsTabListQueryLogs" role="presentation"><a href="#logsTabPaneQueryLogs" aria-controls="logsTabPaneQueryLogs" role="tab" data-toggle="tab" onclick="refreshQueryLogsTab();">Query Logs</a></li>
  2541. </ul>
  2542. <div class="tab-content">
  2543. <div id="logsTabPaneLogViewer" class="tab-pane active" style="padding-top: 15px;">
  2544. <div class="well well-sm log-list-pane">
  2545. <div id="lstLogFiles" class="logs">
  2546. </div>
  2547. </div>
  2548. <div id="divLogViewer" class="log-viewer-pane">
  2549. <div class="panel panel-default">
  2550. <div class="panel-heading" style="height: 36px; padding: 4px 6px;">
  2551. <div id="txtLogViewerTitle" style="float: left; padding: 4px;">20171012</div>
  2552. <div style="float: right;">
  2553. <button type="button" class="btn btn-default" data-loading-text="Download" onclick="downloadLog();" style="font-size: 12px; padding: 4px 6px;">Download</button>
  2554. <button id="btnDeleteLog" type="button" class="btn btn-danger" data-loading-text="Delete" onclick="deleteLog();" style="font-size: 12px; padding: 4px 6px;">Delete</button>
  2555. </div>
  2556. </div>
  2557. <div class="panel-body">
  2558. <div id="divLogViewerLoader" style="margin-top: 20px; height: 400px;"></div>
  2559. <pre id="preLogViewerBody" style="display: none; word-wrap: normal; word-break: normal;"></pre>
  2560. </div>
  2561. </div>
  2562. </div>
  2563. </div>
  2564. <div id="logsTabPaneQueryLogs" class="tab-pane active" style="padding-top: 15px;">
  2565. <form id="frmQueryLogs" class="form-inline well" style="padding-bottom: 6px;">
  2566. <div class="form-group">
  2567. <label for="optQueryLogsAppName">App Name</label>
  2568. <select class="form-control" id="optQueryLogsAppName">
  2569. </select>
  2570. </div>
  2571. <div class="form-group">
  2572. <label for="optQueryLogsClassPath">Class Path</label>
  2573. <select class="form-control" id="optQueryLogsClassPath">
  2574. </select>
  2575. </div>
  2576. <div class="form-group">
  2577. <label for="txtQueryLogPageNumber">Page Number</label>
  2578. <input id="txtQueryLogPageNumber" type="number" class="form-control" style="width: 120px;" value="1" />
  2579. </div>
  2580. <div class="form-group">
  2581. <label for="optQueryLogsEntriesPerPage">Logs Per Page</label>
  2582. <select class="form-control" id="optQueryLogsEntriesPerPage">
  2583. <option>10</option>
  2584. <option>25</option>
  2585. <option>50</option>
  2586. <option>100</option>
  2587. <option>250</option>
  2588. <option>500</option>
  2589. </select>
  2590. </div>
  2591. <div class="form-group">
  2592. <label for="optQueryLogsDescendingOrder">Order</label>
  2593. <select class="form-control" id="optQueryLogsDescendingOrder">
  2594. <option value="false">Ascending</option>
  2595. <option value="true" selected>Descending</option>
  2596. </select>
  2597. </div>
  2598. <div class="form-group">
  2599. <label for="txtQueryLogStart">From</label>
  2600. <input id="txtQueryLogStart" type="datetime-local" class="form-control" />
  2601. </div>
  2602. <div class="form-group">
  2603. <label for="txtQueryLogEnd">To</label>
  2604. <input id="txtQueryLogEnd" type="datetime-local" class="form-control" />
  2605. </div>
  2606. <div class="form-group">
  2607. <label for="txtQueryLogClientIpAddress">Client IP Address</label>
  2608. <input id="txtQueryLogClientIpAddress" type="text" class="form-control" style="min-width: 170px;" />
  2609. </div>
  2610. <div class="form-group">
  2611. <label for="optQueryLogsProtocol">Protocol</label>
  2612. <select class="form-control" id="optQueryLogsProtocol">
  2613. <option selected></option>
  2614. <option value="Udp">UDP</option>
  2615. <option value="Tcp">TCP</option>
  2616. <option value="Tls">TLS</option>
  2617. <option value="Https">HTTPS</option>
  2618. <option value="Quic">QUIC</option>
  2619. <option value="UdpProxy">UDP Proxy</option>
  2620. <option value="TcpProxy">TCP Proxy</option>
  2621. </select>
  2622. </div>
  2623. <div class="form-group">
  2624. <label for="optQueryLogsResponseType">Response Type</label>
  2625. <select class="form-control" id="optQueryLogsResponseType">
  2626. <option selected></option>
  2627. <option>Authoritative</option>
  2628. <option>Recursive</option>
  2629. <option>Cached</option>
  2630. <option>Blocked</option>
  2631. <option>UpstreamBlocked</option>
  2632. <option>CacheBlocked</option>
  2633. </select>
  2634. </div>
  2635. <div class="form-group">
  2636. <label for="optQueryLogsResponseCode">RCODE</label>
  2637. <select class="form-control" id="optQueryLogsResponseCode">
  2638. <option selected></option>
  2639. <option value="NoError">No Error</option>
  2640. <option value="FormatError">Format Error</option>
  2641. <option value="ServerFailure">Server Failure</option>
  2642. <option value="NxDomain">NX Domain</option>
  2643. <option value="NotImplemented">Not Implemented</option>
  2644. <option value="Refused">Refused</option>
  2645. <option value="YXDomain">YX Domain</option>
  2646. <option value="YXRRSet">YX RRSet</option>
  2647. <option value="NXRRSet">NX RRSet</option>
  2648. <option value="NotAuth">Not Auth</option>
  2649. <option value="NotZone">Not Zone</option>
  2650. </select>
  2651. </div>
  2652. <div class="form-group">
  2653. <label for="txtQueryLogQName">Domain</label>
  2654. <input id="txtQueryLogQName" type="text" class="form-control" style="min-width: 300px;" />
  2655. </div>
  2656. <div class="form-group">
  2657. <label for="txtQueryLogQType">Type</label>
  2658. <input id="txtQueryLogQType" type="text" class="form-control" />
  2659. </div>
  2660. <div class="form-group">
  2661. <label for="optQueryLogQClass">Class</label>
  2662. <select class="form-control" id="optQueryLogQClass">
  2663. <option selected></option>
  2664. <option>IN</option>
  2665. <option>CS</option>
  2666. <option>CH</option>
  2667. <option>HS</option>
  2668. <option>NONE</option>
  2669. <option>ANY</option>
  2670. </select>
  2671. </div>
  2672. <div class="form-group" style="display: block;">
  2673. <button type="submit" class="btn btn-primary" id="btnQueryLogs" data-loading-text="Querying..." onclick="queryLogs(); return false;" style="margin-right: 6px;">Query</button>
  2674. <button type="reset" class="btn btn-default">Reset</button>
  2675. </div>
  2676. </form>
  2677. <div id="divQueryLogsLoader" style="margin-top: 20px; height: 300px;"></div>
  2678. <div id="divQueryLogsTable" style="display: none;">
  2679. <div style="padding: 8px;">
  2680. <div class="pull-left" style="padding-top: 8px;">
  2681. <b id="tableQueryLogsTopStatus">Found: 0 logs</b>
  2682. </div>
  2683. <div class="pull-right">
  2684. <nav aria-label="Page navigation">
  2685. <ul id="tableQueryLogsTopPagination" class="pagination" style="margin: 0;">
  2686. <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
  2687. <li><a href="#">1</a></li>
  2688. <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
  2689. </ul>
  2690. </nav>
  2691. </div>
  2692. <div class="clearfix"></div>
  2693. </div>
  2694. <table class="table table-hover">
  2695. <thead>
  2696. <tr>
  2697. <th>#</th>
  2698. <th style="width: 95px;">Timestamp</th>
  2699. <th>Client IP Address</th>
  2700. <th>Protocol</th>
  2701. <th>Response Type</th>
  2702. <th>RCODE</th>
  2703. <th style="min-width: 200px;">Domain</th>
  2704. <th>Type</th>
  2705. <th>Class</th>
  2706. <th>Answer</th>
  2707. <th style="width: 36px;"></th>
  2708. </tr>
  2709. </thead>
  2710. <tbody id="tableQueryLogsBody">
  2711. </tbody>
  2712. <tfoot>
  2713. <tr>
  2714. <td colspan="11">
  2715. <div>
  2716. <div class="pull-left" style="padding-top: 8px;">
  2717. <b id="tableQueryLogsFooterStatus">Found: 0 logs</b>
  2718. </div>
  2719. <div class="pull-right">
  2720. <nav aria-label="Page navigation">
  2721. <ul id="tableQueryLogsFooterPagination" class="pagination" style="margin: 0;">
  2722. <li><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
  2723. <li><a href="#">1</a></li>
  2724. <li><a href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a></li>
  2725. </ul>
  2726. </nav>
  2727. </div>
  2728. <div class="clearfix"></div>
  2729. </div>
  2730. </td>
  2731. </tr>
  2732. </tfoot>
  2733. </table>
  2734. </div>
  2735. </div>
  2736. </div>
  2737. </div>
  2738. <div id="mainPanelTabPaneAbout" role="tabpanel" class="tab-pane" style="padding: 40px 0 20px 0;">
  2739. <div class="about" style="text-align: center;">
  2740. <img src="/img/logo.png" alt="Technitium Logo" />
  2741. <h1>Technitium DNS Server</h1>
  2742. <p>Version <span id="lblAboutVersion"></span></p>
  2743. <p>Server up since <span id="lblAboutUptime"></span></p>
  2744. <p style="max-width: 800px; margin: 0 auto 10px auto;">
  2745. Copyright (C) 2024 Shreyas Zare (shreyas@technitium.com)<br />
  2746. This program comes with ABSOLUTELY NO WARRANTY. This is free software, and you are welcome to redistribute it under certain conditions.<br />
  2747. </p>
  2748. <p>Source code available under <a href="https://go.technitium.com/?id=24" target="_blank">GNU General Public License v3.0</a> on <a href="https://github.com/TechnitiumSoftware/DnsServer" target="_blank"><i class="fa fa-github"></i>&nbsp;GitHub</a></p>
  2749. <h3 style="margin-top: 40px;"><a style="color: rgb(51,51,51) !important;" href="https://go.technitium.com/?id=23" target="_blank">What's New?</a></h3>
  2750. <p>Read the <a href="https://go.technitium.com/?id=23" target="_blank">change log</a> to know what's new in this release.</p>
  2751. <h3 style="margin-top: 40px;"><a style="color: rgb(51,51,51) !important;" href="https://github.com/TechnitiumSoftware/DnsServer/blob/master/APIDOCS.md" target="_blank">API Documentation</a></h3>
  2752. <p>The DNS server HTTP API allows any 3rd party app or script to configure the DNS server. The HTTP API is used by this web console and thus all the actions that this web console does can be performed via the API. Read the <a href="https://github.com/TechnitiumSoftware/DnsServer/blob/master/APIDOCS.md" target="_blank">HTTP API documentation</a> for complete details.</p>
  2753. <h3 style="margin-top: 40px;"><a style="color: rgb(51,51,51) !important;" href="https://go.technitium.com/?id=25" target="_blank">Help Topics</a></h3>
  2754. <p>Read the latest <a href="https://go.technitium.com/?id=25" target="_blank">online help topics</a> which contains the DNS Server user manual and covers frequently asked questions.</p>
  2755. <h3 style="margin-top: 40px;">Support</h3>
  2756. <p>For support, send an email to <a href="mailto:support@technitium.com" target="_blank">support@technitium.com</a>.</p>
  2757. <p>
  2758. Follow <a href="https://mastodon.social/@technitium" target="_blank">@technitium@mastodon.social</a> on Mastodon.<br />
  2759. Checkout <a href="https://blog.technitium.com/" target="_blank">Technitium Blog</a>.
  2760. </p>
  2761. <p>
  2762. Join <a href="https://www.reddit.com/r/technitium/" target="_blank">/r/technitium</a> on Reddit.
  2763. </p>
  2764. <h3 style="margin-top: 40px;"><a style="color: rgb(51,51,51) !important;" href="https://go.technitium.com/?id=35" target="_blank">Donate</a></h3>
  2765. <p>Make a contribution to Technitium and help making new software, updates, and features possible.</p>
  2766. <p>
  2767. <a href="https://go.technitium.com/?id=35" target="_blank">Donate Now!</a>
  2768. </p>
  2769. </div>
  2770. </div>
  2771. </div>
  2772. </div>
  2773. </div>
  2774. </div>
  2775. </div>
  2776. </div>
  2777. </div>
  2778. <div id="modalMyProfile" class="modal fade" tabindex="-1" role="dialog">
  2779. <form class="form-horizontal">
  2780. <div class="modal-dialog" role="document" style="width: 940px;">
  2781. <div class="modal-content">
  2782. <div class="modal-header">
  2783. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  2784. <h4 class="modal-title">My Profile</h4>
  2785. </div>
  2786. <div class="modal-body">
  2787. <div id="divMyProfileAlert"></div>
  2788. <div id="divMyProfileLoader" style="height: 500px;"></div>
  2789. <div id="divMyProfileViewer" style="max-height: 500px; overflow-y: auto; padding: 0 6px; overflow-x: hidden;">
  2790. <div class="form-group">
  2791. <label for="txtMyProfileDisplayName" class="col-sm-4 control-label">Display Name</label>
  2792. <div class="col-sm-7">
  2793. <input id="txtMyProfileDisplayName" type="text" class="form-control" placeholder="display name" maxlength="255">
  2794. </div>
  2795. </div>
  2796. <div class="form-group">
  2797. <label for="txtMyProfileUsername" class="col-sm-4 control-label">Username</label>
  2798. <div class="col-sm-7">
  2799. <input id="txtMyProfileUsername" type="text" class="form-control" placeholder="username" disabled>
  2800. </div>
  2801. </div>
  2802. <div class="form-group">
  2803. <label for="txtMyProfileSessionTimeout" class="col-sm-4 control-label">Session Timeout</label>
  2804. <div class="col-sm-7">
  2805. <input id="txtMyProfileSessionTimeout" type="number" class="form-control" placeholder="1800" style="width: 100px; display: inline;">
  2806. <span>seconds (valid range 0-604800; default 1800; set 0 to disable)</span>
  2807. </div>
  2808. </div>
  2809. <div class="form-group">
  2810. <label class="col-sm-4 control-label">Member Of</label>
  2811. <div class="col-sm-7">
  2812. <table class="table table-hover" style="margin-bottom: 0px;">
  2813. <thead>
  2814. <tr>
  2815. <th><a href="#" onclick="sortTable('tbodyMyProfileMemberOf', 0); return false;">Group</a></th>
  2816. </tr>
  2817. </thead>
  2818. <tbody id="tbodyMyProfileMemberOf">
  2819. </tbody>
  2820. <tfoot>
  2821. <tr><th colspan="1" id="tfootMyProfileMemberOf"></th></tr>
  2822. </tfoot>
  2823. </table>
  2824. </div>
  2825. </div>
  2826. <div class="well well-sm" style="background-color: #fbfbfb;">
  2827. <p style="font-size: 16px; font-weight: bold;">Active Sessions</p>
  2828. <table id="tableMyProfileActiveSessions" class="table table-hover" style="margin-bottom: 0px;">
  2829. <thead>
  2830. <tr>
  2831. <th><a href="#" onclick="sortTable('tbodyMyProfileActiveSessions', 0); return false;">Session</a></th>
  2832. <th><a href="#" onclick="sortTable('tbodyMyProfileActiveSessions', 1); return false;">Last Seen</a></th>
  2833. <th><a href="#" onclick="sortTable('tbodyMyProfileActiveSessions', 2); return false;">Remote Address</a></th>
  2834. <th><a href="#" onclick="sortTable('tbodyMyProfileActiveSessions', 3); return false;">User Agent</a></th>
  2835. <th style="width: 36px;"></th>
  2836. </tr>
  2837. </thead>
  2838. <tbody id="tbodyMyProfileActiveSessions">
  2839. </tbody>
  2840. <tfoot>
  2841. <tr><th colspan="5" id="tfootMyProfileActiveSessions"></th></tr>
  2842. </tfoot>
  2843. </table>
  2844. </div>
  2845. </div>
  2846. </div>
  2847. <div class="modal-footer">
  2848. <button type="submit" class="btn btn-primary" data-loading-text="Saving..." onclick="saveMyProfile(this); return false;">Save</button>
  2849. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  2850. </div>
  2851. </div>
  2852. </div>
  2853. </form>
  2854. </div>
  2855. <div id="modalCreateApiToken" class="modal fade" tabindex="-1" role="dialog">
  2856. <form class="form-horizontal">
  2857. <div class="modal-dialog" role="document" style="width: 780px;">
  2858. <div class="modal-content">
  2859. <div class="modal-header">
  2860. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  2861. <h4 class="modal-title">Create API Token</h4>
  2862. </div>
  2863. <div class="modal-body">
  2864. <div id="divCreateApiTokenAlert"></div>
  2865. <div id="divCreateApiTokenLoader" style="height: 350px;"></div>
  2866. <div id="divCreateApiTokenForm">
  2867. <div class="form-group">
  2868. <label for="txtCreateApiTokenUsername" class="col-sm-4 control-label">Username</label>
  2869. <div class="col-sm-7">
  2870. <input id="txtCreateApiTokenUsername" type="text" class="form-control" placeholder="username" disabled>
  2871. <select id="optCreateApiTokenUsername" class="form-control"></select>
  2872. </div>
  2873. </div>
  2874. <div class="form-group" id="divCreateApiTokenPassword">
  2875. <label for="txtCreateApiTokenPassword" class="col-sm-4 control-label">Password</label>
  2876. <div class="col-sm-7">
  2877. <input id="txtCreateApiTokenPassword" type="password" class="form-control" placeholder="password" maxlength="255">
  2878. </div>
  2879. </div>
  2880. <div class="form-group">
  2881. <label for="txtCreateApiTokenName" class="col-sm-4 control-label">Token Name</label>
  2882. <div class="col-sm-7">
  2883. <input id="txtCreateApiTokenName" type="text" class="form-control" placeholder="token name" maxlength="255">
  2884. </div>
  2885. </div>
  2886. <div>
  2887. <b>WARNING!</b> The token allows access to API calls with the same privileges as that of the user account. Thus its recommended to create a separate user account with limited permissions as required by the specific task that the token will be used for. The token cannot be used to change the user's password, or update the user profile details.
  2888. </div>
  2889. </div>
  2890. <div id="divCreateApiTokenOutput">
  2891. <div class="form-group">
  2892. <label class="col-sm-3 control-label">Username</label>
  2893. <div class="col-sm-9">
  2894. <div id="lblCreateApiTokenOutputUsername" style="padding-top: 7px;"></div>
  2895. </div>
  2896. </div>
  2897. <div class="form-group">
  2898. <label class="col-sm-3 control-label">Token Name</label>
  2899. <div class="col-sm-9">
  2900. <div id="lblCreateApiTokenOutputTokenName" style="padding-top: 7px; word-wrap: anywhere;"></div>
  2901. </div>
  2902. </div>
  2903. <div class="form-group">
  2904. <label class="col-sm-3 control-label">Token</label>
  2905. <div class="col-sm-9">
  2906. <div id="lblCreateApiTokenOutputToken" style="padding-top: 7px;"></div>
  2907. </div>
  2908. </div>
  2909. <div>
  2910. <b>WARNING!</b> The token value above will not be displayed later. You must copy the token value immediately and save it for later use.
  2911. </div>
  2912. </div>
  2913. </div>
  2914. <div class="modal-footer">
  2915. <button id="btnCreateApiToken" type="submit" class="btn btn-primary" data-loading-text="Creating...">Create</button>
  2916. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  2917. </div>
  2918. </div>
  2919. </div>
  2920. </form>
  2921. </div>
  2922. <div id="modalChangePassword" class="modal fade" tabindex="-1" role="dialog">
  2923. <form class="form-horizontal">
  2924. <div class="modal-dialog" role="document">
  2925. <div class="modal-content">
  2926. <div class="modal-header">
  2927. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  2928. <h4 id="titleChangePassword" class="modal-title">Change Password</h4>
  2929. </div>
  2930. <div class="modal-body">
  2931. <div id="divChangePasswordAlert"></div>
  2932. <div class="form-group">
  2933. <label for="txtChangePasswordUsername" class="col-sm-4 control-label">Username</label>
  2934. <div class="col-sm-7">
  2935. <input id="txtChangePasswordUsername" type="text" class="form-control" placeholder="username" disabled>
  2936. </div>
  2937. </div>
  2938. <div class="form-group">
  2939. <label for="txtChangePasswordNewPassword" class="col-sm-4 control-label">New Password</label>
  2940. <div class="col-sm-7">
  2941. <input id="txtChangePasswordNewPassword" type="password" class="form-control" placeholder="new password" maxlength="255">
  2942. </div>
  2943. </div>
  2944. <div class="form-group">
  2945. <label for="txtChangePasswordConfirmPassword" class="col-sm-4 control-label">Confirm Password</label>
  2946. <div class="col-sm-7">
  2947. <input id="txtChangePasswordConfirmPassword" type="password" class="form-control" placeholder="confirm password" maxlength="255">
  2948. </div>
  2949. </div>
  2950. </div>
  2951. <div class="modal-footer">
  2952. <button id="btnChangePassword" type="submit" class="btn btn-primary" data-loading-text="Working...">Change</button>
  2953. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  2954. </div>
  2955. </div>
  2956. </div>
  2957. </form>
  2958. </div>
  2959. <div id="modalForgotPassword" class="modal fade" tabindex="-1" role="dialog">
  2960. <div class="modal-dialog" role="document">
  2961. <div class="modal-content">
  2962. <div class="modal-header">
  2963. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  2964. <h4 class="modal-title">Forgot Password?</h4>
  2965. </div>
  2966. <div class="modal-body">
  2967. <p>To reset your password, you need to contact the DNS server administrator.</p>
  2968. <p>If you are an administrator, follow these steps to reset the 'admin' user's password:</p>
  2969. <ol>
  2970. <li>Stop the DNS server.</li>
  2971. <li>Find the DNS Server config folder and locate the <b>auth.config</b> file. The config folder will be found where the DNS Server is installed on Windows or /etc/dns/ folder on Linux.</li>
  2972. <li>Rename the <b>auth.config</b> file as <b>resetadmin.config</b></li>
  2973. <li>Start the DNS Server to complete the password reset process.</li>
  2974. <li>Just refresh this web page in the web browser to auto login with default credentials and quickly change the password.</li>
  2975. </ol>
  2976. <p>Note: To reset 'admin' password, you will need file system access on the server running this DNS Server. If the 'admin' user does not exists then it will be created automatically.</p>
  2977. </div>
  2978. <div class="modal-footer">
  2979. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  2980. </div>
  2981. </div>
  2982. </div>
  2983. </div>
  2984. <div id="modalUpdateAvailable" class="modal fade" tabindex="-1" role="dialog">
  2985. <div class="modal-dialog" role="document">
  2986. <div class="modal-content">
  2987. <div class="modal-header">
  2988. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  2989. <h4 class="modal-title" id="lblUpdateAvailableTitle">New Update Available</h4>
  2990. </div>
  2991. <div class="modal-body">
  2992. <div style="margin-bottom: 20px;">
  2993. <div id="lblUpdateMessage" style="margin-bottom: 10px;"></div>
  2994. <a id="lnkUpdateDownload" href="#" target="_blank" style="font-weight: bold; font-size: 18px;">Download Now!</a>
  2995. <a id="lnkUpdateInstructions" href="#" target="_blank" style="font-weight: bold; font-size: 18px;">Update Instructions</a>
  2996. </div>
  2997. <div style="margin-bottom: 10px;">
  2998. <div style="font-weight: bold;">Update Version: <span id="lblUpdateVersion"></span></div>
  2999. <div>Current Version: <span id="lblCurrentVersion"></span></div>
  3000. </div>
  3001. <div style="margin-bottom: 10px;">
  3002. <a id="lnkUpdateChangeLog" href="#" target="_blank" style="font-weight: bold;">Read Change Logs</a>
  3003. </div>
  3004. <div>
  3005. Note! It is highly recommended to Backup Settings before installing the update.
  3006. </div>
  3007. </div>
  3008. <div class="modal-footer">
  3009. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  3010. </div>
  3011. </div>
  3012. </div>
  3013. </div>
  3014. <div id="modalAddZone" class="modal fade" tabindex="-1" role="dialog">
  3015. <form class="form-horizontal">
  3016. <div class="modal-dialog" role="document" style="width: 780px;">
  3017. <div class="modal-content">
  3018. <div class="modal-header">
  3019. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  3020. <h4 class="modal-title">Add Zone</h4>
  3021. </div>
  3022. <div class="modal-body">
  3023. <div id="divAddZoneAlert"></div>
  3024. <div style="max-height: 500px; overflow-y: auto; padding: 0 6px; overflow-x: hidden;">
  3025. <div class="form-group">
  3026. <label for="txtAddZone" class="col-sm-4 control-label">Zone</label>
  3027. <div class="col-sm-7">
  3028. <input id="txtAddZone" type="text" class="form-control" placeholder="example.com or 192.168.0.0/24 or 2001:db8::/64" maxlength="255">
  3029. </div>
  3030. </div>
  3031. <div class="form-group">
  3032. <label class="col-sm-4 control-label">Type</label>
  3033. <div class="col-sm-7">
  3034. <div class="radio">
  3035. <label>
  3036. <input type="radio" name="rdAddZoneType" id="rdAddZoneTypePrimary" value="Primary" checked>
  3037. Primary Zone (default)
  3038. </label>
  3039. </div>
  3040. <div class="radio">
  3041. <label>
  3042. <input type="radio" name="rdAddZoneType" value="Secondary">
  3043. Secondary Zone
  3044. </label>
  3045. </div>
  3046. <div class="radio">
  3047. <label>
  3048. <input type="radio" name="rdAddZoneType" value="Stub">
  3049. Stub Zone
  3050. </label>
  3051. </div>
  3052. <div class="radio">
  3053. <label>
  3054. <input type="radio" name="rdAddZoneType" value="Forwarder">
  3055. Conditional Forwarder Zone
  3056. </label>
  3057. </div>
  3058. <div class="radio">
  3059. <label>
  3060. <input type="radio" name="rdAddZoneType" value="SecondaryForwarder">
  3061. Secondary Conditional Forwarder Zone
  3062. </label>
  3063. </div>
  3064. <div class="radio">
  3065. <label>
  3066. <input type="radio" name="rdAddZoneType" value="Catalog">
  3067. Catalog Zone
  3068. </label>
  3069. </div>
  3070. <div class="radio">
  3071. <label>
  3072. <input type="radio" name="rdAddZoneType" value="SecondaryCatalog">
  3073. Secondary Catalog Zone
  3074. </label>
  3075. </div>
  3076. <div class="radio">
  3077. <label>
  3078. <input type="radio" name="rdAddZoneType" value="SecondaryRoot">
  3079. Secondary ROOT Zone (<a href="https://datatracker.ietf.org/doc/rfc8806/" target="_blank">RFC 8806</a>)
  3080. </label>
  3081. </div>
  3082. </div>
  3083. </div>
  3084. <div class="form-group" id="divAddZoneCatalogZone">
  3085. <label class="col-sm-4 control-label">Catalog Zone</label>
  3086. <div class="col-sm-7">
  3087. <select id="optAddZoneCatalogZoneName" class="form-control"></select>
  3088. <div style="padding-top: 5px;">Select a Catalog zone to register as its member zone.</div>
  3089. </div>
  3090. </div>
  3091. <div class="form-group" id="divAddZoneUseSoaSerialDateScheme">
  3092. <label class="col-sm-4 control-label">Zone Serial</label>
  3093. <div class="col-sm-7">
  3094. <div class="checkbox">
  3095. <label>
  3096. <input id="chkAddZoneUseSoaSerialDateScheme" type="checkbox"> Use SOA Serial Date Scheme
  3097. </label>
  3098. </div>
  3099. </div>
  3100. </div>
  3101. <div class="form-group" id="divAddZonePrimaryNameServerAddresses">
  3102. <label id="lblAddZonePrimaryNameServerAddresses" for="txtAddZonePrimaryNameServerAddresses" class="col-sm-4 control-label">Primary Name Server Addresses (Optional)</label>
  3103. <div class="col-sm-7">
  3104. <textarea id="txtAddZonePrimaryNameServerAddresses" class="form-control" rows="3" spellcheck="false" placeholder="192.168.1.1
  3105. 2001:db8::
  3106. ns1.example.com (192.168.1.1)
  3107. ns1.example.com ([2001:db8::])
  3108. "></textarea>
  3109. <div id="divAddZonePrimaryNameServerAddressesInfo" style="padding-top: 5px;">Enter the primary name server addresses to sync the zone from. When unspecified, the SOA Primary Name Server will be resolved and used.</div>
  3110. </div>
  3111. </div>
  3112. <div class="form-group" id="divAddZoneZoneTransferProtocol">
  3113. <label class="col-sm-4 control-label">Zone Transfer Protocol</label>
  3114. <div class="col-sm-7">
  3115. <div class="radio">
  3116. <label>
  3117. <input type="radio" name="rdAddZoneZoneTransferProtocol" id="rdAddZoneZoneTransferProtocolTcp" value="Tcp" checked>
  3118. XFR-over-TCP (default)
  3119. </label>
  3120. </div>
  3121. <div class="radio">
  3122. <label>
  3123. <input type="radio" name="rdAddZoneZoneTransferProtocol" value="Tls">
  3124. XFR-over-TLS
  3125. </label>
  3126. </div>
  3127. <div class="radio">
  3128. <label>
  3129. <input type="radio" name="rdAddZoneZoneTransferProtocol" value="Quic">
  3130. XFR-over-QUIC
  3131. </label>
  3132. </div>
  3133. </div>
  3134. </div>
  3135. <div class="form-group" id="divAddZoneTsigKeyName">
  3136. <label for="optAddZoneTsigKeyName" class="col-sm-4 control-label">TSIG Key Name (Optional)</label>
  3137. <div class="col-sm-7">
  3138. <select id="optAddZoneTsigKeyName" class="form-control"></select>
  3139. </div>
  3140. </div>
  3141. <div class="form-group" id="divAddZoneValidateZone">
  3142. <label class="col-sm-4 control-label">Zone Validation</label>
  3143. <div class="col-sm-7">
  3144. <div class="checkbox">
  3145. <label>
  3146. <input id="chkAddZoneValidateZone" type="checkbox"> Use <a href="https://datatracker.ietf.org/doc/rfc8976/" target="_blank">ZONEMD</a> to Validate Zone
  3147. </label>
  3148. <div style="padding-top: 5px; padding-left: 20px;">When enabled, the secondary zone will be validated using the ZONEMD record after every zone transfer. The zone will get disabled if the validation fails. The zone must be DNSSEC signed for the validation to work.</div>
  3149. </div>
  3150. </div>
  3151. </div>
  3152. <div class="form-group" id="divAddZoneForwarderProtocol">
  3153. <label class="col-sm-4 control-label">Protocol</label>
  3154. <div class="col-sm-7">
  3155. <div class="radio">
  3156. <label>
  3157. <input type="radio" name="rdAddZoneForwarderProtocol" id="rdAddZoneForwarderProtocolUdp" value="Udp" checked>
  3158. DNS-over-UDP (default)
  3159. </label>
  3160. </div>
  3161. <div class="radio">
  3162. <label>
  3163. <input type="radio" name="rdAddZoneForwarderProtocol" value="Tcp">
  3164. DNS-over-TCP
  3165. </label>
  3166. </div>
  3167. <div class="radio">
  3168. <label>
  3169. <input type="radio" name="rdAddZoneForwarderProtocol" value="Tls">
  3170. DNS-over-TLS
  3171. </label>
  3172. </div>
  3173. <div class="radio">
  3174. <label>
  3175. <input type="radio" name="rdAddZoneForwarderProtocol" value="Https">
  3176. DNS-over-HTTPS
  3177. </label>
  3178. </div>
  3179. <div class="radio">
  3180. <label>
  3181. <input type="radio" name="rdAddZoneForwarderProtocol" value="Quic">
  3182. DNS-over-QUIC
  3183. </label>
  3184. </div>
  3185. </div>
  3186. </div>
  3187. <div class="form-group" id="divAddZoneForwarder">
  3188. <label for="txtAddZoneForwarder" class="col-sm-4 control-label">Forwarder</label>
  3189. <div class="col-sm-7">
  3190. <div class="checkbox">
  3191. <label>
  3192. <input id="chkAddZoneForwarderThisServer" type="checkbox" onclick="updateAddZoneFormForwarderThisServer();"> Use "This Server"
  3193. </label>
  3194. </div>
  3195. <div style="padding-top: 5px; padding-left: 20px; padding-bottom: 10px;">
  3196. When using "This Server", if a record does not exists in the zone then the request is forwarded to the DNS server's resolver internally. This allows you to override any record for the forwarded domain name or control its DNSSEC validation.
  3197. </div>
  3198. <input id="txtAddZoneForwarder" type="text" class="form-control" placeholder="8.8.8.8">
  3199. <div style="padding-top: 5px;">Enter a forwarder server address above. You can add more forwarders by adding FWD records after the zone is added.</div>
  3200. </div>
  3201. </div>
  3202. <div class="form-group" id="divAddZoneForwarderDnssecValidation">
  3203. <label class="col-sm-4 control-label">DNSSEC</label>
  3204. <div class="col-sm-7">
  3205. <div class="checkbox" style="margin-bottom: 6px;">
  3206. <label>
  3207. <input id="chkAddZoneForwarderDnssecValidation" type="checkbox"> Enable DNSSEC Validation
  3208. </label>
  3209. </div>
  3210. </div>
  3211. </div>
  3212. <div id="divAddZoneForwarderProxy">
  3213. <div class="form-group">
  3214. <label class="col-sm-4 control-label">Network Proxy</label>
  3215. <div class="col-sm-7">
  3216. <div class="radio">
  3217. <label>
  3218. <input type="radio" name="rdAddZoneForwarderProxyType" value="NoProxy">
  3219. No Proxy
  3220. </label>
  3221. </div>
  3222. <div class="radio">
  3223. <label>
  3224. <input type="radio" name="rdAddZoneForwarderProxyType" id="rdAddZoneForwarderProxyTypeDefaultProxy" value="DefaultProxy" checked>
  3225. Default Proxy (default)
  3226. </label>
  3227. </div>
  3228. <div class="radio">
  3229. <label>
  3230. <input type="radio" name="rdAddZoneForwarderProxyType" value="Http">
  3231. HTTP Proxy
  3232. </label>
  3233. </div>
  3234. <div class="radio">
  3235. <label>
  3236. <input type="radio" name="rdAddZoneForwarderProxyType" value="Socks5">
  3237. SOCKS5 Proxy
  3238. </label>
  3239. </div>
  3240. </div>
  3241. </div>
  3242. <div class="form-group">
  3243. <label for="txtAddZoneForwarderProxyAddress" class="col-sm-4 control-label">Proxy Server Address</label>
  3244. <div class="col-sm-7">
  3245. <input id="txtAddZoneForwarderProxyAddress" type="text" class="form-control" placeholder="domain name or IP address">
  3246. </div>
  3247. </div>
  3248. <div class="form-group">
  3249. <label for="txtAddZoneForwarderProxyPort" class="col-sm-4 control-label">Proxy Server Port</label>
  3250. <div class="col-sm-7">
  3251. <input id="txtAddZoneForwarderProxyPort" type="number" class="form-control" placeholder="port" style="width: 100px;">
  3252. </div>
  3253. </div>
  3254. <div class="form-group">
  3255. <label for="txtAddZoneForwarderProxyUsername" class="col-sm-4 control-label">Proxy Server Username</label>
  3256. <div class="col-sm-7">
  3257. <input id="txtAddZoneForwarderProxyUsername" type="text" class="form-control" placeholder="username">
  3258. </div>
  3259. </div>
  3260. <div class="form-group">
  3261. <label for="txtAddZoneForwarderProxyPassword" class="col-sm-4 control-label">Proxy Server Password</label>
  3262. <div class="col-sm-7">
  3263. <input id="txtAddZoneForwarderProxyPassword" type="password" class="form-control" placeholder="password">
  3264. </div>
  3265. </div>
  3266. </div>
  3267. </div>
  3268. </div>
  3269. <div class="modal-footer">
  3270. <div class="pull-left" style="text-align: left;">
  3271. <a href="https://blog.technitium.com/2022/06/how-to-self-host-your-own-domain-name.html" target="_blank">Help: How To Self Host Your Own Domain Name</a>
  3272. </div>
  3273. <div class="pull-right">
  3274. <button id="btnAddZone" type="submit" class="btn btn-primary" data-loading-text="Adding..." onclick="addZone(); return false;">Add</button>
  3275. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  3276. </div>
  3277. </div>
  3278. </div>
  3279. </div>
  3280. </form>
  3281. </div>
  3282. <div id="modalAddEditRecord" class="modal fade" tabindex="-1" role="dialog">
  3283. <form class="form-horizontal">
  3284. <div class="modal-dialog" role="document" style="width: 780px;">
  3285. <div class="modal-content">
  3286. <div class="modal-header">
  3287. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  3288. <h4 id="titleAddEditRecord" class="modal-title">Add Edit Record</h4>
  3289. </div>
  3290. <div class="modal-body">
  3291. <div id="divAddEditRecordAlert"></div>
  3292. <div style="max-height: 500px; overflow-y: auto; padding: 0 15px; overflow-x: hidden;">
  3293. <div class="form-group">
  3294. <label for="txtAddEditRecordName" class="col-sm-4 control-label">Name</label>
  3295. <div class="col-sm-7">
  3296. <input id="txtAddEditRecordName" type="text" class="form-control" placeholder="@">
  3297. <div style="margin-top: 6px; font-weight: 700;">.<span id="lblAddEditRecordZoneName">example.com</span></div>
  3298. </div>
  3299. </div>
  3300. <div class="form-group">
  3301. <label for="optAddEditRecordType" class="col-sm-4 control-label">Type</label>
  3302. <div class="col-sm-7">
  3303. <select id="optAddEditRecordType" class="form-control" onchange="modifyAddRecordFormByType(true);" style="width: auto;">
  3304. <option>A</option>
  3305. <option>NS</option>
  3306. <option id="optEditRecordTypeSoa">SOA</option>
  3307. <option>CNAME</option>
  3308. <option>PTR</option>
  3309. <option>MX</option>
  3310. <option>TXT</option>
  3311. <option>RP</option>
  3312. <option>AAAA</option>
  3313. <option>SRV</option>
  3314. <option>NAPTR</option>
  3315. <option>DNAME</option>
  3316. <option id="optAddEditRecordTypeDs">DS</option>
  3317. <option id="optAddEditRecordTypeSshfp">SSHFP</option>
  3318. <option id="optAddEditRecordTypeTlsa">TLSA</option>
  3319. <option>SVCB</option>
  3320. <option>HTTPS</option>
  3321. <option>URI</option>
  3322. <option>CAA</option>
  3323. <option id="optAddEditRecordTypeAName">ANAME</option>
  3324. <option id="optAddEditRecordTypeFwd">FWD</option>
  3325. <option id="optAddEditRecordTypeApp">APP</option>
  3326. <option>Unknown</option>
  3327. </select>
  3328. </div>
  3329. </div>
  3330. <div class="form-group">
  3331. <label for="txtAddEditRecordTtl" class="col-sm-4 control-label">TTL</label>
  3332. <div class="col-sm-7">
  3333. <input id="txtAddEditRecordTtl" type="number" class="form-control" placeholder="3600" style="width: 100px; display: inline;">
  3334. <span>seconds</span>
  3335. </div>
  3336. </div>
  3337. <div id="divAddEditRecordData">
  3338. <div id="divAddEditRecordDataUnknownType" class="form-group">
  3339. <label for="txtAddEditRecordDataUnknownType" class="col-sm-4 control-label">RR Type</label>
  3340. <div class="col-sm-7">
  3341. <input id="txtAddEditRecordDataUnknownType" type="text" class="form-control" placeholder="type" style="width: 100px;">
  3342. </div>
  3343. </div>
  3344. <div class="form-group">
  3345. <label id="lblAddEditRecordDataValue" for="txtAddEditRecordDataValue" class="col-sm-4 control-label">Value</label>
  3346. <div class="col-sm-7">
  3347. <input id="txtAddEditRecordDataValue" type="text" class="form-control">
  3348. </div>
  3349. </div>
  3350. <div id="divAddEditRecordDataPtr" class="form-group">
  3351. <div class="col-sm-offset-4 col-sm-7">
  3352. <div class="checkbox">
  3353. <label>
  3354. <input id="chkAddEditRecordDataPtr" type="checkbox"> <span id="chkAddEditRecordDataPtrLabel">Add reverse (PTR) record</span>
  3355. </label>
  3356. </div>
  3357. <div class="checkbox">
  3358. <label>
  3359. <input id="chkAddEditRecordDataCreatePtrZone" type="checkbox"> Create reverse zone for PTR record
  3360. </label>
  3361. </div>
  3362. </div>
  3363. </div>
  3364. </div>
  3365. <div id="divAddEditRecordDataNs" style="display: none;">
  3366. <div class="form-group">
  3367. <label for="txtAddEditRecordDataNsNameServer" class="col-sm-4 control-label">Name Server</label>
  3368. <div class="col-sm-7">
  3369. <input id="txtAddEditRecordDataNsNameServer" type="text" class="form-control">
  3370. </div>
  3371. </div>
  3372. <div class="form-group">
  3373. <label for="txtAddEditRecordDataNsGlue" class="col-sm-4 control-label">Glue Addresses</label>
  3374. <div class="col-sm-7">
  3375. <textarea id="txtAddEditRecordDataNsGlue" class="form-control" rows="3" spellcheck="false" placeholder="192.168.1.1
  3376. 2001:db8::"></textarea>
  3377. <div style="padding-top: 5px;">Note! Glue addresses are required only for delegating a subdomain name where the name server's domain name belongs to the delegated subdomain zone.</div>
  3378. </div>
  3379. </div>
  3380. </div>
  3381. <div id="divEditRecordDataSoa" style="display: none;">
  3382. <div class="form-group">
  3383. <label for="txtEditRecordDataSoaPrimaryNameServer" class="col-sm-4 control-label">Primary Name Server</label>
  3384. <div class="col-sm-7">
  3385. <input id="txtEditRecordDataSoaPrimaryNameServer" type="text" class="form-control">
  3386. </div>
  3387. </div>
  3388. <div class="form-group">
  3389. <label for="txtEditRecordDataSoaResponsiblePerson" class="col-sm-4 control-label">Responsible Person</label>
  3390. <div class="col-sm-7">
  3391. <input id="txtEditRecordDataSoaResponsiblePerson" type="text" class="form-control" placeholder="email address">
  3392. </div>
  3393. </div>
  3394. <div class="form-group">
  3395. <label for="txtEditRecordDataSoaSerial" class="col-sm-4 control-label">Serial</label>
  3396. <div class="col-sm-7">
  3397. <input id="txtEditRecordDataSoaSerial" type="number" class="form-control" style="width: 150px;">
  3398. </div>
  3399. <div id="divEditRecordDataSoaUseSerialDateScheme" class="col-sm-offset-4 col-sm-7">
  3400. <div class="checkbox">
  3401. <label>
  3402. <input id="chkEditRecordDataSoaUseSerialDateScheme" type="checkbox"> Use Serial Date Scheme
  3403. </label>
  3404. </div>
  3405. </div>
  3406. </div>
  3407. <div class="form-group">
  3408. <label for="txtEditRecordDataSoaRefresh" class="col-sm-4 control-label">Refresh</label>
  3409. <div class="col-sm-7">
  3410. <input id="txtEditRecordDataSoaRefresh" type="number" class="form-control" style="width: 100px;">
  3411. </div>
  3412. </div>
  3413. <div class="form-group">
  3414. <label for="txtEditRecordDataSoaRetry" class="col-sm-4 control-label">Retry</label>
  3415. <div class="col-sm-7">
  3416. <input id="txtEditRecordDataSoaRetry" type="number" class="form-control" style="width: 100px;">
  3417. </div>
  3418. </div>
  3419. <div class="form-group">
  3420. <label for="txtEditRecordDataSoaExpire" class="col-sm-4 control-label">Expire</label>
  3421. <div class="col-sm-7">
  3422. <input id="txtEditRecordDataSoaExpire" type="number" class="form-control" style="width: 100px;">
  3423. </div>
  3424. </div>
  3425. <div class="form-group">
  3426. <label for="txtEditRecordDataSoaMinimum" class="col-sm-4 control-label">Minimum</label>
  3427. <div class="col-sm-7">
  3428. <input id="txtEditRecordDataSoaMinimum" type="number" class="form-control" style="width: 100px;">
  3429. </div>
  3430. </div>
  3431. </div>
  3432. <div id="divAddEditRecordDataMx" style="display: none;">
  3433. <div class="form-group">
  3434. <label for="txtAddEditRecordDataMxPreference" class="col-sm-4 control-label">Preference</label>
  3435. <div class="col-sm-7">
  3436. <input id="txtAddEditRecordDataMxPreference" type="number" class="form-control" placeholder="1" style="width: 100px;">
  3437. </div>
  3438. </div>
  3439. <div class="form-group">
  3440. <label for="txtAddEditRecordDataMxExchange" class="col-sm-4 control-label">Exchange</label>
  3441. <div class="col-sm-7">
  3442. <input id="txtAddEditRecordDataMxExchange" type="text" class="form-control">
  3443. </div>
  3444. </div>
  3445. </div>
  3446. <div id="divAddEditRecordDataTxt" style="display: none;">
  3447. <div class="form-group">
  3448. <label for="txtAddEditRecordDataTxt" class="col-sm-4 control-label">Text Data</label>
  3449. <div class="col-sm-7">
  3450. <textarea id="txtAddEditRecordDataTxt" class="form-control" rows="5" spellcheck="false"></textarea>
  3451. <div class="checkbox">
  3452. <label>
  3453. <input id="chkAddEditRecordDataTxtSplitText" type="checkbox"> Use New Line To Split Text Into Multiple Character-Strings
  3454. </label>
  3455. </div>
  3456. </div>
  3457. </div>
  3458. </div>
  3459. <div id="divAddEditRecordDataRp" style="display: none;">
  3460. <div class="form-group">
  3461. <label for="txtAddEditRecordDataRpMailbox" class="col-sm-4 control-label">Mailbox</label>
  3462. <div class="col-sm-7">
  3463. <input id="txtAddEditRecordDataRpMailbox" type="text" class="form-control" placeholder="email address">
  3464. </div>
  3465. </div>
  3466. <div class="form-group">
  3467. <label for="txtAddEditRecordDataRpTxtDomain" class="col-sm-4 control-label">TXT Domain</label>
  3468. <div class="col-sm-7">
  3469. <input id="txtAddEditRecordDataRpTxtDomain" type="text" class="form-control" placeholder=".">
  3470. </div>
  3471. </div>
  3472. </div>
  3473. <div id="divAddEditRecordDataSrv" style="display: none;">
  3474. <div class="form-group">
  3475. <label for="txtAddEditRecordDataSrvPriority" class="col-sm-4 control-label">Priority</label>
  3476. <div class="col-sm-7">
  3477. <input type="number" class="form-control" id="txtAddEditRecordDataSrvPriority" style="width: 100px;">
  3478. </div>
  3479. </div>
  3480. <div class="form-group">
  3481. <label for="txtAddEditRecordDataSrvWeight" class="col-sm-4 control-label">Weight</label>
  3482. <div class="col-sm-7">
  3483. <input type="number" class="form-control" id="txtAddEditRecordDataSrvWeight" style="width: 100px;">
  3484. </div>
  3485. </div>
  3486. <div class="form-group">
  3487. <label for="txtAddEditRecordDataSrvPort" class="col-sm-4 control-label">Port</label>
  3488. <div class="col-sm-7">
  3489. <input type="number" class="form-control" id="txtAddEditRecordDataSrvPort" style="width: 100px;">
  3490. </div>
  3491. </div>
  3492. <div class="form-group">
  3493. <label for="txtAddEditRecordDataSrvTarget" class="col-sm-4 control-label">Target</label>
  3494. <div class="col-sm-7">
  3495. <input type="text" class="form-control" id="txtAddEditRecordDataSrvTarget">
  3496. </div>
  3497. </div>
  3498. </div>
  3499. <div id="divAddEditRecordDataNaptr" style="display: none;">
  3500. <div class="form-group">
  3501. <label for="txtAddEditRecordDataNaptrOrder" class="col-sm-4 control-label">Order</label>
  3502. <div class="col-sm-7">
  3503. <input type="number" class="form-control" id="txtAddEditRecordDataNaptrOrder" style="width: 100px;">
  3504. </div>
  3505. </div>
  3506. <div class="form-group">
  3507. <label for="txtAddEditRecordDataNaptrPreference" class="col-sm-4 control-label">Preference</label>
  3508. <div class="col-sm-7">
  3509. <input type="number" class="form-control" id="txtAddEditRecordDataNaptrPreference" style="width: 100px;">
  3510. </div>
  3511. </div>
  3512. <div class="form-group">
  3513. <label for="txtAddEditRecordDataNaptrFlags" class="col-sm-4 control-label">Flags</label>
  3514. <div class="col-sm-7">
  3515. <input type="text" class="form-control" id="txtAddEditRecordDataNaptrFlags">
  3516. </div>
  3517. </div>
  3518. <div class="form-group">
  3519. <label for="txtAddEditRecordDataNaptrServices" class="col-sm-4 control-label">Services</label>
  3520. <div class="col-sm-7">
  3521. <input type="text" class="form-control" id="txtAddEditRecordDataNaptrServices">
  3522. </div>
  3523. </div>
  3524. <div class="form-group">
  3525. <label for="txtAddEditRecordDataNaptrRegExp" class="col-sm-4 control-label">Regular Expression</label>
  3526. <div class="col-sm-7">
  3527. <input type="text" class="form-control" id="txtAddEditRecordDataNaptrRegExp">
  3528. </div>
  3529. </div>
  3530. <div class="form-group">
  3531. <label for="txtAddEditRecordDataNaptrReplacement" class="col-sm-4 control-label">Replacement</label>
  3532. <div class="col-sm-7">
  3533. <input type="text" class="form-control" id="txtAddEditRecordDataNaptrReplacement">
  3534. </div>
  3535. </div>
  3536. </div>
  3537. <div id="divAddEditRecordDataDs" style="display: none;">
  3538. <div class="form-group">
  3539. <label for="txtAddEditRecordDataDsKeyTag" class="col-sm-4 control-label">Key Tag</label>
  3540. <div class="col-sm-7">
  3541. <input type="number" class="form-control" id="txtAddEditRecordDataDsKeyTag" placeholder="key tag" style="width: 100px;">
  3542. </div>
  3543. </div>
  3544. <div class="form-group">
  3545. <label for="optAddEditRecordDataDsAlgorithm" class="col-sm-4 control-label">DNSSEC Algorithm</label>
  3546. <div class="col-sm-7">
  3547. <select id="optAddEditRecordDataDsAlgorithm" class="form-control">
  3548. <option>RSAMD5</option>
  3549. <option>RSASHA1</option>
  3550. <option>RSASHA256</option>
  3551. <option>RSASHA512</option>
  3552. <option>ECDSAP256SHA256</option>
  3553. <option>ECDSAP384SHA384</option>
  3554. <option>ED25519</option>
  3555. <option>ED448</option>
  3556. </select>
  3557. </div>
  3558. </div>
  3559. <div class="form-group">
  3560. <label for="optAddEditRecordDataDsDigestType" class="col-sm-4 control-label">Digest Type</label>
  3561. <div class="col-sm-7">
  3562. <select id="optAddEditRecordDataDsDigestType" class="form-control">
  3563. <option>SHA1</option>
  3564. <option>SHA256</option>
  3565. <option>SHA384</option>
  3566. </select>
  3567. </div>
  3568. </div>
  3569. <div class="form-group">
  3570. <label for="txtAddEditRecordDataDsDigest" class="col-sm-4 control-label">Digest</label>
  3571. <div class="col-sm-7">
  3572. <input type="text" class="form-control" id="txtAddEditRecordDataDsDigest" placeholder="hash string">
  3573. </div>
  3574. </div>
  3575. </div>
  3576. <div id="divAddEditRecordDataSshfp" style="display: none;">
  3577. <div class="form-group">
  3578. <label for="optAddEditRecordDataSshfpAlgorithm" class="col-sm-4 control-label">Algorithm</label>
  3579. <div class="col-sm-7">
  3580. <select id="optAddEditRecordDataSshfpAlgorithm" class="form-control">
  3581. <option>RSA</option>
  3582. <option>DSA</option>
  3583. <option>ECDSA</option>
  3584. <option>Ed25519</option>
  3585. <option>Ed448</option>
  3586. </select>
  3587. </div>
  3588. </div>
  3589. <div class="form-group">
  3590. <label for="optAddEditRecordDataSshfpFingerprintType" class="col-sm-4 control-label">Fingerprint Type</label>
  3591. <div class="col-sm-7">
  3592. <select id="optAddEditRecordDataSshfpFingerprintType" class="form-control">
  3593. <option>SHA1</option>
  3594. <option>SHA256</option>
  3595. </select>
  3596. </div>
  3597. </div>
  3598. <div class="form-group">
  3599. <label for="txtAddEditRecordDataSshfpFingerprint" class="col-sm-4 control-label">Fingerprint</label>
  3600. <div class="col-sm-7">
  3601. <input type="text" class="form-control" id="txtAddEditRecordDataSshfpFingerprint" placeholder="hash string">
  3602. </div>
  3603. </div>
  3604. </div>
  3605. <div id="divAddEditRecordDataTlsa" style="display: none;">
  3606. <div class="form-group">
  3607. <label for="optAddEditRecordDataTlsaCertificateUsage" class="col-sm-4 control-label">Certificate Usage</label>
  3608. <div class="col-sm-7">
  3609. <select id="optAddEditRecordDataTlsaCertificateUsage" class="form-control">
  3610. <option>PKIX-TA</option>
  3611. <option>PKIX-EE</option>
  3612. <option>DANE-TA</option>
  3613. <option>DANE-EE</option>
  3614. </select>
  3615. </div>
  3616. </div>
  3617. <div class="form-group">
  3618. <label for="optAddEditRecordDataTlsaSelector" class="col-sm-4 control-label">Selector</label>
  3619. <div class="col-sm-7">
  3620. <select id="optAddEditRecordDataTlsaSelector" class="form-control">
  3621. <option>Cert</option>
  3622. <option>SPKI</option>
  3623. </select>
  3624. </div>
  3625. </div>
  3626. <div class="form-group">
  3627. <label for="optAddEditRecordDataTlsaMatchingType" class="col-sm-4 control-label">Matching Type</label>
  3628. <div class="col-sm-7">
  3629. <select id="optAddEditRecordDataTlsaMatchingType" class="form-control">
  3630. <option>Full</option>
  3631. <option>SHA2-256</option>
  3632. <option>SHA2-512</option>
  3633. </select>
  3634. </div>
  3635. </div>
  3636. <div class="form-group">
  3637. <label for="txtAddEditRecordDataTlsaCertificateAssociationData" class="col-sm-4 control-label">Certificate Association Data</label>
  3638. <div class="col-sm-7">
  3639. <textarea id="txtAddEditRecordDataTlsaCertificateAssociationData" class="form-control" rows="6" spellcheck="false" placeholder="5F95253A20A0957648DEBAAEB032F7C5720CD4F0DCF928840C55650687921DAE
  3640. OR
  3641. -----BEGIN CERTIFICATE-----
  3642. MII...
  3643. -----END CERTIFICATE-----
  3644. "></textarea>
  3645. <div style="padding-top: 5px;">Enter either a hash value that you have independently generated, OR enter the certificate in PEM format to automatically generate the association data based on the Selector and Matching Type values.</div>
  3646. </div>
  3647. </div>
  3648. </div>
  3649. <div id="divAddEditRecordDataSvcb" style="display: none;">
  3650. <div class="form-group">
  3651. <label for="txtAddEditRecordDataSvcbPriority" class="col-sm-4 control-label">Priority</label>
  3652. <div class="col-sm-7">
  3653. <input type="number" class="form-control" id="txtAddEditRecordDataSvcbPriority" style="width: 100px; display: inline;">
  3654. <span>(set 0 for alias mode)</span>
  3655. </div>
  3656. </div>
  3657. <div class="form-group">
  3658. <label for="txtAddEditRecordDataSvcbTargetName" class="col-sm-4 control-label">Target Name</label>
  3659. <div class="col-sm-7">
  3660. <input type="text" class="form-control" id="txtAddEditRecordDataSvcbTargetName">
  3661. </div>
  3662. </div>
  3663. <div class="form-group">
  3664. <label class="col-sm-4 control-label">Params</label>
  3665. <div class="col-sm-7">
  3666. <table class="table" style="margin-bottom: 0px;">
  3667. <thead>
  3668. <tr>
  3669. <th>Key</th>
  3670. <th>Value</th>
  3671. <th style="width: 94px;">
  3672. <button type="button" class="btn btn-default" style="padding: 0px 25px;" onclick="addSvcbRecordParamEditRow('', '');">Add</button>
  3673. </th>
  3674. </tr>
  3675. </thead>
  3676. <tbody id="tableAddEditRecordDataSvcbParams">
  3677. </tbody>
  3678. </table>
  3679. </div>
  3680. </div>
  3681. <div class="form-group">
  3682. <label class="col-sm-4 control-label">Automatic Hints</label>
  3683. <div class="col-sm-7">
  3684. <div class="checkbox">
  3685. <label>
  3686. <input id="chkAddEditRecordDataSvcbAutoIpv4Hint" type="checkbox"> Use Automatic IPv4 Hint
  3687. </label>
  3688. </div>
  3689. </div>
  3690. <div class="col-sm-offset-4 col-sm-7">
  3691. <div class="checkbox">
  3692. <label>
  3693. <input id="chkAddEditRecordDataSvcbAutoIpv6Hint" type="checkbox"> Use Automatic IPv6 Hint
  3694. </label>
  3695. </div>
  3696. </div>
  3697. </div>
  3698. </div>
  3699. <div id="divAddEditRecordDataUri" style="display: none;">
  3700. <div class="form-group">
  3701. <label for="txtAddEditRecordDataUriPriority" class="col-sm-4 control-label">Priority</label>
  3702. <div class="col-sm-7">
  3703. <input type="number" class="form-control" id="txtAddEditRecordDataUriPriority" style="width: 100px;">
  3704. </div>
  3705. </div>
  3706. <div class="form-group">
  3707. <label for="txtAddEditRecordDataUriWeight" class="col-sm-4 control-label">Weight</label>
  3708. <div class="col-sm-7">
  3709. <input type="number" class="form-control" id="txtAddEditRecordDataUriWeight" style="width: 100px;">
  3710. </div>
  3711. </div>
  3712. <div class="form-group">
  3713. <label for="txtAddEditRecordDataUri" class="col-sm-4 control-label">URI</label>
  3714. <div class="col-sm-7">
  3715. <input type="text" class="form-control" id="txtAddEditRecordDataUri">
  3716. </div>
  3717. </div>
  3718. </div>
  3719. <div id="divAddEditRecordDataCaa" style="display: none;">
  3720. <div class="form-group">
  3721. <label for="txtAddEditRecordDataCaaFlags" class="col-sm-4 control-label">Flags</label>
  3722. <div class="col-sm-7">
  3723. <input type="number" class="form-control" id="txtAddEditRecordDataCaaFlags" placeholder="0" style="width: 100px;">
  3724. </div>
  3725. </div>
  3726. <div class="form-group">
  3727. <label for="txtAddEditRecordDataCaaTag" class="col-sm-4 control-label">Tag</label>
  3728. <div class="col-sm-7">
  3729. <input type="text" class="form-control" id="txtAddEditRecordDataCaaTag" placeholder="issue" style="width: 150px;">
  3730. </div>
  3731. </div>
  3732. <div class="form-group">
  3733. <label for="txtAddEditRecordDataCaaValue" class="col-sm-4 control-label">Authority</label>
  3734. <div class="col-sm-7">
  3735. <input type="text" class="form-control" id="txtAddEditRecordDataCaaValue">
  3736. </div>
  3737. </div>
  3738. </div>
  3739. <div id="divAddEditRecordDataForwarder" style="display: none;">
  3740. <div class="form-group">
  3741. <label class="col-sm-4 control-label">Protocol</label>
  3742. <div class="col-sm-7">
  3743. <div class="radio">
  3744. <label>
  3745. <input type="radio" name="rdAddEditRecordDataForwarderProtocol" id="rdAddEditRecordDataForwarderProtocolUdp" value="Udp" checked>
  3746. DNS-over-UDP (default)
  3747. </label>
  3748. </div>
  3749. <div class="radio">
  3750. <label>
  3751. <input type="radio" name="rdAddEditRecordDataForwarderProtocol" id="rdAddEditRecordDataForwarderProtocolTcp" value="Tcp">
  3752. DNS-over-TCP
  3753. </label>
  3754. </div>
  3755. <div class="radio">
  3756. <label>
  3757. <input type="radio" name="rdAddEditRecordDataForwarderProtocol" id="rdAddEditRecordDataForwarderProtocolTls" value="Tls">
  3758. DNS-over-TLS
  3759. </label>
  3760. </div>
  3761. <div class="radio">
  3762. <label>
  3763. <input type="radio" name="rdAddEditRecordDataForwarderProtocol" id="rdAddEditRecordDataForwarderProtocolHttps" value="Https">
  3764. DNS-over-HTTPS
  3765. </label>
  3766. </div>
  3767. <div class="radio">
  3768. <label>
  3769. <input type="radio" name="rdAddEditRecordDataForwarderProtocol" id="rdAddEditRecordDataForwarderProtocolQuic" value="Quic">
  3770. DNS-over-QUIC
  3771. </label>
  3772. </div>
  3773. </div>
  3774. </div>
  3775. <div class="form-group">
  3776. <label for="txtAddEditRecordDataForwarder" class="col-sm-4 control-label">Forwarder</label>
  3777. <div class="col-sm-7">
  3778. <div class="checkbox">
  3779. <label>
  3780. <input id="chkAddEditRecordDataForwarderThisServer" type="checkbox" onclick="updateAddEditFormForwarderThisServer();"> Use "This Server"
  3781. </label>
  3782. </div>
  3783. <div style="padding-top: 5px; padding-left: 20px; padding-bottom: 10px;">
  3784. When using "This Server", if a record does not exists in the zone then the request is forwarded to the DNS server's resolver internally. This allows you to override any record for the forwarded domain name or control its DNSSEC validation.
  3785. </div>
  3786. <input id="txtAddEditRecordDataForwarder" type="text" class="form-control" placeholder="8.8.8.8">
  3787. </div>
  3788. </div>
  3789. <div class="form-group">
  3790. <label class="col-sm-4 control-label">Priority</label>
  3791. <div class="col-sm-7">
  3792. <input id="txtAddEditRecordDataForwarderPriority" type="number" class="form-control" placeholder="0" style="width: 100px; display: inline;">
  3793. <span>(valid range 0-255; default 0)</span>
  3794. </div>
  3795. <div class="col-sm-offset-4 col-sm-8" style="padding-top: 5px;">
  3796. Forwarders with high priority (lower value) will be queried before trying for low priority forwarders. Forwarders with the same priority will be concurrently queried.
  3797. </div>
  3798. </div>
  3799. <div class="form-group">
  3800. <label class="col-sm-4 control-label">DNSSEC</label>
  3801. <div class="col-sm-7">
  3802. <div class="checkbox" style="margin-bottom: 6px;">
  3803. <label>
  3804. <input id="chkAddEditRecordDataForwarderDnssecValidation" type="checkbox"> Enable DNSSEC Validation
  3805. </label>
  3806. </div>
  3807. </div>
  3808. </div>
  3809. <div id="divAddEditRecordDataForwarderProxy">
  3810. <div class="form-group">
  3811. <label class="col-sm-4 control-label">Network Proxy</label>
  3812. <div class="col-sm-7">
  3813. <div class="radio">
  3814. <label>
  3815. <input type="radio" name="rdAddEditRecordDataForwarderProxyType" id="rdAddEditRecordDataForwarderProxyTypeNoProxy" value="NoProxy">
  3816. No Proxy
  3817. </label>
  3818. </div>
  3819. <div class="radio">
  3820. <label>
  3821. <input type="radio" name="rdAddEditRecordDataForwarderProxyType" id="rdAddEditRecordDataForwarderProxyTypeDefaultProxy" value="DefaultProxy" checked>
  3822. Default Proxy (default)
  3823. </label>
  3824. </div>
  3825. <div class="radio">
  3826. <label>
  3827. <input type="radio" name="rdAddEditRecordDataForwarderProxyType" id="rdAddEditRecordDataForwarderProxyTypeHttp" value="Http">
  3828. HTTP Proxy
  3829. </label>
  3830. </div>
  3831. <div class="radio">
  3832. <label>
  3833. <input type="radio" name="rdAddEditRecordDataForwarderProxyType" id="rdAddEditRecordDataForwarderProxyTypeSocks5" value="Socks5">
  3834. SOCKS5 Proxy
  3835. </label>
  3836. </div>
  3837. </div>
  3838. </div>
  3839. <div class="form-group">
  3840. <label for="txtAddEditRecordDataForwarderProxyAddress" class="col-sm-4 control-label">Proxy Server Address</label>
  3841. <div class="col-sm-7">
  3842. <input id="txtAddEditRecordDataForwarderProxyAddress" type="text" class="form-control" placeholder="domain name or IP address">
  3843. </div>
  3844. </div>
  3845. <div class="form-group">
  3846. <label for="txtAddEditRecordDataForwarderProxyPort" class="col-sm-4 control-label">Proxy Server Port</label>
  3847. <div class="col-sm-7">
  3848. <input id="txtAddEditRecordDataForwarderProxyPort" type="number" class="form-control" placeholder="port" style="width: 100px;">
  3849. </div>
  3850. </div>
  3851. <div class="form-group">
  3852. <label for="txtAddEditRecordDataForwarderProxyUsername" class="col-sm-4 control-label">Proxy Server Username</label>
  3853. <div class="col-sm-7">
  3854. <input id="txtAddEditRecordDataForwarderProxyUsername" type="text" class="form-control" placeholder="username">
  3855. </div>
  3856. </div>
  3857. <div class="form-group">
  3858. <label for="txtAddEditRecordDataForwarderProxyPassword" class="col-sm-4 control-label">Proxy Server Password</label>
  3859. <div class="col-sm-7">
  3860. <input id="txtAddEditRecordDataForwarderProxyPassword" type="password" class="form-control" placeholder="password">
  3861. </div>
  3862. </div>
  3863. </div>
  3864. </div>
  3865. <div id="divAddEditRecordDataApplication" style="display: none;">
  3866. <div class="form-group">
  3867. <label for="optAddEditRecordDataAppName" class="col-sm-4 control-label">App Name</label>
  3868. <div class="col-sm-7">
  3869. <select id="optAddEditRecordDataAppName" class="form-control"></select>
  3870. </div>
  3871. </div>
  3872. <div class="form-group">
  3873. <label for="optAddEditRecordDataClassPath" class="col-sm-4 control-label">Class Path</label>
  3874. <div class="col-sm-7">
  3875. <select id="optAddEditRecordDataClassPath" class="form-control"></select>
  3876. </div>
  3877. </div>
  3878. <div class="form-group">
  3879. <label for="txtAddEditRecordDataData" class="col-sm-4 control-label">Record Data (if any)</label>
  3880. <div class="col-sm-7">
  3881. <textarea id="txtAddEditRecordDataData" class="form-control" rows="6" spellcheck="false"></textarea>
  3882. </div>
  3883. </div>
  3884. </div>
  3885. <div id="divAddEditRecordOverwrite" class="form-group">
  3886. <div class="col-sm-offset-4 col-sm-7">
  3887. <div class="checkbox">
  3888. <label>
  3889. <input id="chkAddEditRecordOverwrite" type="checkbox"> Overwrite existing records
  3890. </label>
  3891. </div>
  3892. </div>
  3893. </div>
  3894. <div class="form-group">
  3895. <label for="txtAddEditRecordComments" class="col-sm-4 control-label">Comments</label>
  3896. <div class="col-sm-7">
  3897. <textarea id="txtAddEditRecordComments" class="form-control" rows="3" maxlength="255"></textarea>
  3898. </div>
  3899. </div>
  3900. <div class="form-group" id="divAddEditRecordExpiryTtl">
  3901. <label for="txtAddEditRecordExpiryTtl" class="col-sm-4 control-label">Expiry TTL</label>
  3902. <div class="col-sm-7">
  3903. <input id="txtAddEditRecordExpiryTtl" type="number" class="form-control" placeholder="0" style="width: 100px; display: inline;">
  3904. <span>seconds (set 0 to disable)</span>
  3905. </div>
  3906. <div class="col-sm-offset-4 col-sm-7" style="padding-top: 5px;">Set to automatically delete the record when the value in seconds elapses since the record’s last modified time.</div>
  3907. </div>
  3908. </div>
  3909. </div>
  3910. <div class="modal-footer">
  3911. <button type="submit" class="btn btn-primary" id="btnAddEditRecord" data-loading-text="Saving...">Save</button>
  3912. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  3913. </div>
  3914. </div>
  3915. </div>
  3916. </form>
  3917. </div>
  3918. <div id="modalImportZone" class="modal fade" tabindex="-1" role="dialog">
  3919. <div class="modal-dialog" role="document" style="width: 780px;">
  3920. <div class="modal-content">
  3921. <div class="modal-header">
  3922. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  3923. <h4 class="modal-title">Import - <span id="lblImportZoneName"></span></h4>
  3924. </div>
  3925. <div class="modal-body">
  3926. <div id="divImportZoneAlert"></div>
  3927. <p>Enter the records to be imported below in standard zone file format:</p>
  3928. <div class="form-group">
  3929. <label for="txtImportZoneFile" class="control-label">Zone File</label>
  3930. <textarea id="txtImportZoneFile" class="form-control" rows="15" spellcheck="false"></textarea>
  3931. </div>
  3932. <div class="form-group">
  3933. <div class="checkbox">
  3934. <label>
  3935. <input id="chkImportZoneOverwrite" type="checkbox"> Overwrite existing records
  3936. </label>
  3937. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to overwrite existing records for the record types being imported.</div>
  3938. </div>
  3939. </div>
  3940. <div class="form-group">
  3941. <div class="checkbox">
  3942. <label>
  3943. <input id="chkImportZoneOverwriteSoaSerial" type="checkbox"> Overwrite SOA Serial
  3944. </label>
  3945. <div style="padding-top: 5px; padding-left: 20px;">Enable this option to overwrite existing SOA record serial with the imported SOA record serial.</div>
  3946. </div>
  3947. </div>
  3948. <p>Note: The <code>$ORIGIN</code> and <code>$TTL</code> values will be automatically set if not specified.</p>
  3949. <p>Warning! Overwrite SOA serial option when used to set a lower SOA serial value than the current SOA serial will cause secondary zones to fail to sync.</p>
  3950. </div>
  3951. <div class="modal-footer">
  3952. <button id="btnImportZone" type="submit" class="btn btn-primary" data-loading-text="Importing..." onclick="importZone(); return false;">Import</button>
  3953. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  3954. </div>
  3955. </div>
  3956. </div>
  3957. </div>
  3958. <div id="modalCloneZone" class="modal fade" tabindex="-1" role="dialog">
  3959. <form>
  3960. <div class="modal-dialog" role="document">
  3961. <div class="modal-content">
  3962. <div class="modal-header">
  3963. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  3964. <h4 class="modal-title">Clone Zone - <span id="lblCloneZoneZoneName"></span></h4>
  3965. </div>
  3966. <div class="modal-body">
  3967. <div id="divCloneZoneAlert"></div>
  3968. <div class="form-horizontal">
  3969. <div class="form-group">
  3970. <label for="txtCloneZoneSourceZoneName" class="col-sm-4 control-label">Source Zone</label>
  3971. <div class="col-sm-7">
  3972. <input id="txtCloneZoneSourceZoneName" type="text" class="form-control" disabled>
  3973. </div>
  3974. </div>
  3975. <div class="form-group">
  3976. <label for="txtCloneZoneZoneName" class="col-sm-4 control-label">New Zone</label>
  3977. <div class="col-sm-7">
  3978. <input id="txtCloneZoneZoneName" type="text" class="form-control" placeholder="example.com">
  3979. </div>
  3980. </div>
  3981. </div>
  3982. </div>
  3983. <div class="modal-footer">
  3984. <button id="btnCloneZone" type="submit" class="btn btn-primary" data-loading-text="Cloning..." onclick="cloneZone(this); return false;">Clone Zone</button>
  3985. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  3986. </div>
  3987. </div>
  3988. </div>
  3989. </form>
  3990. </div>
  3991. <div id="modalConvertZone" class="modal fade" tabindex="-1" role="dialog">
  3992. <div class="modal-dialog" role="document">
  3993. <div class="modal-content">
  3994. <div class="modal-header">
  3995. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  3996. <h4 class="modal-title">Convert Zone - <span id="lblConvertZoneZoneName"></span></h4>
  3997. </div>
  3998. <div class="modal-body">
  3999. <div id="divConvertZoneAlert"></div>
  4000. <div class="form-horizontal">
  4001. <div class="form-group">
  4002. <label class="col-sm-4 control-label">Convert To</label>
  4003. <div class="col-sm-8">
  4004. <div class="radio">
  4005. <label>
  4006. <input type="radio" name="rdConvertZoneToType" id="rdConvertZoneToTypePrimary" value="Primary" />
  4007. Primary Zone
  4008. </label>
  4009. </div>
  4010. <div class="radio">
  4011. <label>
  4012. <input type="radio" name="rdConvertZoneToType" id="rdConvertZoneToTypeForwarder" value="Forwarder" />
  4013. Conditional Forwarder Zone
  4014. </label>
  4015. </div>
  4016. </div>
  4017. </div>
  4018. </div>
  4019. </div>
  4020. <div class="modal-footer">
  4021. <button id="btnConvertZone" type="submit" class="btn btn-warning" data-loading-text="Converting..." onclick="convertZone(this); return false;">Convert Zone</button>
  4022. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4023. </div>
  4024. </div>
  4025. </div>
  4026. </div>
  4027. <div id="modalZoneOptions" class="modal fade" tabindex="-1" role="dialog">
  4028. <div class="modal-dialog" role="document" style="width: 780px;">
  4029. <div class="modal-content">
  4030. <div class="modal-header">
  4031. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4032. <h4 class="modal-title">Zone Options - <span id="lblZoneOptionsZoneName"></span></h4>
  4033. </div>
  4034. <div class="modal-body">
  4035. <div id="divZoneOptionsAlert"></div>
  4036. <div id="divZoneOptionsLoader" style="height: 500px;"></div>
  4037. <div id="divZoneOptions" style="max-height: 500px;">
  4038. <div>
  4039. <ul class="nav nav-tabs" role="tablist">
  4040. <li id="tabListZoneOptionsGeneral" role="presentation" class="active"><a href="#tabPaneZoneOptionsGeneral" aria-controls="tabPaneZoneOptionsGeneral" role="tab" data-toggle="tab">General</a></li>
  4041. <li id="tabListZoneOptionsQueryAccess" role="presentation"><a href="#tabPaneZoneOptionsQueryAccess" aria-controls="tabPaneZoneOptionsQueryAccess" role="tab" data-toggle="tab">Query Access</a></li>
  4042. <li id="tabListZoneOptionsZoneTranfer" role="presentation"><a href="#tabPaneZoneOptionsZoneTransfer" aria-controls="tabPaneZoneOptionsZoneTransfer" role="tab" data-toggle="tab">Zone Transfer</a></li>
  4043. <li id="tabListZoneOptionsNotify" role="presentation"><a href="#tabPaneZoneOptionsNotify" aria-controls="tabPaneZoneOptionsNotify" role="tab" data-toggle="tab">Notify</a></li>
  4044. <li id="tabListZoneOptionsUpdate" role="presentation"><a href="#tabPaneZoneOptionsUpdate" aria-controls="tabPaneZoneOptionsUpdate" role="tab" data-toggle="tab">Dynamic Updates (RFC 2136)</a></li>
  4045. </ul>
  4046. <div class="tab-content">
  4047. <div id="tabPaneZoneOptionsGeneral" role="tabpanel" class="tab-pane active" style="padding: 0 6px 0 0; max-height: 450px; margin: 10px 0 0 0; overflow-y: auto; overflow-x: hidden;">
  4048. <div class="well well-sm form-horizontal" id="divZoneOptionsGeneralCatalogZone">
  4049. <div class="form-group">
  4050. <label for="optZoneOptionsCatalogZoneName" class="col-sm-4 control-label">Catalog Zone</label>
  4051. <div class="col-sm-7">
  4052. <select id="optZoneOptionsCatalogZoneName" class="form-control"></select>
  4053. <div style="padding-top: 5px;">Select a Catalog zone to register as its member zone.</div>
  4054. </div>
  4055. </div>
  4056. <div id="divZoneOptionsCatalogOverrideOptions" class="form-group">
  4057. <label class="col-sm-4 control-label">Override Options</label>
  4058. <div class="col-sm-7">
  4059. <div class="checkbox">
  4060. <label>
  4061. <input id="chkZoneOptionsCatalogOverrideQueryAccess" type="checkbox"> Override Query Access Option
  4062. </label>
  4063. <div style="padding-top: 5px; padding-left: 20px;">Enable to override Query Access option in the Catalog zone.</div>
  4064. </div>
  4065. <div class="checkbox" id="divZoneOptionsCatalogOverrideZoneTransfer">
  4066. <label>
  4067. <input id="chkZoneOptionsCatalogOverrideZoneTransfer" type="checkbox"> Override Zone Transfer Option
  4068. </label>
  4069. <div style="padding-top: 5px; padding-left: 20px;">Enable to override Zone Transfer option in the Catalog zone.</div>
  4070. </div>
  4071. <div class="checkbox" id="divZoneOptionsCatalogOverrideNotify">
  4072. <label>
  4073. <input id="chkZoneOptionsCatalogOverrideNotify" type="checkbox"> Override Notify Option
  4074. </label>
  4075. <div style="padding-top: 5px; padding-left: 20px;">Enable to override Notify option in the Catalog zone.</div>
  4076. </div>
  4077. </div>
  4078. </div>
  4079. <div id="divZoneOptionsCatalogNotifyFailedNameServers" class="form-group" style="display: none;">
  4080. <label class="col-sm-4 control-label">Notify Failed Name Servers</label>
  4081. <div class="col-sm-7">
  4082. <span id="lblZoneOptionsCatalogNotifyFailedNameServers" class="form-control" style="height: auto;"></span>
  4083. </div>
  4084. </div>
  4085. <div>Note! When a zone becomes a member of a Catalog zone, all of the Catalog zone's Options are inherited unless they are explicitly overridden using the Override Options.</div>
  4086. </div>
  4087. <div class="well well-sm form-horizontal" id="divZoneOptionsGeneralPrimaryServer">
  4088. <div class="form-group">
  4089. <label id="lblZoneOptionsPrimaryNameServerAddresses" for="txtZoneOptionsPrimaryNameServerAddresses" class="col-sm-4 control-label">Primary Name Server Addresses (Optional)</label>
  4090. <div class="col-sm-7">
  4091. <textarea id="txtZoneOptionsPrimaryNameServerAddresses" class="form-control" rows="3" spellcheck="false" placeholder="192.168.1.1
  4092. 2001:db8::
  4093. ns1.example.com (192.168.1.1)
  4094. ns1.example.com ([2001:db8::])
  4095. "></textarea>
  4096. <div id="divZoneOptionsPrimaryNameServerAddressesInfo" style="padding-top: 5px;">Enter the primary name server addresses to sync the zone from. When unspecified, the SOA Primary Name Server will be resolved and used.</div>
  4097. </div>
  4098. </div>
  4099. <div class="form-group" id="divZoneOptionsPrimaryServerZoneTransferProtocol">
  4100. <label class="col-sm-4 control-label">Zone Transfer Protocol</label>
  4101. <div class="col-sm-7">
  4102. <div class="radio">
  4103. <label>
  4104. <input type="radio" name="rdPrimaryZoneTransferProtocol" id="rdPrimaryZoneTransferProtocolTcp" value="Tcp" checked>
  4105. XFR-over-TCP (default)
  4106. </label>
  4107. </div>
  4108. <div class="radio">
  4109. <label>
  4110. <input type="radio" name="rdPrimaryZoneTransferProtocol" id="rdPrimaryZoneTransferProtocolTls" value="Tls">
  4111. XFR-over-TLS
  4112. </label>
  4113. </div>
  4114. <div class="radio">
  4115. <label>
  4116. <input type="radio" name="rdPrimaryZoneTransferProtocol" id="rdPrimaryZoneTransferProtocolQuic" value="Quic">
  4117. XFR-over-QUIC
  4118. </label>
  4119. </div>
  4120. </div>
  4121. </div>
  4122. <div class="form-group" id="divZoneOptionsPrimaryServerZoneTransferTsigKeyName">
  4123. <label for="optZoneOptionsPrimaryZoneTransferTsigKeyName" class="col-sm-4 control-label">TSIG Key Name (Optional)</label>
  4124. <div class="col-sm-7">
  4125. <select id="optZoneOptionsPrimaryZoneTransferTsigKeyName" class="form-control"></select>
  4126. </div>
  4127. </div>
  4128. <div class="form-group" id="divZoneOptionsPrimaryServerValidateZone">
  4129. <label class="col-sm-4 control-label">Zone Validation</label>
  4130. <div class="col-sm-7">
  4131. <div class="checkbox">
  4132. <label>
  4133. <input id="chkZoneOptionsValidateZone" type="checkbox"> Use <a href="https://datatracker.ietf.org/doc/rfc8976/" target="_blank">ZONEMD</a> to Validate Zone
  4134. </label>
  4135. <div style="padding-top: 5px; padding-left: 20px;">When enabled, the secondary zone will be validated using the ZONEMD record after every zone transfer. The zone will get disabled if the validation fails. The zone must be DNSSEC signed for the validation to work.</div>
  4136. </div>
  4137. </div>
  4138. </div>
  4139. </div>
  4140. </div>
  4141. <div id="tabPaneZoneOptionsQueryAccess" role="tabpanel" class="tab-pane" style="padding: 0 6px 0 0; max-height: 450px; margin: 10px 0 0 0; overflow-y: auto; overflow-x: hidden;">
  4142. <div class="well well-sm form-horizontal">
  4143. <div class="form-group">
  4144. <label class="col-sm-3 control-label">Query Access</label>
  4145. <div class="col-sm-8">
  4146. <div class="radio">
  4147. <label>
  4148. <input type="radio" name="rdQueryAccess" id="rdQueryAccessDeny" value="Deny">
  4149. Deny
  4150. </label>
  4151. <div style="padding-top: 5px; padding-left: 20px;">Denies everyone from querying the zone by refusing the request.</div>
  4152. </div>
  4153. <div class="radio">
  4154. <label>
  4155. <input type="radio" name="rdQueryAccess" id="rdQueryAccessAllow" value="Allow">
  4156. Allow (default)
  4157. </label>
  4158. <div style="padding-top: 5px; padding-left: 20px;">Allows everyone to query the zone.</div>
  4159. </div>
  4160. <div class="radio">
  4161. <label>
  4162. <input type="radio" name="rdQueryAccess" id="rdQueryAccessAllowOnlyPrivateNetworks" value="AllowOnlyPrivateNetworks">
  4163. Allow Only Private Networks
  4164. </label>
  4165. <div style="padding-top: 5px; padding-left: 20px;">Allows only private networks to query the zone. Any request from a public network will be refused.</div>
  4166. </div>
  4167. <div class="radio" id="divQueryAccessAllowOnlyZoneNameServers">
  4168. <label>
  4169. <input type="radio" name="rdQueryAccess" id="rdQueryAccessAllowOnlyZoneNameServers" value="AllowOnlyZoneNameServers">
  4170. Allow Only Name Servers In Zone
  4171. </label>
  4172. <div style="padding-top: 5px; padding-left: 20px;">Allows only the name servers with an NS record in the zone to query the zone.</div>
  4173. </div>
  4174. <div class="radio">
  4175. <label>
  4176. <input type="radio" name="rdQueryAccess" id="rdQueryAccessUseSpecifiedNetworkACL" value="UseSpecifiedNetworkACL">
  4177. Use Specified Network Access Control List (ACL)
  4178. </label>
  4179. <div style="padding-top: 5px; padding-left: 20px;">Uses the specified network access control list to allow/deny to query the zone.</div>
  4180. </div>
  4181. <div class="radio" id="divQueryAccessAllowZoneNameServersAndUseSpecifiedNetworkACL">
  4182. <label>
  4183. <input type="radio" name="rdQueryAccess" id="rdQueryAccessAllowZoneNameServersAndUseSpecifiedNetworkACL" value="AllowZoneNameServersAndUseSpecifiedNetworkACL">
  4184. Allow Zone Name Servers And Use Specified Network Access Control List (ACL)
  4185. </label>
  4186. <div style="padding-top: 5px; padding-left: 20px;">Allows zone's name servers and uses specified network access control list to allow/deny to query the zone.</div>
  4187. </div>
  4188. </div>
  4189. </div>
  4190. <div class="form-group">
  4191. <label for="txtQueryAccessNetworkACL" class="col-sm-3 control-label">Network Access Control List (ACL)</label>
  4192. <div class="col-sm-8">
  4193. <textarea id="txtQueryAccessNetworkACL" class="form-control" rows="5" spellcheck="false"></textarea>
  4194. <div style="padding-top: 5px;">Enter IP addresses or network addresses one below another to allow access. Add <code>!</code> character at the start to deny access, e.g. <code>!192.168.10.0/24</code> will deny entire subnet. The ACL is processed in the same order its listed. If no networks match, the default policy is to deny all.</div>
  4195. </div>
  4196. </div>
  4197. <div>Note! The zone can always be queried from loopback IP addresses and internally by the DNS server irrespective of the Query Access configuration.</div>
  4198. </div>
  4199. </div>
  4200. <div id="tabPaneZoneOptionsZoneTransfer" role="tabpanel" class="tab-pane" style="padding: 0 6px 0 0; max-height: 450px; margin: 10px 0 0 0; overflow-y: auto; overflow-x: hidden;">
  4201. <div class="well well-sm form-horizontal">
  4202. <div class="form-group">
  4203. <label class="col-sm-3 control-label">Zone Transfer</label>
  4204. <div class="col-sm-8">
  4205. <div class="radio">
  4206. <label>
  4207. <input type="radio" name="rdZoneTransfer" id="rdZoneTransferDeny" value="Deny">
  4208. Deny
  4209. </label>
  4210. <div style="padding-top: 5px; padding-left: 20px;">Denies everyone from performing a zone transfer.</div>
  4211. </div>
  4212. <div class="radio">
  4213. <label>
  4214. <input type="radio" name="rdZoneTransfer" id="rdZoneTransferAllow" value="Allow">
  4215. Allow
  4216. </label>
  4217. <div style="padding-top: 5px; padding-left: 20px;">Allows everyone to perform a zone transfer.</div>
  4218. </div>
  4219. <div class="radio" id="divZoneTransferAllowOnlyZoneNameServers">
  4220. <label>
  4221. <input type="radio" name="rdZoneTransfer" id="rdZoneTransferAllowOnlyZoneNameServers" value="AllowOnlyZoneNameServers">
  4222. Allow Only Name Servers In Zone
  4223. </label>
  4224. <div style="padding-top: 5px; padding-left: 20px;">Allows only the name servers with an NS record in the zone to perform a zone transfer.</div>
  4225. </div>
  4226. <div class="radio">
  4227. <label>
  4228. <input type="radio" name="rdZoneTransfer" id="rdZoneTransferUseSpecifiedNetworkACL" value="UseSpecifiedNetworkACL">
  4229. Use Specified Network Access Control List (ACL)
  4230. </label>
  4231. <div style="padding-top: 5px; padding-left: 20px;">Uses the specified network access control list to allow/deny to perform a zone transfer.</div>
  4232. </div>
  4233. <div class="radio" id="divZoneTransferAllowZoneNameServersAndUseSpecifiedNetworkACL">
  4234. <label>
  4235. <input type="radio" name="rdZoneTransfer" id="rdZoneTransferAllowZoneNameServersAndUseSpecifiedNetworkACL" value="AllowZoneNameServersAndUseSpecifiedNetworkACL">
  4236. Allow Zone Name Servers And Use Specified Network Access Control List (ACL)
  4237. </label>
  4238. <div style="padding-top: 5px; padding-left: 20px;">Allows zone's name servers and uses specified network access control list to allow/deny to perform a zone transfer.</div>
  4239. </div>
  4240. </div>
  4241. </div>
  4242. <div class="form-group">
  4243. <label for="txtZoneTransferNetworkACL" class="col-sm-3 control-label">Network Access Control List (ACL)</label>
  4244. <div class="col-sm-8">
  4245. <textarea id="txtZoneTransferNetworkACL" class="form-control" rows="5" spellcheck="false"></textarea>
  4246. <div style="padding-top: 5px;">Enter IP addresses or network addresses one below another to allow access. Add <code>!</code> character at the start to deny access, e.g. <code>!192.168.10.0/24</code> will deny entire subnet. The ACL is processed in the same order its listed. If no networks match, the default policy is to deny all.</div>
  4247. </div>
  4248. </div>
  4249. <div>Note! Zone transfer should be allowed only for trusted name servers to sync their secondary zone.</div>
  4250. </div>
  4251. <div class="well well-sm form-horizontal">
  4252. <div class="form-group">
  4253. <label for="txtZoneOptionsZoneTransferTsigKeyNames" class="col-sm-3 control-label">Zone Transfer TSIG Key Names</label>
  4254. <div class="col-sm-8">
  4255. <textarea id="txtZoneOptionsZoneTransferTsigKeyNames" class="form-control" rows="3" spellcheck="false"></textarea>
  4256. <label for="optZoneOptionsQuickTsigKeyNames" class="control-label">Quick Add</label>
  4257. <select id="optZoneOptionsQuickTsigKeyNames" class="form-control">
  4258. </select>
  4259. </div>
  4260. </div>
  4261. <div>Note! TSIG key names must be configured from the Settings before using them here. Entering one or more TSIG key names above will cause the DNS server to authenticate all zone transfer requests. A secondary zone must be configured with one of the above keys to be able to perform a zone transfer.</div>
  4262. </div>
  4263. </div>
  4264. <div id="tabPaneZoneOptionsNotify" role="tabpanel" class="tab-pane" style="padding: 0 6px 0 0; max-height: 450px; margin: 10px 0 0 0; overflow-y: auto; overflow-x: hidden; ">
  4265. <div class="well well-sm form-horizontal">
  4266. <div class="form-group">
  4267. <label class="col-sm-3 control-label">Notify</label>
  4268. <div class="col-sm-8">
  4269. <div class="radio">
  4270. <label>
  4271. <input type="radio" name="rdZoneNotify" id="rdZoneNotifyNone" value="None">
  4272. None
  4273. </label>
  4274. <div style="padding-top: 5px; padding-left: 20px;">Does not notify any name server when the zone is updated.</div>
  4275. </div>
  4276. <div class="radio" id="divZoneNotifyZoneNameServers">
  4277. <label>
  4278. <input type="radio" name="rdZoneNotify" id="rdZoneNotifyZoneNameServers" value="ZoneNameServers">
  4279. Name Servers In Zone
  4280. </label>
  4281. <div style="padding-top: 5px; padding-left: 20px;">Notifies only the name servers with an NS record in the zone when the zone is updated.</div>
  4282. </div>
  4283. <div class="radio">
  4284. <label>
  4285. <input type="radio" name="rdZoneNotify" id="rdZoneNotifySpecifiedNameServers" value="SpecifiedNameServers">
  4286. Specified Name Servers
  4287. </label>
  4288. <div style="padding-top: 5px; padding-left: 20px;">Notifies only the specified name servers when the zone is updated.</div>
  4289. </div>
  4290. <div class="radio" id="divZoneNotifyBothZoneAndSpecifiedNameServers">
  4291. <label>
  4292. <input type="radio" name="rdZoneNotify" id="rdZoneNotifyBothZoneAndSpecifiedNameServers" value="BothZoneAndSpecifiedNameServers">
  4293. Both Zone Name Servers And Specified Name Servers
  4294. </label>
  4295. <div style="padding-top: 5px; padding-left: 20px;">Notifies both the zone's name servers and the specified name servers when the zone is updated.</div>
  4296. </div>
  4297. <div class="radio" id="divZoneNotifySeparateNameServersForCatalogAndMemberZones">
  4298. <label>
  4299. <input type="radio" name="rdZoneNotify" id="rdZoneNotifySeparateNameServersForCatalogAndMemberZones" value="SeparateNameServersForCatalogAndMemberZones">
  4300. Separate Name Servers For Catalog And Member Zones
  4301. </label>
  4302. <div style="padding-top: 5px; padding-left: 20px;">Notifies specified name servers for member zone updates and secondary catalog name servers for catalog zone updates.</div>
  4303. </div>
  4304. </div>
  4305. </div>
  4306. <div class="form-group">
  4307. <label for="txtZoneNotifyNameServers" class="col-sm-3 control-label">Specified Name Servers</label>
  4308. <div class="col-sm-8">
  4309. <textarea id="txtZoneNotifyNameServers" class="form-control" rows="5" spellcheck="false"></textarea>
  4310. <div style="padding-top: 5px;">Enter only the IP addresses of the name servers above.</div>
  4311. </div>
  4312. </div>
  4313. <div id="divZoneNotifySecondaryCatalogNameServers" class="form-group">
  4314. <label for="txtZoneNotifySecondaryCatalogNameServers" class="col-sm-3 control-label">Secondary Catalog Name Servers</label>
  4315. <div class="col-sm-8">
  4316. <textarea id="txtZoneNotifySecondaryCatalogNameServers" class="form-control" rows="5" spellcheck="false"></textarea>
  4317. <div style="padding-top: 5px;">Enter only the IP addresses of the Secondary Catalog name servers above.</div>
  4318. </div>
  4319. </div>
  4320. <div id="divZoneNotifyFailedNameServers" class="form-group" style="display: none;">
  4321. <label class="col-sm-3 control-label">Notify Failed Name Servers</label>
  4322. <div class="col-sm-8">
  4323. <span id="lblZoneNotifyFailedNameServers" class="form-control" style="height: auto;"></span>
  4324. </div>
  4325. </div>
  4326. <div>Note! Notification must be enabled to allow other name servers to trigger a zone transfer immediately when the zone is updated.</div>
  4327. </div>
  4328. </div>
  4329. <div id="tabPaneZoneOptionsUpdate" role="tabpanel" class="tab-pane" style="padding: 0 6px 0 0; max-height: 450px; margin: 10px 0 0 0; overflow-y: auto; overflow-x: hidden;">
  4330. <div class="well well-sm form-horizontal">
  4331. <div class="form-group">
  4332. <label class="col-sm-3 control-label">Dynamic Updates</label>
  4333. <div class="col-sm-8">
  4334. <div class="radio">
  4335. <label>
  4336. <input type="radio" name="rdDynamicUpdate" id="rdDynamicUpdateDeny" value="Deny">
  4337. Deny (default)
  4338. </label>
  4339. <div style="padding-top: 5px; padding-left: 20px;">Denies everyone from performing dynamic updates.</div>
  4340. </div>
  4341. <div class="radio">
  4342. <label>
  4343. <input type="radio" name="rdDynamicUpdate" id="rdDynamicUpdateAllow" value="Allow">
  4344. Allow
  4345. </label>
  4346. <div style="padding-top: 5px; padding-left: 20px;">Allows everyone to perform dynamic updates.</div>
  4347. </div>
  4348. <div class="radio" id="divDynamicUpdateAllowOnlyZoneNameServers">
  4349. <label>
  4350. <input type="radio" name="rdDynamicUpdate" id="rdDynamicUpdateAllowOnlyZoneNameServers" value="AllowOnlyZoneNameServers">
  4351. Allow Only Name Servers In Zone
  4352. </label>
  4353. <div style="padding-top: 5px; padding-left: 20px;">Allows only the name servers with an NS record in the zone to perform dynamic updates.</div>
  4354. </div>
  4355. <div class="radio">
  4356. <label>
  4357. <input type="radio" name="rdDynamicUpdate" id="rdDynamicUpdateUseSpecifiedNetworkACL" value="UseSpecifiedNetworkACL">
  4358. Use Specified Network Access Control List (ACL)
  4359. </label>
  4360. <div style="padding-top: 5px; padding-left: 20px;">Uses the specified network access control list to allow/deny to perform dynamic updates.</div>
  4361. </div>
  4362. <div class="radio" id="divDynamicUpdateAllowZoneNameServersAndUseSpecifiedNetworkACL">
  4363. <label>
  4364. <input type="radio" name="rdDynamicUpdate" id="rdDynamicUpdateAllowZoneNameServersAndUseSpecifiedNetworkACL" value="AllowZoneNameServersAndUseSpecifiedNetworkACL">
  4365. Allow Zone Name Servers And Use Specified Network Access Control List (ACL)
  4366. </label>
  4367. <div style="padding-top: 5px; padding-left: 20px;">Allows zone's name servers and uses specified network access control list to allow/deny to perform dynamic updates.</div>
  4368. </div>
  4369. </div>
  4370. </div>
  4371. <div class="form-group">
  4372. <label for="txtDynamicUpdateNetworkACL" class="col-sm-3 control-label">Network Access Control List (ACL)</label>
  4373. <div class="col-sm-8">
  4374. <textarea id="txtDynamicUpdateNetworkACL" class="form-control" rows="5" spellcheck="false"></textarea>
  4375. <div style="padding-top: 5px;">Enter IP addresses or network addresses one below another to allow access. Add <code>!</code> character at the start to deny access, e.g. <code>!192.168.10.0/24</code> will deny entire subnet. The ACL is processed in the same order its listed. If no networks match, the default policy is to deny all.</div>
  4376. </div>
  4377. </div>
  4378. <div>Note! Dynamic updates should be allowed only to trusted IP addresses since they will be able to add/delete records in the zone.</div>
  4379. <div style="padding-top: 10px;">Warning! If no security policy is configured in the Primary Zone then access will be provided only based on the options selected here. Thus setting up a security policy in the Primary Zone is highly recommended.</div>
  4380. </div>
  4381. <div id="divDynamicUpdateSecurityPolicy" class="well well-sm form-horizontal">
  4382. <p style="font-size: 16px; font-weight: bold;">Security Policy</p>
  4383. <table id="tableDynamicUpdateSecurityPolicy" class="table table-hover">
  4384. <thead>
  4385. <tr>
  4386. <th>TSIG Key Name</th>
  4387. <th>Domain Name</th>
  4388. <th>Allowed Record Types</th>
  4389. <th style="width: 84px;">
  4390. <button type="button" class="btn btn-default" style="padding: 0px 20px;" onclick="addZoneOptionsDynamicUpdatesSecurityPolicyRow();">Add</button>
  4391. </th>
  4392. </tr>
  4393. </thead>
  4394. <tbody id="tbodyDynamicUpdateSecurityPolicy"></tbody>
  4395. </table>
  4396. <div>Note! Configuring a security policy above will cause the DNS server to authenticate all dynamic update requests. A TSIG key can add/delete records only for the specified domain name and allowed record types. TSIG key names must be configured from the Settings before using them here. Use wildcard domain name to specify all sub domain names. Use a comma separator to specify more than one record type. Use ANY to specify all record types.</div>
  4397. </div>
  4398. </div>
  4399. </div>
  4400. </div>
  4401. </div>
  4402. </div>
  4403. <div class="modal-footer">
  4404. <button id="btnSaveZoneOptions" type="submit" class="btn btn-primary" data-loading-text="Saving..." onclick="saveZoneOptions(); return false;">Save</button>
  4405. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4406. </div>
  4407. </div>
  4408. </div>
  4409. </div>
  4410. <div id="modalDnssecSignZone" class="modal fade" tabindex="-1" role="dialog">
  4411. <div class="modal-dialog" role="document" style="width: 780px;">
  4412. <div class="modal-content">
  4413. <div class="modal-header">
  4414. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4415. <h4 class="modal-title">Sign Zone - <span id="lblDnssecSignZoneZoneName"></span></h4>
  4416. </div>
  4417. <div class="modal-body">
  4418. <div id="divDnssecSignZoneAlert"></div>
  4419. <div class="form-horizontal" style="max-height: 500px; overflow-y: auto; padding: 0 6px; overflow-x: hidden;">
  4420. <div class="form-group">
  4421. <label class="col-sm-4 control-label">DNSKEY Algorithm</label>
  4422. <div class="col-sm-8">
  4423. <div class="radio">
  4424. <label>
  4425. <input type="radio" name="rdDnssecSignZoneAlgorithm" id="rdDnssecSignZoneAlgorithmRsa" value="RSA">
  4426. RSA
  4427. </label>
  4428. </div>
  4429. <div class="radio">
  4430. <label>
  4431. <input type="radio" name="rdDnssecSignZoneAlgorithm" id="rdDnssecSignZoneAlgorithmEcdsa" value="ECDSA">
  4432. ECDSA (recommended)
  4433. </label>
  4434. </div>
  4435. </div>
  4436. </div>
  4437. <div id="divDnssecSignZoneRsaParameters">
  4438. <div class="form-group">
  4439. <label for="optDnssecSignZoneRsaHashAlgorithm" class="col-sm-4 control-label">Hash Algorithm</label>
  4440. <div class="col-sm-8">
  4441. <select id="optDnssecSignZoneRsaHashAlgorithm" class="form-control" style="width: auto;">
  4442. <option value="MD5">MD5 (obsolete)</option>
  4443. <option>SHA1</option>
  4444. <option value="SHA256">SHA256 (default)</option>
  4445. <option>SHA512</option>
  4446. </select>
  4447. </div>
  4448. </div>
  4449. <div class="form-group">
  4450. <label for="optDnssecSignZoneRsaKSKKeySize" class="col-sm-4 control-label">Key Signing Key (KSK) Size</label>
  4451. <div class="col-sm-8">
  4452. <select id="optDnssecSignZoneRsaKSKKeySize" class="form-control" style="width: auto;">
  4453. <option>1024</option>
  4454. <option>1280</option>
  4455. <option>1536</option>
  4456. <option value="2048">2048 (recommended)</option>
  4457. <option>3072</option>
  4458. <option>4096</option>
  4459. </select>
  4460. </div>
  4461. </div>
  4462. <div class="form-group">
  4463. <label for="optDnssecSignZoneRsaZSKKeySize" class="col-sm-4 control-label">Zone Signing Key (ZSK) Size</label>
  4464. <div class="col-sm-8">
  4465. <select id="optDnssecSignZoneRsaZSKKeySize" class="form-control" style="width: auto;">
  4466. <option>1024</option>
  4467. <option value="1280">1280 (default)</option>
  4468. <option>1536</option>
  4469. <option>2048</option>
  4470. <option>3072</option>
  4471. <option>4096</option>
  4472. </select>
  4473. </div>
  4474. </div>
  4475. </div>
  4476. <div id="divDnssecSignZoneEcdsaParameters">
  4477. <div class="form-group">
  4478. <label for="optDnssecSignZoneEcdsaCurve" class="col-sm-4 control-label">ECDSA Curve</label>
  4479. <div class="col-sm-8">
  4480. <select id="optDnssecSignZoneEcdsaCurve" class="form-control" style="width: auto;">
  4481. <option value="P256">P256 (default)</option>
  4482. <option>P384</option>
  4483. </select>
  4484. </div>
  4485. </div>
  4486. </div>
  4487. <div class="form-group">
  4488. <label class="col-sm-4 control-label">Proof of Non-Existence</label>
  4489. <div class="col-sm-8">
  4490. <div class="radio">
  4491. <label>
  4492. <input type="radio" name="rdDnssecSignZoneNxProof" id="rdDnssecSignZoneNxProofNSEC" value="NSEC">
  4493. Next Secure (NSEC) (recommended)
  4494. </label>
  4495. <div style="padding-top: 5px; padding-left: 20px;">
  4496. With NSEC, all the records in your zone can be discovered by anyone using "zone walking" technique. NSEC is recommended if your zone does not contain any private/internal records.
  4497. </div>
  4498. </div>
  4499. <div class="radio">
  4500. <label>
  4501. <input type="radio" name="rdDnssecSignZoneNxProof" id="rdDnssecSignZoneNxProofNSEC3" value="NSEC3">
  4502. Next Secure 3 (NSEC3)
  4503. </label>
  4504. <div style="padding-top: 5px; padding-left: 20px;">
  4505. NSEC3, makes it difficult to perform "zone walking" since it uses hashing with a random salt. NSEC3 should be used if your zone contains any private/internal records that you do not wish to be enumerable.
  4506. </div>
  4507. </div>
  4508. </div>
  4509. </div>
  4510. <div id="divDnssecSignZoneNSEC3Parameters">
  4511. <div class="form-group">
  4512. <label for="txtDnssecSignZoneNSEC3Iterations" class="col-sm-4 control-label">NSEC3 Iterations</label>
  4513. <div class="col-sm-8">
  4514. <input id="txtDnssecSignZoneNSEC3Iterations" type="number" class="form-control" placeholder="iterations" style="width: 100px; display: inline;">
  4515. <span>(valid range 0-50, recommended 0)</span>
  4516. </div>
  4517. <div class="col-sm-offset-4 col-sm-8" style="padding-top: 5px;">
  4518. The number of iterations used by NSEC3 for hashing the domain names. It is recommended to use 0 iterations since more iterations will increase computational costs for both the DNS server and resolver while not providing much value against "zone walking" [<a href="https://www.rfc-editor.org/rfc/rfc9276.html#name-iterations" target="_blank">RFC 9276</a>].
  4519. </div>
  4520. </div>
  4521. <div class="form-group">
  4522. <label for="txtDnssecSignZoneNSEC3SaltLength" class="col-sm-4 control-label">NSEC3 Salt Length</label>
  4523. <div class="col-sm-8">
  4524. <input id="txtDnssecSignZoneNSEC3SaltLength" type="number" class="form-control" placeholder="length" style="width: 100px; display: inline;">
  4525. <span>bytes (valid range 0-32, recommended 0)</span>
  4526. </div>
  4527. <div class="col-sm-offset-4 col-sm-8" style="padding-top: 5px;">
  4528. The number of bytes of random salt to generate to be used with the NSEC3 hash computation. It is recommended to not use salt by setting the length to 0 [<a href="https://www.rfc-editor.org/rfc/rfc9276.html#name-salt" target="_blank">RFC 9276</a>].
  4529. </div>
  4530. </div>
  4531. </div>
  4532. <div class="form-group">
  4533. <label for="txtDnssecSignZoneDnsKeyTtl" class="col-sm-4 control-label">DNSKEY TTL</label>
  4534. <div class="col-sm-8">
  4535. <input id="txtDnssecSignZoneDnsKeyTtl" type="number" class="form-control" placeholder="ttl" style="width: 100px; display: inline;">
  4536. <span>seconds (default 3600)</span>
  4537. </div>
  4538. <div class="col-sm-offset-4 col-sm-8" style="padding-top: 5px;">
  4539. The TTL value to be used for DNSKEY records. A lower value will allow quicker addition or rollover to a new DNS Key at the cost of increased frequency of DNSKEY queries by resolvers.
  4540. </div>
  4541. </div>
  4542. <div class="form-group">
  4543. <label for="txtDnssecSignZoneZskAutoRollover" class="col-sm-4 control-label">ZSK Automatic Rollover</label>
  4544. <div class="col-sm-8">
  4545. <input id="txtDnssecSignZoneZskAutoRollover" type="number" class="form-control" placeholder="days" style="width: 100px; display: inline;">
  4546. <span>days (valid range 0-365; default 30; set 0 to disable)</span>
  4547. </div>
  4548. <div class="col-sm-offset-4 col-sm-8" style="padding-top: 5px;">
  4549. The frequency at which the DNS server must automatically rollover all Zone Signing Key (ZSK) keys.
  4550. </div>
  4551. </div>
  4552. </div>
  4553. </div>
  4554. <div class="modal-footer">
  4555. <div class="pull-left" style="padding: 6px 0;">
  4556. <a href="https://blog.technitium.com/2022/07/how-to-secure-your-domain-name-with-.html" target="_blank">Help: How To Secure Your Domain Name With DNSSEC</a>
  4557. </div>
  4558. <div class="pull-right">
  4559. <button id="btnDnssecSignZone" type="submit" class="btn btn-primary" data-loading-text="Signing..." onclick="signPrimaryZone(); return false;">Sign Zone</button>
  4560. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4561. </div>
  4562. </div>
  4563. </div>
  4564. </div>
  4565. </div>
  4566. <div id="modalDnssecUnsignZone" class="modal fade" tabindex="-1" role="dialog">
  4567. <div class="modal-dialog" role="document">
  4568. <div class="modal-content">
  4569. <div class="modal-header">
  4570. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4571. <h4 class="modal-title">Unsign Zone - <span id="lblDnssecUnsignZoneZoneName"></span></h4>
  4572. </div>
  4573. <div class="modal-body">
  4574. <div id="divDnssecUnsignZoneAlert"></div>
  4575. <p><b>WARNING!</b> Unsigning the zone without removing all DS records from its parent zone will cause DNSSEC validating recursive resolvers to mark the zone as <b>bogus</b> and fail to resolve it.</p>
  4576. <p><b>WARNING!</b> Make sure that you have removed all of the DS records from the parent zone and sufficient time has passed before unsigning this zone. You MUST wait for at least the number of seconds specified by the DS record's TTL value to elapse before unsigning the zone to ensure that all recursive resolvers would have expired the DS records from its cache. For example, if you have DS records at the parent zone with TTL value set to 86400 then you must wait for 86400 seconds (24 hours) to pass after you delete the DS records from the parent zone. Once you have ensured that you have waited for the appropriate time then you can unsign the zone safely.</p>
  4577. <p><b>NOTE!</b> You can find out the TTL value of DS records for your zone by querying for DS records using the DNS Client tab.</p>
  4578. <p><b>WARNING!</b> Unsigning the zone will permanently delete all of the private keys associated with it. Consider taking a backup before proceeding.</p>
  4579. <p>&nbsp;</p>
  4580. <p>Are you sure you want to proceed to unsign the zone now?</p>
  4581. </div>
  4582. <div class="modal-footer">
  4583. <button id="btnDnssecUnsignZone" type="submit" class="btn btn-danger" data-loading-text="Unsigning..." onclick="unsignPrimaryZone(); return false;">Unsign Zone</button>
  4584. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4585. </div>
  4586. </div>
  4587. </div>
  4588. </div>
  4589. <div id="modalDnssecViewDs" class="modal fade" tabindex="-1" role="dialog">
  4590. <div class="modal-dialog" role="document" style="width: 940px;">
  4591. <div class="modal-content">
  4592. <div class="modal-header">
  4593. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4594. <h4 class="modal-title">View DS Info - <span id="lblDnssecViewDsZoneName"></span></h4>
  4595. </div>
  4596. <div class="modal-body">
  4597. <div id="divDnssecViewDsAlert"></div>
  4598. <div id="divDnssecViewDsLoader" style="height: 500px;"></div>
  4599. <div id="divDnssecViewDs" style="max-height: 500px; overflow-y: auto; padding: 0 6px; overflow-x: hidden;">
  4600. <p>
  4601. Use the DNS Key data given below to add DS records for your zone. Before adding the DS records, you must read and understand the following points:
  4602. <ul>
  4603. <li>The Key State for a newly published DNS Key must be <code>Ready</code> before you can add a DS record for it. Adding DS record for a DNS Key with <code>Published</code> Key State may cause DNSSEC validation to fail for some DNS resolvers. A "ready by" timestamp is displayed to let you know when a DS record can be added for a DNS Key that is not "Ready" yet.</li>
  4604. <li>You should add only one DS record for each Key Tag. That is, do not create multiple DS records for each Digest Type, instead use the Digest Type that is supported by your Domain Registrar.</li>
  4605. <li>Use the provided Public Key if the Domain Registrar requires it instead of the Digest.</li>
  4606. </ul>
  4607. </p>
  4608. <table class="table well well-sm">
  4609. <thead>
  4610. <tr>
  4611. <th><a>Key Tag</a></th>
  4612. <th><a>Key State</a></th>
  4613. <th><a>Algorithm</a></th>
  4614. <th><a>Digest Type</a></th>
  4615. <th><a>Digest</a></th>
  4616. </tr>
  4617. </thead>
  4618. <tbody id="tableDnssecViewDsBody">
  4619. </tbody>
  4620. </table>
  4621. </div>
  4622. </div>
  4623. <div class="modal-footer">
  4624. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4625. </div>
  4626. </div>
  4627. </div>
  4628. </div>
  4629. <div id="modalDnssecProperties" class="modal fade" tabindex="-1" role="dialog">
  4630. <div class="modal-dialog" role="document" style="width: 940px;">
  4631. <div class="modal-content">
  4632. <div class="modal-header">
  4633. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4634. <h4 class="modal-title">DNSSEC Properties - <span id="lblDnssecPropertiesZoneName"></span></h4>
  4635. </div>
  4636. <div class="modal-body">
  4637. <div id="divDnssecPropertiesAlert"></div>
  4638. <div id="divDnssecPropertiesLoader" style="height: 500px;"></div>
  4639. <div id="divDnssecProperties" style="max-height: 500px; overflow-y: auto; padding: 0 6px; overflow-x: hidden;">
  4640. <div class="well well-sm form-horizontal">
  4641. <table class="table table-hover" style="margin-bottom: 10px;">
  4642. <thead>
  4643. <tr>
  4644. <th><a href="#" onclick="sortTable('tableDnssecPropertiesPrivateKeysBody', 0); return false;">Key Tag</a></th>
  4645. <th><a href="#" onclick="sortTable('tableDnssecPropertiesPrivateKeysBody', 1); return false;">Key Type</a></th>
  4646. <th><a href="#" onclick="sortTable('tableDnssecPropertiesPrivateKeysBody', 2); return false;">Algorithm</a></th>
  4647. <th><a href="#" onclick="sortTable('tableDnssecPropertiesPrivateKeysBody', 3); return false;">State</a></th>
  4648. <th><a href="#" onclick="sortTable('tableDnssecPropertiesPrivateKeysBody', 4); return false;">State Changed</a></th>
  4649. <th><a href="#" onclick="sortTable('tableDnssecPropertiesPrivateKeysBody', 5); return false;">Rollover (days)</a></th>
  4650. <th style="width: 36px;"></th>
  4651. </tr>
  4652. </thead>
  4653. <tbody id="tableDnssecPropertiesPrivateKeysBody">
  4654. </tbody>
  4655. </table>
  4656. <div>
  4657. <button type="button" class="btn btn-primary" style="padding: 2px 0; width: 120px;" data-toggle="collapse" data-target="#divDnssecPropertiesGenerateKey" aria-expanded="false" aria-controls="divDnssecPropertiesGenerateKey">Add Private Key</button>
  4658. <button id="btnDnssecPropertiesPublishKeys" type="button" class="btn btn-warning" style="padding: 2px 0; width: 120px;" data-loading-text="Publishing..." onclick="publishAllDnssecPrivateKeys(this);">Publish All Keys</button>
  4659. </div>
  4660. <div id="divDnssecPropertiesGenerateKey" class="collapse">
  4661. <div class="panel panel-default" style="margin-bottom: 0px; margin-top: 10px; padding-top: 15px;">
  4662. <div class="form-group">
  4663. <label for="optDnssecPropertiesGenerateKeyKeyType" class="col-sm-4 control-label">Key Type</label>
  4664. <div class="col-sm-8">
  4665. <select id="optDnssecPropertiesGenerateKeyKeyType" class="form-control" style="width: auto;">
  4666. <option value="KeySigningKey">Key Signing Key (KSK)</option>
  4667. <option value="ZoneSigningKey">Zone Signing Key (ZSK)</option>
  4668. </select>
  4669. </div>
  4670. </div>
  4671. <div class="form-group">
  4672. <label for="optDnssecPropertiesGenerateKeyAlgorithm" class="col-sm-4 control-label">Algorithm</label>
  4673. <div class="col-sm-8">
  4674. <select id="optDnssecPropertiesGenerateKeyAlgorithm" class="form-control" style="width: auto;">
  4675. <option>RSA</option>
  4676. <option value="ECDSA">ECDSA (recommended)</option>
  4677. </select>
  4678. </div>
  4679. </div>
  4680. <div id="divDnssecPropertiesGenerateKeyRsaParameters">
  4681. <div class="form-group">
  4682. <label for="optDnssecPropertiesGenerateKeyRsaHashAlgorithm" class="col-sm-4 control-label">Hash Algorithm</label>
  4683. <div class="col-sm-8">
  4684. <select id="optDnssecPropertiesGenerateKeyRsaHashAlgorithm" class="form-control" style="width: auto;">
  4685. <option value="MD5">MD5 (obsolete)</option>
  4686. <option>SHA1</option>
  4687. <option value="SHA256">SHA256 (default)</option>
  4688. <option>SHA512</option>
  4689. </select>
  4690. </div>
  4691. </div>
  4692. <div class="form-group">
  4693. <label for="optDnssecPropertiesGenerateKeyRsaKeySize" class="col-sm-4 control-label">Key Size</label>
  4694. <div class="col-sm-8">
  4695. <select id="optDnssecPropertiesGenerateKeyRsaKeySize" class="form-control" style="width: auto;">
  4696. <option>1024</option>
  4697. <option>1280</option>
  4698. <option>1536</option>
  4699. <option>2048</option>
  4700. <option>3072</option>
  4701. <option>4096</option>
  4702. </select>
  4703. </div>
  4704. </div>
  4705. </div>
  4706. <div id="divDnssecPropertiesGenerateKeyEcdsaParameters">
  4707. <div class="form-group">
  4708. <label for="optDnssecPropertiesGenerateKeyEcdsaCurve" class="col-sm-4 control-label">ECDSA Curve</label>
  4709. <div class="col-sm-8">
  4710. <select id="optDnssecPropertiesGenerateKeyEcdsaCurve" class="form-control" style="width: auto;">
  4711. <option value="P256">P256 (default)</option>
  4712. <option>P384</option>
  4713. </select>
  4714. </div>
  4715. </div>
  4716. </div>
  4717. <div id="divDnssecPropertiesGenerateKeyAutomaticRollover" class="form-group">
  4718. <label for="txtDnssecPropertiesGenerateKeyAutomaticRollover" class="col-sm-4 control-label">Automatic Key Rollover</label>
  4719. <div class="col-sm-8">
  4720. <div>
  4721. <input id="txtDnssecPropertiesGenerateKeyAutomaticRollover" type="number" class="form-control" placeholder="days" style="width: 100px; display: inline;">
  4722. <span>days (valid range 0-365; default 30; set 0 to disable)</span>
  4723. </div>
  4724. </div>
  4725. <div class="col-sm-offset-4 col-sm-8" style="padding-top: 5px;">
  4726. The frequency at which the DNS server must automatically rollover the key.
  4727. </div>
  4728. </div>
  4729. <div class="form-group">
  4730. <div class="col-sm-offset-4 col-sm-8">
  4731. <button type="button" class="btn btn-primary" style="padding: 2px 0; width: 150px;" data-loading-text="Generating..." onclick="generateAndAddDnssecPrivateKey(this);">Generate & Add Key</button>
  4732. </div>
  4733. </div>
  4734. </div>
  4735. </div>
  4736. </div>
  4737. <div class="well well-sm form-horizontal">
  4738. <div class="form-group">
  4739. <label class="col-sm-4 control-label">Proof of Non-Existence</label>
  4740. <div class="col-sm-8">
  4741. <div class="radio">
  4742. <label>
  4743. <input type="radio" name="rdDnssecPropertiesNxProof" id="rdDnssecPropertiesNxProofNSEC" value="NSEC">
  4744. Next Secure (NSEC) (recommended)
  4745. </label>
  4746. <div style="padding-top: 5px; padding-left: 20px;">
  4747. With NSEC, all the records in your zone can be discovered by anyone using "zone walking" technique. NSEC is recommended if your zone does not contain any private/internal records.
  4748. </div>
  4749. </div>
  4750. <div class="radio">
  4751. <label>
  4752. <input type="radio" name="rdDnssecPropertiesNxProof" id="rdDnssecPropertiesNxProofNSEC3" value="NSEC3">
  4753. Next Secure 3 (NSEC3)
  4754. </label>
  4755. <div style="padding-top: 5px; padding-left: 20px;">
  4756. NSEC3, makes it difficult to perform "zone walking" since it uses hashing with a random salt. NSEC3 should be used if your zone contains any private/internal records that you do not wish to be enumerable.
  4757. </div>
  4758. </div>
  4759. </div>
  4760. </div>
  4761. <div id="divDnssecPropertiesNSEC3Parameters">
  4762. <div class="form-group">
  4763. <label for="txtDnssecPropertiesNSEC3Iterations" class="col-sm-4 control-label">NSEC3 Iterations</label>
  4764. <div class="col-sm-8">
  4765. <input id="txtDnssecPropertiesNSEC3Iterations" type="number" class="form-control" placeholder="iterations" style="width: 100px; display: inline;">
  4766. <span>(valid range 0-50, recommended 0)</span>
  4767. </div>
  4768. <div class="col-sm-offset-4 col-sm-8" style="padding-top: 5px;">
  4769. The number of iterations used by NSEC3 for hashing the domain names. It is recommended to use 0 iterations since more iterations will increase computational costs for both the DNS server and resolver while not providing much value against "zone walking" [<a href="https://www.rfc-editor.org/rfc/rfc9276.html#name-iterations" target="_blank">RFC 9276</a>].
  4770. </div>
  4771. </div>
  4772. <div class="form-group">
  4773. <label for="txtDnssecPropertiesNSEC3SaltLength" class="col-sm-4 control-label">NSEC3 Salt Length</label>
  4774. <div class="col-sm-8">
  4775. <input id="txtDnssecPropertiesNSEC3SaltLength" type="number" class="form-control" placeholder="length" style="width: 100px; display: inline;">
  4776. <span>bytes (valid range 0-32, recommended 0)</span>
  4777. </div>
  4778. <div class="col-sm-offset-4 col-sm-8" style="padding-top: 5px;">
  4779. The number of bytes of random salt to generate to be used with the NSEC3 hash computation. It is recommended to not use salt by setting the length to 0 [<a href="https://www.rfc-editor.org/rfc/rfc9276.html#name-salt" target="_blank">RFC 9276</a>].
  4780. </div>
  4781. </div>
  4782. </div>
  4783. <div class="form-group" style="margin-bottom: 5px;">
  4784. <div class="col-sm-offset-4 col-sm-8">
  4785. <button id="btnDnssecPropertiesChangeNxProof" type="button" class="btn btn-warning" style="padding: 2px 0; width: 100px;" data-loading-text="Changing..." onclick="changeDnssecNxProof(this);">Change</button>
  4786. </div>
  4787. </div>
  4788. </div>
  4789. <div class="well well-sm form-horizontal">
  4790. <div class="form-group" style="margin-bottom: 5px;">
  4791. <label for="txtDnssecPropertiesDnsKeyTtl" class="col-sm-4 control-label">DNSKEY TTL</label>
  4792. <div class="col-sm-8">
  4793. <div>
  4794. <input id="txtDnssecPropertiesDnsKeyTtl" type="number" class="form-control" placeholder="ttl" style="width: 100px; display: inline;">
  4795. <span>seconds (default 3600)</span>
  4796. </div>
  4797. <div style="margin-top: 10px;">
  4798. <button type="button" class="btn btn-default" style="padding: 2px 0; width: 100px;" data-loading-text="Updating..." onclick="updateDnssecDnsKeyTtl(this);">Update TTL</button>
  4799. </div>
  4800. </div>
  4801. <div class="col-sm-offset-4 col-sm-8" style="padding-top: 5px;">
  4802. The TTL value to be used for DNSKEY records. A lower value will allow quicker addition or rollover to a new DNS Key at the cost of increased frequency of DNSKEY queries by resolvers.
  4803. </div>
  4804. </div>
  4805. <div style="margin-top: 10px;">
  4806. Warning! You MUST wait for at least the number of seconds specified by the the old TTL value to elapse before making any changes to the DNS keys above to ensure that all recursive resolvers would have expired the DNSKEY records from its cache. For example, if the old TTL value was 3600, then you must wait for 3600 seconds (1 hour) to pass before making any changes to the DNS keys.
  4807. </div>
  4808. </div>
  4809. </div>
  4810. </div>
  4811. <div class="modal-footer">
  4812. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4813. </div>
  4814. </div>
  4815. </div>
  4816. </div>
  4817. <div id="modalImportAllowedZones" class="modal fade" tabindex="-1" role="dialog">
  4818. <div class="modal-dialog" role="document">
  4819. <div class="modal-content">
  4820. <div class="modal-header">
  4821. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4822. <h4 class="modal-title">Import Allowed Zones</h4>
  4823. </div>
  4824. <div class="modal-body">
  4825. <div id="divImportAllowedZonesAlert"></div>
  4826. <p>Enter domain names one below other to import into Allowed Zone:</p>
  4827. <div class="form-group">
  4828. <label for="txtImportAllowedZones" class="control-label">Allowed Zones</label>
  4829. <textarea id="txtImportAllowedZones" class="form-control" rows="15" spellcheck="false"></textarea>
  4830. </div>
  4831. </div>
  4832. <div class="modal-footer">
  4833. <button id="btnImportAllowedZones" type="submit" class="btn btn-primary" data-loading-text="Importing..." onclick="importAllowedZones(); return false;">Import</button>
  4834. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4835. </div>
  4836. </div>
  4837. </div>
  4838. </div>
  4839. <div id="modalImportBlockedZones" class="modal fade" tabindex="-1" role="dialog">
  4840. <div class="modal-dialog" role="document">
  4841. <div class="modal-content">
  4842. <div class="modal-header">
  4843. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4844. <h4 class="modal-title">Import Blocked Zones</h4>
  4845. </div>
  4846. <div class="modal-body">
  4847. <div id="divImportBlockedZonesAlert"></div>
  4848. <p>Enter domain names one below other to import into blocked zone:</p>
  4849. <div class="form-group">
  4850. <label for="txtImportBlockedZones" class="control-label">Blocked Zones</label>
  4851. <textarea id="txtImportBlockedZones" class="form-control" rows="15" spellcheck="false"></textarea>
  4852. </div>
  4853. </div>
  4854. <div class="modal-footer">
  4855. <button id="btnImportBlockedZones" type="submit" class="btn btn-primary" data-loading-text="Importing..." onclick="importBlockedZones(); return false;">Import</button>
  4856. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4857. </div>
  4858. </div>
  4859. </div>
  4860. </div>
  4861. <div id="modalStoreApps" class="modal fade" tabindex="-1" role="dialog">
  4862. <form class="form-horizontal">
  4863. <div class="modal-dialog" role="document" style="width: 800px;">
  4864. <div class="modal-content">
  4865. <div class="modal-header">
  4866. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4867. <h4 class="modal-title">DNS App Store</h4>
  4868. </div>
  4869. <div class="modal-body">
  4870. <div id="divStoreAppsAlert"></div>
  4871. <div id="divStoreAppsLoader" style="height: 500px;"></div>
  4872. <div id="divStoreApps" style="max-height: 500px; overflow-y: auto; display: none;">
  4873. <table class="table table-hover">
  4874. <thead>
  4875. <tr>
  4876. <th style="min-width: 120px;"><a href="#" onclick="sortTable('tableStoreAppsBody', 0); return false;">Store Apps</a></th>
  4877. <th style="width: 96px;"></th>
  4878. </tr>
  4879. </thead>
  4880. <tbody id="tableStoreAppsBody">
  4881. </tbody>
  4882. <tfoot id="tableStoreAppsFooter">
  4883. <tr><td colspan="3"><b>Total Apps: 0</b></td></tr>
  4884. </tfoot>
  4885. </table>
  4886. </div>
  4887. </div>
  4888. <div class="modal-footer">
  4889. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4890. </div>
  4891. </div>
  4892. </div>
  4893. </form>
  4894. </div>
  4895. <div id="modalInstallApp" class="modal fade" tabindex="-1" role="dialog">
  4896. <form class="form-horizontal">
  4897. <div class="modal-dialog" role="document">
  4898. <div class="modal-content">
  4899. <div class="modal-header">
  4900. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4901. <h4 class="modal-title">Install App</h4>
  4902. </div>
  4903. <div class="modal-body">
  4904. <div id="divInstallAppAlert"></div>
  4905. <div class="form-group">
  4906. <label for="txtInstallApp" class="col-sm-4 control-label">App Name</label>
  4907. <div class="col-sm-7">
  4908. <input id="txtInstallApp" type="text" class="form-control">
  4909. </div>
  4910. </div>
  4911. <div class="form-group">
  4912. <label for="fileAppZip" class="col-sm-4 control-label">App Zip File</label>
  4913. <div class="col-sm-7">
  4914. <input type="file" class="form-control" id="fileAppZip">
  4915. </div>
  4916. </div>
  4917. </div>
  4918. <div class="modal-footer">
  4919. <button id="btnInstallApp" type="submit" class="btn btn-primary" data-loading-text="Installing..." onclick="installApp(); return false;">Install</button>
  4920. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4921. </div>
  4922. </div>
  4923. </div>
  4924. </form>
  4925. </div>
  4926. <div id="modalUpdateApp" class="modal fade" tabindex="-1" role="dialog">
  4927. <form class="form-horizontal">
  4928. <div class="modal-dialog" role="document">
  4929. <div class="modal-content">
  4930. <div class="modal-header">
  4931. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4932. <h4 class="modal-title">Update App</h4>
  4933. </div>
  4934. <div class="modal-body">
  4935. <div id="divUpdateAppAlert"></div>
  4936. <div class="form-group">
  4937. <label for="txtUpdateApp" class="col-sm-4 control-label">App Name</label>
  4938. <div class="col-sm-7">
  4939. <input id="txtUpdateApp" type="text" class="form-control" disabled>
  4940. </div>
  4941. </div>
  4942. <div class="form-group">
  4943. <label for="fileUpdateAppZip" class="col-sm-4 control-label">App Zip File</label>
  4944. <div class="col-sm-7">
  4945. <input type="file" class="form-control" id="fileUpdateAppZip">
  4946. </div>
  4947. </div>
  4948. </div>
  4949. <div class="modal-footer">
  4950. <button id="btnUpdateApp" type="submit" class="btn btn-primary" data-loading-text="Updating..." onclick="updateApp(); return false;">Update</button>
  4951. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4952. </div>
  4953. </div>
  4954. </div>
  4955. </form>
  4956. </div>
  4957. <div id="modalAppConfig" class="modal fade" tabindex="-1" role="dialog">
  4958. <div class="modal-dialog" role="document" style="width: 780px;">
  4959. <div class="modal-content">
  4960. <div class="modal-header">
  4961. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4962. <h4 class="modal-title">App Config - <span id="lblAppConfigName"></span></h4>
  4963. </div>
  4964. <div class="modal-body">
  4965. <div id="divAppConfigAlert"></div>
  4966. <p>Edit the <code>dnsApp.config</code> config file below as required by the DNS application.</p>
  4967. <div class="form-group">
  4968. <label for="txtAppConfig" class="control-label">Config File</label>
  4969. <textarea id="txtAppConfig" class="form-control" rows="15" spellcheck="false"></textarea>
  4970. </div>
  4971. <p>Note: The app will reload the config automatically after you save it.</p>
  4972. </div>
  4973. <div class="modal-footer">
  4974. <button id="btnAppConfig" type="submit" class="btn btn-primary" data-loading-text="Saving..." onclick="saveAppConfig(); return false;">Save</button>
  4975. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  4976. </div>
  4977. </div>
  4978. </div>
  4979. </div>
  4980. <div id="modalBackupSettings" class="modal fade" tabindex="-1" role="dialog">
  4981. <div class="modal-dialog" role="document">
  4982. <div class="modal-content">
  4983. <div class="modal-header">
  4984. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  4985. <h4 class="modal-title">Backup Settings</h4>
  4986. </div>
  4987. <div class="modal-body">
  4988. <div id="divBackupSettingsAlert"></div>
  4989. <p>The backup process will create a zip file for the items selected below:</p>
  4990. <div class="form-horizontal">
  4991. <div class="form-group">
  4992. <div style="padding-left: 40px;">
  4993. <div class="checkbox">
  4994. <label>
  4995. <input id="chkBackupAuthConfig" type="checkbox" checked> Authentication Config File (auth.config)
  4996. </label>
  4997. </div>
  4998. <div class="checkbox">
  4999. <label>
  5000. <input id="chkBackupDnsSettings" type="checkbox" checked> DNS Settings And Certificate Files (dns.config, *.pfx, &amp; *.p12)
  5001. </label>
  5002. </div>
  5003. <div class="checkbox">
  5004. <label>
  5005. <input id="chkBackupLogSettings" type="checkbox" checked> Log Settings File (log.config)
  5006. </label>
  5007. </div>
  5008. <div class="checkbox">
  5009. <label>
  5010. <input id="chkBackupZones" type="checkbox" checked> DNS Zone Files (*.zone)
  5011. </label>
  5012. </div>
  5013. <div class="checkbox">
  5014. <label>
  5015. <input id="chkBackupAllowedZones" type="checkbox" checked> Allowed Zones File (allowed.config)
  5016. </label>
  5017. </div>
  5018. <div class="checkbox">
  5019. <label>
  5020. <input id="chkBackupBlockedZones" type="checkbox" checked> Blocked Zones File (blocked.config)
  5021. </label>
  5022. </div>
  5023. <div class="checkbox">
  5024. <label>
  5025. <input id="chkBackupScopes" type="checkbox" checked> DHCP Scope Files (*.scope)
  5026. </label>
  5027. </div>
  5028. <div class="checkbox">
  5029. <label>
  5030. <input id="chkBackupApps" type="checkbox" checked> DNS Apps
  5031. </label>
  5032. </div>
  5033. <div class="checkbox">
  5034. <label>
  5035. <input id="chkBackupStats" type="checkbox" checked> Dashboard Stats Files (*.stat, *.dstat)
  5036. </label>
  5037. </div>
  5038. <div class="checkbox">
  5039. <label>
  5040. <input id="chkBackupLogs" type="checkbox"> Log Files (*.log)
  5041. </label>
  5042. </div>
  5043. <div class="checkbox">
  5044. <label>
  5045. <input id="chkBackupBlockLists" type="checkbox" checked> Block List Cache Files
  5046. </label>
  5047. </div>
  5048. </div>
  5049. </div>
  5050. </div>
  5051. <p><b>Note!</b> The Web Service or Optional Protocols TLS certificate (.pfx or .p12) files will be included in the backup only if they exist within the DNS server's config folder.</p>
  5052. <p><b>Note!</b> It may take several minutes to generate the backup zip file if log files are selected to be backed up which will depend on the size of the log files on the disk.</p>
  5053. </div>
  5054. <div class="modal-footer">
  5055. <button type="submit" class="btn btn-primary" data-loading-text="Backup" onclick="backupSettings(); return false;">Backup</button>
  5056. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  5057. </div>
  5058. </div>
  5059. </div>
  5060. </div>
  5061. <div id="modalRestoreSettings" class="modal fade" tabindex="-1" role="dialog">
  5062. <div class="modal-dialog" role="document">
  5063. <div class="modal-content">
  5064. <div class="modal-header">
  5065. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  5066. <h4 class="modal-title">Restore Settings</h4>
  5067. </div>
  5068. <div class="modal-body">
  5069. <div id="divRestoreSettingsAlert"></div>
  5070. <div class="form-horizontal">
  5071. <div class="form-group">
  5072. <label for="fileBackupZip" class="col-sm-3 control-label">Backup Zip File</label>
  5073. <div class="col-sm-6">
  5074. <input type="file" class="form-control" id="fileBackupZip">
  5075. </div>
  5076. </div>
  5077. <p>The restore process will restore all the selected items from the backup zip file:</p>
  5078. <div class="form-group">
  5079. <div style="padding-left: 40px;">
  5080. <div class="checkbox">
  5081. <label>
  5082. <input id="chkRestoreAuthConfig" type="checkbox" checked> Authentication Config File (auth.config)
  5083. </label>
  5084. </div>
  5085. <div class="checkbox">
  5086. <label>
  5087. <input id="chkRestoreDnsSettings" type="checkbox" checked> DNS Settings And Certificate Files (dns.config, *.pfx, &amp; *.p12)
  5088. </label>
  5089. </div>
  5090. <div class="checkbox">
  5091. <label>
  5092. <input id="chkRestoreLogSettings" type="checkbox" checked> Log Settings File (log.config)
  5093. </label>
  5094. </div>
  5095. <div class="checkbox">
  5096. <label>
  5097. <input id="chkRestoreZones" type="checkbox" checked> DNS Zone Files (*.zone)
  5098. </label>
  5099. </div>
  5100. <div class="checkbox">
  5101. <label>
  5102. <input id="chkRestoreAllowedZones" type="checkbox" checked> Allowed Zones File (allowed.config)
  5103. </label>
  5104. </div>
  5105. <div class="checkbox">
  5106. <label>
  5107. <input id="chkRestoreBlockedZones" type="checkbox" checked> Blocked Zones File (blocked.config)
  5108. </label>
  5109. </div>
  5110. <div class="checkbox">
  5111. <label>
  5112. <input id="chkRestoreScopes" type="checkbox" checked> DHCP Scope Files (*.scope)
  5113. </label>
  5114. </div>
  5115. <div class="checkbox">
  5116. <label>
  5117. <input id="chkRestoreApps" type="checkbox" checked> DNS Apps
  5118. </label>
  5119. </div>
  5120. <div class="checkbox">
  5121. <label>
  5122. <input id="chkRestoreStats" type="checkbox" checked> Dashboard Stats Files (*.stat, *.dstat)
  5123. </label>
  5124. </div>
  5125. <div class="checkbox">
  5126. <label>
  5127. <input id="chkRestoreLogs" type="checkbox"> Log Files (*.log)
  5128. </label>
  5129. </div>
  5130. <div class="checkbox">
  5131. <label>
  5132. <input id="chkRestoreBlockLists" type="checkbox" checked> Block List Cache Files
  5133. </label>
  5134. </div>
  5135. </div>
  5136. </div>
  5137. <p>Restore options:</p>
  5138. <div class="form-group">
  5139. <div style="padding-left: 40px;">
  5140. <div class="checkbox">
  5141. <label>
  5142. <input id="chkDeleteExistingFiles" type="checkbox" checked> Delete Existing Files For Selected Items
  5143. </label>
  5144. </div>
  5145. </div>
  5146. </div>
  5147. </div>
  5148. <p><b>Warning!</b> The restore process will overwrite existing config files on disk for above selected items and reload new settings including user accounts from the backup. The current logged in user account and current session will be added automatically.</p>
  5149. </div>
  5150. <div class="modal-footer">
  5151. <button id="btnRestoreSettings" type="submit" class="btn btn-primary" data-loading-text="Restoring..." onclick="restoreSettings(); return false;">Restore</button>
  5152. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  5153. </div>
  5154. </div>
  5155. </div>
  5156. </div>
  5157. <div id="modalTopStats" class="modal fade" tabindex="-1" role="dialog">
  5158. <div class="modal-dialog" role="document">
  5159. <div class="modal-content">
  5160. <div class="modal-header">
  5161. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  5162. <h4 id="lblTopStatsTitle" class="modal-title">Top Stats</h4>
  5163. </div>
  5164. <div class="modal-body">
  5165. <div id="divTopStatsAlert"></div>
  5166. <div id="divTopStatsLoader" style="height: 500px;"></div>
  5167. <div id="divTopStatsData" style="max-height: 500px; overflow-y: auto;">
  5168. <table id="tableTopStatsClients" class="table table-hover">
  5169. <thead>
  5170. <tr>
  5171. <th>Client</th>
  5172. <th>Queries</th>
  5173. <th style="width: 36px;"></th>
  5174. </tr>
  5175. </thead>
  5176. <tbody id="tbodyTopStatsClients">
  5177. </tbody>
  5178. <tfoot>
  5179. <tr><th colspan="3" id="tfootTopStatsClients"></th></tr>
  5180. </tfoot>
  5181. </table>
  5182. <table id="tableTopStatsDomains" class="table table-hover">
  5183. <thead>
  5184. <tr>
  5185. <th>Domain</th>
  5186. <th>Hits</th>
  5187. <th style="width: 36px;"></th>
  5188. </tr>
  5189. </thead>
  5190. <tbody id="tbodyTopStatsDomains">
  5191. </tbody>
  5192. <tfoot>
  5193. <tr><th colspan="3" id="tfootTopStatsDomains"></th></tr>
  5194. </tfoot>
  5195. </table>
  5196. <table id="tableTopStatsBlockedDomains" class="table table-hover">
  5197. <thead>
  5198. <tr>
  5199. <th>Domain</th>
  5200. <th>Hits</th>
  5201. <th style="width: 36px;"></th>
  5202. </tr>
  5203. </thead>
  5204. <tbody id="tbodyTopStatsBlockedDomains">
  5205. </tbody>
  5206. <tfoot>
  5207. <tr><th colspan="3" id="tfootTopStatsBlockedDomains"></th></tr>
  5208. </tfoot>
  5209. </table>
  5210. </div>
  5211. </div>
  5212. <div class="modal-footer">
  5213. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  5214. </div>
  5215. </div>
  5216. </div>
  5217. </div>
  5218. <div id="modalDhcpRemoveLease" class="modal fade" tabindex="-1" role="dialog">
  5219. <div class="modal-dialog" role="document">
  5220. <div class="modal-content">
  5221. <div class="modal-header">
  5222. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  5223. <h4 class="modal-title">Remove Lease?</h4>
  5224. </div>
  5225. <div class="modal-body">
  5226. <div id="divDhcpRemoveLeaseAlert"></div>
  5227. <p><b>WARNING!</b> Removing a DHCP lease from the server side will NOT remove the allocated IP address from the client side. Make sure that the client assigned this lease is not connected to the network before proceeding.</p>
  5228. <p><b>WARNING!</b> Removing a DHCP lease may cause IP address conflict if the DHCP server assigns the same IP address to a new client while the old client is still connected to the network.</p>
  5229. <p>It is not recommended to remove a DHCP lease when the client is still connected or may connect back later to the network before the lease expires. Use this option only as a last resort.</p>
  5230. <p>
  5231. Follow the recommendations below to avoid such a case that requires removing a DHCP lease:
  5232. <ul>
  5233. <li>Use a shorter lease time such that a dynamically allocated lease expires quickly when the client exits the network.</li>
  5234. <li>Use Exclusions to exclude IP address ranges from being dynamically allocated that you plan to assign manually to some of the devices on the network.</li>
  5235. <li>Use Exclusions to make sure that you have unallocated addresses available in the DHCP scope to be assigned as reserved leases in future.</li>
  5236. <li>Rely less on the assigned IP addresses by configuring a domain name for the DHCP scope and accessing all the devices using their domain names.</li>
  5237. </ul>
  5238. </p>
  5239. <p>&nbsp;</p>
  5240. <p>Are you sure you want to remove the DHCP lease now?</p>
  5241. </div>
  5242. <div class="modal-footer">
  5243. <button id="btnRemoveDhcpLease" type="button" class="btn btn-danger" data-loading-text="Removing...">Remove</button>
  5244. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  5245. </div>
  5246. </div>
  5247. </div>
  5248. </div>
  5249. <div id="modalAddUser" class="modal fade" tabindex="-1" role="dialog">
  5250. <form class="form-horizontal">
  5251. <div class="modal-dialog" role="document">
  5252. <div class="modal-content">
  5253. <div class="modal-header">
  5254. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  5255. <h4 class="modal-title">Add User</h4>
  5256. </div>
  5257. <div class="modal-body">
  5258. <div id="divAddUserAlert"></div>
  5259. <div class="form-group">
  5260. <label for="txtAddUserDisplayName" class="col-sm-4 control-label">Display Name</label>
  5261. <div class="col-sm-7">
  5262. <input id="txtAddUserDisplayName" type="text" class="form-control" placeholder="display name" maxlength="255">
  5263. </div>
  5264. </div>
  5265. <div class="form-group">
  5266. <label for="txtAddUserUsername" class="col-sm-4 control-label">Username</label>
  5267. <div class="col-sm-7">
  5268. <input id="txtAddUserUsername" type="text" class="form-control" placeholder="username" maxlength="255">
  5269. </div>
  5270. </div>
  5271. <div class="form-group">
  5272. <label for="txtAddUserPassword" class="col-sm-4 control-label">Password</label>
  5273. <div class="col-sm-7">
  5274. <input id="txtAddUserPassword" type="password" class="form-control" placeholder="password" maxlength="255">
  5275. </div>
  5276. </div>
  5277. <div class="form-group">
  5278. <label for="txtAddUserConfirmPassword" class="col-sm-4 control-label">Confirm Password</label>
  5279. <div class="col-sm-7">
  5280. <input id="txtAddUserConfirmPassword" type="password" class="form-control" placeholder="confirm password" maxlength="255">
  5281. </div>
  5282. </div>
  5283. </div>
  5284. <div class="modal-footer">
  5285. <button id="btnAddUser" type="submit" class="btn btn-primary" data-loading-text="Adding..." onclick="addUser(this); return false;">Add</button>
  5286. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  5287. </div>
  5288. </div>
  5289. </div>
  5290. </form>
  5291. </div>
  5292. <div id="modalUserDetails" class="modal fade" tabindex="-1" role="dialog">
  5293. <form class="form-horizontal">
  5294. <div class="modal-dialog" role="document" style="width: 940px;">
  5295. <div class="modal-content">
  5296. <div class="modal-header">
  5297. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  5298. <h4 class="modal-title">User Details</h4>
  5299. </div>
  5300. <div class="modal-body">
  5301. <div id="divUserDetailsAlert"></div>
  5302. <div id="divUserDetailsLoader" style="height: 500px;"></div>
  5303. <div id="divUserDetailsViewer" style="max-height: 500px; overflow-y: auto; padding: 0 6px; overflow-x: hidden;">
  5304. <div class="form-group">
  5305. <label for="txtUserDetailsDisplayName" class="col-sm-4 control-label">Display Name</label>
  5306. <div class="col-sm-7">
  5307. <input id="txtUserDetailsDisplayName" type="text" class="form-control" placeholder="display name" maxlength="255">
  5308. </div>
  5309. </div>
  5310. <div class="form-group">
  5311. <label for="txtUserDetailsUsername" class="col-sm-4 control-label">Username</label>
  5312. <div class="col-sm-7">
  5313. <input id="txtUserDetailsUsername" type="text" class="form-control" placeholder="username" maxlength="255">
  5314. </div>
  5315. </div>
  5316. <div class="form-group">
  5317. <div class="col-sm-offset-4 col-sm-7">
  5318. <div class="checkbox">
  5319. <label>
  5320. <input id="chkUserDetailsDisableAccount" type="checkbox"> Disable User Account
  5321. </label>
  5322. </div>
  5323. </div>
  5324. </div>
  5325. <div class="form-group">
  5326. <label for="txtUserDetailsSessionTimeout" class="col-sm-4 control-label">Session Timeout</label>
  5327. <div class="col-sm-7">
  5328. <input id="txtUserDetailsSessionTimeout" type="number" class="form-control" placeholder="1800" style="width: 100px; display: inline;">
  5329. <span>seconds (valid range 0-604800; default 1800; set 0 to disable)</span>
  5330. </div>
  5331. </div>
  5332. <div class="form-group">
  5333. <label class="col-sm-4 control-label">Member Of</label>
  5334. <div class="col-sm-7">
  5335. <textarea id="txtUserDetailsMemberOf" class="form-control" rows="5"></textarea>
  5336. <label class="control-label" for="optUserDetailsGroupList">Add Group</label>
  5337. <select id="optUserDetailsGroupList" class="form-control"></select>
  5338. </div>
  5339. </div>
  5340. <div class="well well-sm" style="background-color: #fbfbfb;">
  5341. <p style="font-size: 16px; font-weight: bold;">Active Sessions</p>
  5342. <table id="tableUserDetailsActiveSessions" class="table table-hover" style="margin-bottom: 0px;">
  5343. <thead>
  5344. <tr>
  5345. <th><a href="#" onclick="sortTable('tbodyUserDetailsActiveSessions', 0); return false;">Session</a></th>
  5346. <th><a href="#" onclick="sortTable('tbodyUserDetailsActiveSessions', 1); return false;">Last Seen</a></th>
  5347. <th><a href="#" onclick="sortTable('tbodyUserDetailsActiveSessions', 2); return false;">Remote Address</a></th>
  5348. <th><a href="#" onclick="sortTable('tbodyUserDetailsActiveSessions', 3); return false;">User Agent</a></th>
  5349. <th style="width: 36px;"></th>
  5350. </tr>
  5351. </thead>
  5352. <tbody id="tbodyUserDetailsActiveSessions">
  5353. </tbody>
  5354. <tfoot>
  5355. <tr><th colspan="5" id="tfootUserDetailsActiveSessions"></th></tr>
  5356. </tfoot>
  5357. </table>
  5358. </div>
  5359. </div>
  5360. </div>
  5361. <div class="modal-footer">
  5362. <button id="btnUserDetailsSave" type="submit" class="btn btn-primary" data-loading-text="Saving..." onclick="saveUserDetails(this); return false;">Save</button>
  5363. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  5364. </div>
  5365. </div>
  5366. </div>
  5367. </form>
  5368. </div>
  5369. <div id="modalAddGroup" class="modal fade" tabindex="-1" role="dialog">
  5370. <form class="form-horizontal">
  5371. <div class="modal-dialog" role="document">
  5372. <div class="modal-content">
  5373. <div class="modal-header">
  5374. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  5375. <h4 class="modal-title">Add Group</h4>
  5376. </div>
  5377. <div class="modal-body">
  5378. <div id="divAddGroupAlert"></div>
  5379. <div class="form-group">
  5380. <label for="txtAddGroupName" class="col-sm-4 control-label">Name</label>
  5381. <div class="col-sm-7">
  5382. <input id="txtAddGroupName" type="text" class="form-control" placeholder="group name" maxlength="255">
  5383. </div>
  5384. </div>
  5385. <div class="form-group">
  5386. <label for="txtAddGroupDescription" class="col-sm-4 control-label">Description</label>
  5387. <div class="col-sm-7">
  5388. <textarea id="txtAddGroupDescription" class="form-control" rows="5" maxlength="255"></textarea>
  5389. </div>
  5390. </div>
  5391. </div>
  5392. <div class="modal-footer">
  5393. <button id="btnAddGroup" type="submit" class="btn btn-primary" data-loading-text="Adding..." onclick="addGroup(this); return false;">Add</button>
  5394. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  5395. </div>
  5396. </div>
  5397. </div>
  5398. </form>
  5399. </div>
  5400. <div id="modalGroupDetails" class="modal fade" tabindex="-1" role="dialog">
  5401. <form class="form-horizontal">
  5402. <div class="modal-dialog" role="document">
  5403. <div class="modal-content">
  5404. <div class="modal-header">
  5405. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  5406. <h4 class="modal-title">Group Details</h4>
  5407. </div>
  5408. <div class="modal-body">
  5409. <div id="divGroupDetailsAlert"></div>
  5410. <div id="divGroupDetailsLoader" style="height: 500px;"></div>
  5411. <div id="divGroupDetailsViewer" style="max-height: 500px; overflow-y: auto; padding: 0 6px; overflow-x: hidden;">
  5412. <div class="form-group">
  5413. <label for="txtGroupDetailsName" class="col-sm-4 control-label">Name</label>
  5414. <div class="col-sm-7">
  5415. <input id="txtGroupDetailsName" type="text" class="form-control" placeholder="group name" maxlength="255">
  5416. </div>
  5417. </div>
  5418. <div class="form-group">
  5419. <label for="txtGroupDetailsDescription" class="col-sm-4 control-label">Description</label>
  5420. <div class="col-sm-7">
  5421. <textarea id="txtGroupDetailsDescription" class="form-control" rows="3" maxlength="255"></textarea>
  5422. </div>
  5423. </div>
  5424. <div class="form-group">
  5425. <label class="col-sm-4 control-label">Members</label>
  5426. <div class="col-sm-7">
  5427. <textarea id="txtGroupDetailsMembers" class="form-control" rows="7"></textarea>
  5428. <label class="control-label" for="optGroupDetailsUserList">Add User</label>
  5429. <select id="optGroupDetailsUserList" class="form-control"></select>
  5430. </div>
  5431. </div>
  5432. </div>
  5433. </div>
  5434. <div class="modal-footer">
  5435. <button id="btnGroupDetailsSave" type="submit" class="btn btn-primary" data-loading-text="Saving..." onclick="saveGroupDetails(this); return false;">Save</button>
  5436. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  5437. </div>
  5438. </div>
  5439. </div>
  5440. </form>
  5441. </div>
  5442. <div id="modalEditPermissions" class="modal fade" tabindex="-1" role="dialog">
  5443. <form class="form-horizontal">
  5444. <div class="modal-dialog" role="document" style="width: 780px;">
  5445. <div class="modal-content">
  5446. <div class="modal-header">
  5447. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  5448. <h4 class="modal-title">Edit Permissions - <span id="lblEditPermissionsName"></span></h4>
  5449. </div>
  5450. <div class="modal-body">
  5451. <div id="divEditPermissionsAlert"></div>
  5452. <div id="divEditPermissionsLoader" style="height: 500px;"></div>
  5453. <div id="divEditPermissionsViewer" style="max-height: 500px; overflow-y: auto; padding: 0 6px; overflow-x: hidden;">
  5454. <div class="well well-sm" style="background-color: #fbfbfb;">
  5455. <div class="form-group">
  5456. <label class="col-sm-3 control-label">User Permissions</label>
  5457. <div class="col-sm-9">
  5458. <table id="tableEditPermissionsUser" class="table table-hover">
  5459. <thead>
  5460. <tr>
  5461. <th><a href="#" onclick="sortTable('tbodyEditPermissionsUser', 0); return false;">Username</a></th>
  5462. <th><a href="#" onclick="sortTable('tbodyEditPermissionsUser', 0); return false;" style="width: 65px;">View</a></th>
  5463. <th><a href="#" onclick="sortTable('tbodyEditPermissionsUser', 0); return false;" style="width: 65px;">Modify</a></th>
  5464. <th><a href="#" onclick="sortTable('tbodyEditPermissionsUser', 0); return false;" style="width: 65px;">Delete</a></th>
  5465. <th style="width: 76px;"></th>
  5466. </tr>
  5467. </thead>
  5468. <tbody id="tbodyEditPermissionsUser"></tbody>
  5469. </table>
  5470. <label class="control-label" for="optEditPermissionsUserList">Add User</label>
  5471. <select id="optEditPermissionsUserList" class="form-control"></select>
  5472. </div>
  5473. </div>
  5474. </div>
  5475. <div class="well well-sm" style="background-color: #fbfbfb;">
  5476. <div class="form-group">
  5477. <label class="col-sm-3 control-label">Group Permissions</label>
  5478. <div class="col-sm-9">
  5479. <table id="tableEditPermissionsGroup" class="table table-hover">
  5480. <thead>
  5481. <tr>
  5482. <th><a href="#" onclick="sortTable('tbodyEditPermissionsGroup', 0); return false;">Group</a></th>
  5483. <th><a href="#" onclick="sortTable('tbodyEditPermissionsGroup', 0); return false;" style="width: 65px;">View</a></th>
  5484. <th><a href="#" onclick="sortTable('tbodyEditPermissionsGroup', 0); return false;" style="width: 65px;">Modify</a></th>
  5485. <th><a href="#" onclick="sortTable('tbodyEditPermissionsGroup', 0); return false;" style="width: 65px;">Delete</a></th>
  5486. <th style="width: 76px;"></th>
  5487. </tr>
  5488. </thead>
  5489. <tbody id="tbodyEditPermissionsGroup"></tbody>
  5490. </table>
  5491. <label class="control-label" for="optEditPermissionsGroupList">Add Group</label>
  5492. <select id="optEditPermissionsGroupList" class="form-control"></select>
  5493. </div>
  5494. </div>
  5495. </div>
  5496. </div>
  5497. </div>
  5498. <div class="modal-footer">
  5499. <button id="btnEditPermissionsSave" type="submit" class="btn btn-primary" data-loading-text="Saving...">Save</button>
  5500. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  5501. </div>
  5502. </div>
  5503. </div>
  5504. </form>
  5505. </div>
  5506. <div id="footer"></div>
  5507. </body>
  5508. </html>