35 |
36 |
37 | ## Screenshots
38 |
39 |
40 | |
| 
|
41 | |-|-|
42 | ||
|
43 |
44 | ## Licenze
45 |
46 |
47 | ### SubnettingSolver
48 |
49 | **Copyright** 2024 Vittorio Piotti [(GitHub page)](https://github.com/vittorioPiotti) [(Personal page)](https://vittoriopiotti.altervista.org/)
50 |
51 | **Version** [v1.0.0](https://github.com/vittorioPiotti/SubnettingSolver-Bootstrap/releases/tag/v1.0.0)
52 |
53 | **License** [GPL-3.0](https://github.com/vittorioPiotti/SubnettingSolver-Bootstrap/blob/main/LICENSE.md)
54 |
55 |
56 | ---
57 |
58 | ### Bootstrap
59 |
60 | **Copyright** 2011-2018 The Bootstrap Authors
61 |
62 | **Version** [v5.2](https://github.com/twbs/bootstrap/releases/tag/v5.2.0)
63 |
64 | **License** [MIT](https://github.com/twbs/bootstrap/blob/main/LICENSE)
65 |
66 |
67 |
--------------------------------------------------------------------------------
/SECURITY.md:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/css/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vittorioPiotti/SubnettingSolver-Bootstrap/6b58d6b26c6106d1c70d4db079964d4022b51290/css/.DS_Store
--------------------------------------------------------------------------------
/css/main.css:
--------------------------------------------------------------------------------
1 | /*
2 | Subnetting-Bootstrap v1.0.0 (https://github.com/vittorioPiotti/Subnetting-Bootstrap/releases/tag/1.0.0)
3 | Copyright 2024 Vittorio Piotti
4 | Licensed under GPL-3.0 (https://github.com/vittorioPiotti/Subnetting-Bootstrap/blob/main/LICENSE.md)
5 | */
6 |
7 |
8 |
9 | #linkGitHub{
10 | text-decoration: none;
11 | color: black;
12 | transition:0.5s;
13 | }
14 |
15 | #linkGitHub:hover {
16 | color: #008cff;
17 | transition:0.5s;
18 | }
19 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
6 |
7 |
12 |
13 |
14 |
15 |
16 |
37 |
93 |
112 |
113 |
114 |
115 |
116 |
--------------------------------------------------------------------------------
/js/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vittorioPiotti/SubnettingSolver-Bootstrap/6b58d6b26c6106d1c70d4db079964d4022b51290/js/.DS_Store
--------------------------------------------------------------------------------
/js/bootstrap.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v5.3.0-alpha3 (https://getbootstrap.com/)
3 | * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
5 | */
6 | !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@popperjs/core")):"function"==typeof define&&define.amd?define(["@popperjs/core"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e(t.Popper)}(this,(function(t){"use strict";function e(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const s in t)if("default"!==s){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}return e.default=t,Object.freeze(e)}const s=e(t),i=new Map,n={set(t,e,s){i.has(t)||i.set(t,new Map);const n=i.get(t);n.has(e)||0===n.size?n.set(e,s):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`)},get:(t,e)=>i.has(t)&&i.get(t).get(e)||null,remove(t,e){if(!i.has(t))return;const s=i.get(t);s.delete(e),0===s.size&&i.delete(t)}},o="transitionend",r=t=>(t&&window.CSS&&window.CSS.escape&&(t=t.replace(/#([^\s"#']+)/g,((t,e)=>`#${CSS.escape(e)}`))),t),a=t=>{t.dispatchEvent(new Event(o))},l=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),c=t=>l(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(r(t)):null,h=t=>{if(!l(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),s=t.closest("details:not([open])");if(!s)return e;if(s!==t){const e=t.closest("summary");if(e&&e.parentNode!==s)return!1;if(null===e)return!1}return e},d=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),u=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?u(t.parentNode):null},_=()=>{},g=t=>{t.offsetHeight},f=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,m=[],p=()=>"rtl"===document.documentElement.dir,b=t=>{var e;e=()=>{const e=f();if(e){const s=t.NAME,i=e.fn[s];e.fn[s]=t.jQueryInterface,e.fn[s].Constructor=t,e.fn[s].noConflict=()=>(e.fn[s]=i,t.jQueryInterface)}},"loading"===document.readyState?(m.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of m)t()})),m.push(e)):e()},v=(t,e=[],s=t)=>"function"==typeof t?t(...e):s,y=(t,e,s=!0)=>{if(!s)return void v(t);const i=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:s}=window.getComputedStyle(t);const i=Number.parseFloat(e),n=Number.parseFloat(s);return i||n?(e=e.split(",")[0],s=s.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(s))):0})(e)+5;let n=!1;const r=({target:s})=>{s===e&&(n=!0,e.removeEventListener(o,r),v(t))};e.addEventListener(o,r),setTimeout((()=>{n||a(e)}),i)},w=(t,e,s,i)=>{const n=t.length;let o=t.indexOf(e);return-1===o?!s&&i?t[n-1]:t[0]:(o+=s?1:-1,i&&(o=(o+n)%n),t[Math.max(0,Math.min(o,n-1))])},A=/[^.]*(?=\..*)\.|.*/,E=/\..*/,C=/::\d+$/,T={};let k=1;const S={mouseenter:"mouseover",mouseleave:"mouseout"},L=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function O(t,e){return e&&`${e}::${k++}`||t.uidEvent||k++}function I(t){const e=O(t);return t.uidEvent=e,T[e]=T[e]||{},T[e]}function D(t,e,s=null){return Object.values(t).find((t=>t.callable===e&&t.delegationSelector===s))}function N(t,e,s){const i="string"==typeof e,n=i?s:e||s;let o=j(t);return L.has(o)||(o=t),[i,n,o]}function P(t,e,s,i,n){if("string"!=typeof e||!t)return;let[o,r,a]=N(e,s,i);if(e in S){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};r=t(r)}const l=I(t),c=l[a]||(l[a]={}),h=D(c,r,o?s:null);if(h)return void(h.oneOff=h.oneOff&&n);const d=O(r,e.replace(A,"")),u=o?function(t,e,s){return function i(n){const o=t.querySelectorAll(e);for(let{target:r}=n;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return $(n,{delegateTarget:r}),i.oneOff&&F.off(t,n.type,e,s),s.apply(r,[n])}}(t,s,r):function(t,e){return function s(i){return $(i,{delegateTarget:t}),s.oneOff&&F.off(t,i.type,e),e.apply(t,[i])}}(t,r);u.delegationSelector=o?s:null,u.callable=r,u.oneOff=n,u.uidEvent=d,c[d]=u,t.addEventListener(a,u,o)}function x(t,e,s,i,n){const o=D(e[s],i,n);o&&(t.removeEventListener(s,o,Boolean(n)),delete e[s][o.uidEvent])}function M(t,e,s,i){const n=e[s]||{};for(const[o,r]of Object.entries(n))o.includes(i)&&x(t,e,s,r.callable,r.delegationSelector)}function j(t){return t=t.replace(E,""),S[t]||t}const F={on(t,e,s,i){P(t,e,s,i,!1)},one(t,e,s,i){P(t,e,s,i,!0)},off(t,e,s,i){if("string"!=typeof e||!t)return;const[n,o,r]=N(e,s,i),a=r!==e,l=I(t),c=l[r]||{},h=e.startsWith(".");if(void 0===o){if(h)for(const s of Object.keys(l))M(t,l,s,e.slice(1));for(const[s,i]of Object.entries(c)){const n=s.replace(C,"");a&&!e.includes(n)||x(t,l,r,i.callable,i.delegationSelector)}}else{if(!Object.keys(c).length)return;x(t,l,r,o,n?s:null)}},trigger(t,e,s){if("string"!=typeof e||!t)return null;const i=f();let n=null,o=!0,r=!0,a=!1;e!==j(e)&&i&&(n=i.Event(e,s),i(t).trigger(n),o=!n.isPropagationStopped(),r=!n.isImmediatePropagationStopped(),a=n.isDefaultPrevented());const l=$(new Event(e,{bubbles:o,cancelable:!0}),s);return a&&l.preventDefault(),r&&t.dispatchEvent(l),l.defaultPrevented&&n&&n.preventDefault(),l}};function $(t,e={}){for(const[s,i]of Object.entries(e))try{t[s]=i}catch(e){Object.defineProperty(t,s,{configurable:!0,get:()=>i})}return t}function z(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function H(t){return t.replace(/[A-Z]/g,(t=>`-${t.toLowerCase()}`))}const B={setDataAttribute(t,e,s){t.setAttribute(`data-bs-${H(e)}`,s)},removeDataAttribute(t,e){t.removeAttribute(`data-bs-${H(e)}`)},getDataAttributes(t){if(!t)return{};const e={},s=Object.keys(t.dataset).filter((t=>t.startsWith("bs")&&!t.startsWith("bsConfig")));for(const i of s){let s=i.replace(/^bs/,"");s=s.charAt(0).toLowerCase()+s.slice(1,s.length),e[s]=z(t.dataset[i])}return e},getDataAttribute:(t,e)=>z(t.getAttribute(`data-bs-${H(e)}`))};class q{static get Default(){return{}}static get DefaultType(){return{}}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}_getConfig(t){return t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t}_mergeConfigObj(t,e){const s=l(e)?B.getDataAttribute(e,"config"):{};return{...this.constructor.Default,..."object"==typeof s?s:{},...l(e)?B.getDataAttributes(e):{},..."object"==typeof t?t:{}}}_typeCheckConfig(t,e=this.constructor.DefaultType){for(const[i,n]of Object.entries(e)){const e=t[i],o=l(e)?"element":null==(s=e)?`${s}`:Object.prototype.toString.call(s).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(n).test(o))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${i}" provided type "${o}" but expected type "${n}".`)}var s}}class W extends q{constructor(t,e){super(),(t=c(t))&&(this._element=t,this._config=this._getConfig(e),n.set(this._element,this.constructor.DATA_KEY,this))}dispose(){n.remove(this._element,this.constructor.DATA_KEY),F.off(this._element,this.constructor.EVENT_KEY);for(const t of Object.getOwnPropertyNames(this))this[t]=null}_queueCallback(t,e,s=!0){y(t,e,s)}_getConfig(t){return t=this._mergeConfigObj(t,this._element),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}static getInstance(t){return n.get(c(t),this.DATA_KEY)}static getOrCreateInstance(t,e={}){return this.getInstance(t)||new this(t,"object"==typeof e?e:null)}static get VERSION(){return"5.3.0-alpha2"}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(t){return`${t}${this.EVENT_KEY}`}}const R=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let s=t.getAttribute("href");if(!s||!s.includes("#")&&!s.startsWith("."))return null;s.includes("#")&&!s.startsWith("#")&&(s=`#${s.split("#")[1]}`),e=s&&"#"!==s?s.trim():null}return r(e)},V={find:(t,e=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(e,t)),findOne:(t,e=document.documentElement)=>Element.prototype.querySelector.call(e,t),children:(t,e)=>[].concat(...t.children).filter((t=>t.matches(e))),parents(t,e){const s=[];let i=t.parentNode.closest(e);for(;i;)s.push(i),i=i.parentNode.closest(e);return s},prev(t,e){let s=t.previousElementSibling;for(;s;){if(s.matches(e))return[s];s=s.previousElementSibling}return[]},next(t,e){let s=t.nextElementSibling;for(;s;){if(s.matches(e))return[s];s=s.nextElementSibling}return[]},focusableChildren(t){const e=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((t=>`${t}:not([tabindex^="-"])`)).join(",");return this.find(e,t).filter((t=>!d(t)&&h(t)))},getSelectorFromElement(t){const e=R(t);return e&&V.findOne(e)?e:null},getElementFromSelector(t){const e=R(t);return e?V.findOne(e):null},getMultipleElementsFromSelector(t){const e=R(t);return e?V.find(e):[]}},K=(t,e="hide")=>{const s=`click.dismiss${t.EVENT_KEY}`,i=t.NAME;F.on(document,s,`[data-bs-dismiss="${i}"]`,(function(s){if(["A","AREA"].includes(this.tagName)&&s.preventDefault(),d(this))return;const n=V.getElementFromSelector(this)||this.closest(`.${i}`);t.getOrCreateInstance(n)[e]()}))};class Q extends W{static get NAME(){return"alert"}close(){if(F.trigger(this._element,"close.bs.alert").defaultPrevented)return;this._element.classList.remove("show");const t=this._element.classList.contains("fade");this._queueCallback((()=>this._destroyElement()),this._element,t)}_destroyElement(){this._element.remove(),F.trigger(this._element,"closed.bs.alert"),this.dispose()}static jQueryInterface(t){return this.each((function(){const e=Q.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}K(Q,"close"),b(Q);const X='[data-bs-toggle="button"]';class Y extends W{static get NAME(){return"button"}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){const e=Y.getOrCreateInstance(this);"toggle"===t&&e[t]()}))}}F.on(document,"click.bs.button.data-api",X,(t=>{t.preventDefault();const e=t.target.closest(X);Y.getOrCreateInstance(e).toggle()})),b(Y);const U={endCallback:null,leftCallback:null,rightCallback:null},G={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"};class J extends q{constructor(t,e){super(),this._element=t,t&&J.isSupported()&&(this._config=this._getConfig(e),this._deltaX=0,this._supportPointerEvents=Boolean(window.PointerEvent),this._initEvents())}static get Default(){return U}static get DefaultType(){return G}static get NAME(){return"swipe"}dispose(){F.off(this._element,".bs.swipe")}_start(t){this._supportPointerEvents?this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX):this._deltaX=t.touches[0].clientX}_end(t){this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX-this._deltaX),this._handleSwipe(),v(this._config.endCallback)}_move(t){this._deltaX=t.touches&&t.touches.length>1?0:t.touches[0].clientX-this._deltaX}_handleSwipe(){const t=Math.abs(this._deltaX);if(t<=40)return;const e=t/this._deltaX;this._deltaX=0,e&&v(e>0?this._config.rightCallback:this._config.leftCallback)}_initEvents(){this._supportPointerEvents?(F.on(this._element,"pointerdown.bs.swipe",(t=>this._start(t))),F.on(this._element,"pointerup.bs.swipe",(t=>this._end(t))),this._element.classList.add("pointer-event")):(F.on(this._element,"touchstart.bs.swipe",(t=>this._start(t))),F.on(this._element,"touchmove.bs.swipe",(t=>this._move(t))),F.on(this._element,"touchend.bs.swipe",(t=>this._end(t))))}_eventIsPointerPenTouch(t){return this._supportPointerEvents&&("pen"===t.pointerType||"touch"===t.pointerType)}static isSupported(){return"ontouchstart"in document.documentElement||navigator.maxTouchPoints>0}}const Z="next",tt="prev",et="left",st="right",it="slid.bs.carousel",nt="carousel",ot="active",rt={ArrowLeft:st,ArrowRight:et},at={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},lt={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"};class ct extends W{constructor(t,e){super(t,e),this._interval=null,this._activeElement=null,this._isSliding=!1,this.touchTimeout=null,this._swipeHelper=null,this._indicatorsElement=V.findOne(".carousel-indicators",this._element),this._addEventListeners(),this._config.ride===nt&&this.cycle()}static get Default(){return at}static get DefaultType(){return lt}static get NAME(){return"carousel"}next(){this._slide(Z)}nextWhenVisible(){!document.hidden&&h(this._element)&&this.next()}prev(){this._slide(tt)}pause(){this._isSliding&&a(this._element),this._clearInterval()}cycle(){this._clearInterval(),this._updateInterval(),this._interval=setInterval((()=>this.nextWhenVisible()),this._config.interval)}_maybeEnableCycle(){this._config.ride&&(this._isSliding?F.one(this._element,it,(()=>this.cycle())):this.cycle())}to(t){const e=this._getItems();if(t>e.length-1||t<0)return;if(this._isSliding)return void F.one(this._element,it,(()=>this.to(t)));const s=this._getItemIndex(this._getActive());if(s===t)return;const i=t>s?Z:tt;this._slide(i,e[t])}dispose(){this._swipeHelper&&this._swipeHelper.dispose(),super.dispose()}_configAfterMerge(t){return t.defaultInterval=t.interval,t}_addEventListeners(){this._config.keyboard&&F.on(this._element,"keydown.bs.carousel",(t=>this._keydown(t))),"hover"===this._config.pause&&(F.on(this._element,"mouseenter.bs.carousel",(()=>this.pause())),F.on(this._element,"mouseleave.bs.carousel",(()=>this._maybeEnableCycle()))),this._config.touch&&J.isSupported()&&this._addTouchEventListeners()}_addTouchEventListeners(){for(const t of V.find(".carousel-item img",this._element))F.on(t,"dragstart.bs.carousel",(t=>t.preventDefault()));const t={leftCallback:()=>this._slide(this._directionToOrder(et)),rightCallback:()=>this._slide(this._directionToOrder(st)),endCallback:()=>{"hover"===this._config.pause&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout((()=>this._maybeEnableCycle()),500+this._config.interval))}};this._swipeHelper=new J(this._element,t)}_keydown(t){if(/input|textarea/i.test(t.target.tagName))return;const e=rt[t.key];e&&(t.preventDefault(),this._slide(this._directionToOrder(e)))}_getItemIndex(t){return this._getItems().indexOf(t)}_setActiveIndicatorElement(t){if(!this._indicatorsElement)return;const e=V.findOne(".active",this._indicatorsElement);e.classList.remove(ot),e.removeAttribute("aria-current");const s=V.findOne(`[data-bs-slide-to="${t}"]`,this._indicatorsElement);s&&(s.classList.add(ot),s.setAttribute("aria-current","true"))}_updateInterval(){const t=this._activeElement||this._getActive();if(!t)return;const e=Number.parseInt(t.getAttribute("data-bs-interval"),10);this._config.interval=e||this._config.defaultInterval}_slide(t,e=null){if(this._isSliding)return;const s=this._getActive(),i=t===Z,n=e||w(this._getItems(),s,i,this._config.wrap);if(n===s)return;const o=this._getItemIndex(n),r=e=>F.trigger(this._element,e,{relatedTarget:n,direction:this._orderToDirection(t),from:this._getItemIndex(s),to:o});if(r("slide.bs.carousel").defaultPrevented)return;if(!s||!n)return;const a=Boolean(this._interval);this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=n;const l=i?"carousel-item-start":"carousel-item-end",c=i?"carousel-item-next":"carousel-item-prev";n.classList.add(c),g(n),s.classList.add(l),n.classList.add(l),this._queueCallback((()=>{n.classList.remove(l,c),n.classList.add(ot),s.classList.remove(ot,c,l),this._isSliding=!1,r(it)}),s,this._isAnimated()),a&&this.cycle()}_isAnimated(){return this._element.classList.contains("slide")}_getActive(){return V.findOne(".active.carousel-item",this._element)}_getItems(){return V.find(".carousel-item",this._element)}_clearInterval(){this._interval&&(clearInterval(this._interval),this._interval=null)}_directionToOrder(t){return p()?t===et?tt:Z:t===et?Z:tt}_orderToDirection(t){return p()?t===tt?et:st:t===tt?st:et}static jQueryInterface(t){return this.each((function(){const e=ct.getOrCreateInstance(this,t);if("number"!=typeof t){if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}else e.to(t)}))}}F.on(document,"click.bs.carousel.data-api","[data-bs-slide], [data-bs-slide-to]",(function(t){const e=V.getElementFromSelector(this);if(!e||!e.classList.contains(nt))return;t.preventDefault();const s=ct.getOrCreateInstance(e),i=this.getAttribute("data-bs-slide-to");return i?(s.to(i),void s._maybeEnableCycle()):"next"===B.getDataAttribute(this,"slide")?(s.next(),void s._maybeEnableCycle()):(s.prev(),void s._maybeEnableCycle())})),F.on(window,"load.bs.carousel.data-api",(()=>{const t=V.find('[data-bs-ride="carousel"]');for(const e of t)ct.getOrCreateInstance(e)})),b(ct);const ht="show",dt="collapse",ut="collapsing",_t='[data-bs-toggle="collapse"]',gt={parent:null,toggle:!0},ft={parent:"(null|element)",toggle:"boolean"};class mt extends W{constructor(t,e){super(t,e),this._isTransitioning=!1,this._triggerArray=[];const s=V.find(_t);for(const t of s){const e=V.getSelectorFromElement(t),s=V.find(e).filter((t=>t===this._element));null!==e&&s.length&&this._triggerArray.push(t)}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return gt}static get DefaultType(){return ft}static get NAME(){return"collapse"}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let t=[];if(this._config.parent&&(t=this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter((t=>t!==this._element)).map((t=>mt.getOrCreateInstance(t,{toggle:!1})))),t.length&&t[0]._isTransitioning)return;if(F.trigger(this._element,"show.bs.collapse").defaultPrevented)return;for(const e of t)e.hide();const e=this._getDimension();this._element.classList.remove(dt),this._element.classList.add(ut),this._element.style[e]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;const s=`scroll${e[0].toUpperCase()+e.slice(1)}`;this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(ut),this._element.classList.add(dt,ht),this._element.style[e]="",F.trigger(this._element,"shown.bs.collapse")}),this._element,!0),this._element.style[e]=`${this._element[s]}px`}hide(){if(this._isTransitioning||!this._isShown())return;if(F.trigger(this._element,"hide.bs.collapse").defaultPrevented)return;const t=this._getDimension();this._element.style[t]=`${this._element.getBoundingClientRect()[t]}px`,g(this._element),this._element.classList.add(ut),this._element.classList.remove(dt,ht);for(const t of this._triggerArray){const e=V.getElementFromSelector(t);e&&!this._isShown(e)&&this._addAriaAndCollapsedClass([t],!1)}this._isTransitioning=!0,this._element.style[t]="",this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(ut),this._element.classList.add(dt),F.trigger(this._element,"hidden.bs.collapse")}),this._element,!0)}_isShown(t=this._element){return t.classList.contains(ht)}_configAfterMerge(t){return t.toggle=Boolean(t.toggle),t.parent=c(t.parent),t}_getDimension(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}_initializeChildren(){if(!this._config.parent)return;const t=this._getFirstLevelChildren(_t);for(const e of t){const t=V.getElementFromSelector(e);t&&this._addAriaAndCollapsedClass([e],this._isShown(t))}}_getFirstLevelChildren(t){const e=V.find(":scope .collapse .collapse",this._config.parent);return V.find(t,this._config.parent).filter((t=>!e.includes(t)))}_addAriaAndCollapsedClass(t,e){if(t.length)for(const s of t)s.classList.toggle("collapsed",!e),s.setAttribute("aria-expanded",e)}static jQueryInterface(t){const e={};return"string"==typeof t&&/show|hide/.test(t)&&(e.toggle=!1),this.each((function(){const s=mt.getOrCreateInstance(this,e);if("string"==typeof t){if(void 0===s[t])throw new TypeError(`No method named "${t}"`);s[t]()}}))}}F.on(document,"click.bs.collapse.data-api",_t,(function(t){("A"===t.target.tagName||t.delegateTarget&&"A"===t.delegateTarget.tagName)&&t.preventDefault();for(const t of V.getMultipleElementsFromSelector(this))mt.getOrCreateInstance(t,{toggle:!1}).toggle()})),b(mt);const pt="dropdown",bt="ArrowUp",vt="ArrowDown",yt="click.bs.dropdown.data-api",wt="keydown.bs.dropdown.data-api",At="show",Et='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',Ct=`${Et}.show`,Tt=".dropdown-menu",kt=p()?"top-end":"top-start",St=p()?"top-start":"top-end",Lt=p()?"bottom-end":"bottom-start",Ot=p()?"bottom-start":"bottom-end",It=p()?"left-start":"right-start",Dt=p()?"right-start":"left-start",Nt={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},Pt={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"};class xt extends W{constructor(t,e){super(t,e),this._popper=null,this._parent=this._element.parentNode,this._menu=V.next(this._element,Tt)[0]||V.prev(this._element,Tt)[0]||V.findOne(Tt,this._parent),this._inNavbar=this._detectNavbar()}static get Default(){return Nt}static get DefaultType(){return Pt}static get NAME(){return pt}toggle(){return this._isShown()?this.hide():this.show()}show(){if(d(this._element)||this._isShown())return;const t={relatedTarget:this._element};if(!F.trigger(this._element,"show.bs.dropdown",t).defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav"))for(const t of[].concat(...document.body.children))F.on(t,"mouseover",_);this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(At),this._element.classList.add(At),F.trigger(this._element,"shown.bs.dropdown",t)}}hide(){if(d(this._element)||!this._isShown())return;const t={relatedTarget:this._element};this._completeHide(t)}dispose(){this._popper&&this._popper.destroy(),super.dispose()}update(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}_completeHide(t){if(!F.trigger(this._element,"hide.bs.dropdown",t).defaultPrevented){if("ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))F.off(t,"mouseover",_);this._popper&&this._popper.destroy(),this._menu.classList.remove(At),this._element.classList.remove(At),this._element.setAttribute("aria-expanded","false"),B.removeDataAttribute(this._menu,"popper"),F.trigger(this._element,"hidden.bs.dropdown",t)}}_getConfig(t){if("object"==typeof(t=super._getConfig(t)).reference&&!l(t.reference)&&"function"!=typeof t.reference.getBoundingClientRect)throw new TypeError(`${pt.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);return t}_createPopper(){if(void 0===s)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)");let t=this._element;"parent"===this._config.reference?t=this._parent:l(this._config.reference)?t=c(this._config.reference):"object"==typeof this._config.reference&&(t=this._config.reference);const e=this._getPopperConfig();this._popper=s.createPopper(t,this._menu,e)}_isShown(){return this._menu.classList.contains(At)}_getPlacement(){const t=this._parent;if(t.classList.contains("dropend"))return It;if(t.classList.contains("dropstart"))return Dt;if(t.classList.contains("dropup-center"))return"top";if(t.classList.contains("dropdown-center"))return"bottom";const e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim();return t.classList.contains("dropup")?e?St:kt:e?Ot:Lt}_detectNavbar(){return null!==this._element.closest(".navbar")}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_getPopperConfig(){const t={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return(this._inNavbar||"static"===this._config.display)&&(B.setDataAttribute(this._menu,"popper","static"),t.modifiers=[{name:"applyStyles",enabled:!1}]),{...t,...v(this._config.popperConfig,[t])}}_selectMenuItem({key:t,target:e}){const s=V.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter((t=>h(t)));s.length&&w(s,e,t===vt,!s.includes(e)).focus()}static jQueryInterface(t){return this.each((function(){const e=xt.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}static clearMenus(t){if(2===t.button||"keyup"===t.type&&"Tab"!==t.key)return;const e=V.find(Ct);for(const s of e){const e=xt.getInstance(s);if(!e||!1===e._config.autoClose)continue;const i=t.composedPath(),n=i.includes(e._menu);if(i.includes(e._element)||"inside"===e._config.autoClose&&!n||"outside"===e._config.autoClose&&n)continue;if(e._menu.contains(t.target)&&("keyup"===t.type&&"Tab"===t.key||/input|select|option|textarea|form/i.test(t.target.tagName)))continue;const o={relatedTarget:e._element};"click"===t.type&&(o.clickEvent=t),e._completeHide(o)}}static dataApiKeydownHandler(t){const e=/input|textarea/i.test(t.target.tagName),s="Escape"===t.key,i=[bt,vt].includes(t.key);if(!i&&!s)return;if(e&&!s)return;t.preventDefault();const n=this.matches(Et)?this:V.prev(this,Et)[0]||V.next(this,Et)[0]||V.findOne(Et,t.delegateTarget.parentNode),o=xt.getOrCreateInstance(n);if(i)return t.stopPropagation(),o.show(),void o._selectMenuItem(t);o._isShown()&&(t.stopPropagation(),o.hide(),n.focus())}}F.on(document,wt,Et,xt.dataApiKeydownHandler),F.on(document,wt,Tt,xt.dataApiKeydownHandler),F.on(document,yt,xt.clearMenus),F.on(document,"keyup.bs.dropdown.data-api",xt.clearMenus),F.on(document,yt,Et,(function(t){t.preventDefault(),xt.getOrCreateInstance(this).toggle()})),b(xt);const Mt="show",jt="mousedown.bs.backdrop",Ft={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},$t={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"};class zt extends q{constructor(t){super(),this._config=this._getConfig(t),this._isAppended=!1,this._element=null}static get Default(){return Ft}static get DefaultType(){return $t}static get NAME(){return"backdrop"}show(t){if(!this._config.isVisible)return void v(t);this._append();const e=this._getElement();this._config.isAnimated&&g(e),e.classList.add(Mt),this._emulateAnimation((()=>{v(t)}))}hide(t){this._config.isVisible?(this._getElement().classList.remove(Mt),this._emulateAnimation((()=>{this.dispose(),v(t)}))):v(t)}dispose(){this._isAppended&&(F.off(this._element,jt),this._element.remove(),this._isAppended=!1)}_getElement(){if(!this._element){const t=document.createElement("div");t.className=this._config.className,this._config.isAnimated&&t.classList.add("fade"),this._element=t}return this._element}_configAfterMerge(t){return t.rootElement=c(t.rootElement),t}_append(){if(this._isAppended)return;const t=this._getElement();this._config.rootElement.append(t),F.on(t,jt,(()=>{v(this._config.clickCallback)})),this._isAppended=!0}_emulateAnimation(t){y(t,this._getElement(),this._config.isAnimated)}}const Ht=".bs.focustrap",Bt="backward",qt={autofocus:!0,trapElement:null},Wt={autofocus:"boolean",trapElement:"element"};class Rt extends q{constructor(t){super(),this._config=this._getConfig(t),this._isActive=!1,this._lastTabNavDirection=null}static get Default(){return qt}static get DefaultType(){return Wt}static get NAME(){return"focustrap"}activate(){this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),F.off(document,Ht),F.on(document,"focusin.bs.focustrap",(t=>this._handleFocusin(t))),F.on(document,"keydown.tab.bs.focustrap",(t=>this._handleKeydown(t))),this._isActive=!0)}deactivate(){this._isActive&&(this._isActive=!1,F.off(document,Ht))}_handleFocusin(t){const{trapElement:e}=this._config;if(t.target===document||t.target===e||e.contains(t.target))return;const s=V.focusableChildren(e);0===s.length?e.focus():this._lastTabNavDirection===Bt?s[s.length-1].focus():s[0].focus()}_handleKeydown(t){"Tab"===t.key&&(this._lastTabNavDirection=t.shiftKey?Bt:"forward")}}const Vt=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",Kt=".sticky-top",Qt="padding-right",Xt="margin-right";class Yt{constructor(){this._element=document.body}getWidth(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}hide(){const t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,Qt,(e=>e+t)),this._setElementAttributes(Vt,Qt,(e=>e+t)),this._setElementAttributes(Kt,Xt,(e=>e-t))}reset(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,Qt),this._resetElementAttributes(Vt,Qt),this._resetElementAttributes(Kt,Xt)}isOverflowing(){return this.getWidth()>0}_disableOverFlow(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}_setElementAttributes(t,e,s){const i=this.getWidth();this._applyManipulationCallback(t,(t=>{if(t!==this._element&&window.innerWidth>t.clientWidth+i)return;this._saveInitialAttribute(t,e);const n=window.getComputedStyle(t).getPropertyValue(e);t.style.setProperty(e,`${s(Number.parseFloat(n))}px`)}))}_saveInitialAttribute(t,e){const s=t.style.getPropertyValue(e);s&&B.setDataAttribute(t,e,s)}_resetElementAttributes(t,e){this._applyManipulationCallback(t,(t=>{const s=B.getDataAttribute(t,e);null!==s?(B.removeDataAttribute(t,e),t.style.setProperty(e,s)):t.style.removeProperty(e)}))}_applyManipulationCallback(t,e){if(l(t))e(t);else for(const s of V.find(t,this._element))e(s)}}const Ut=".bs.modal",Gt="hidden.bs.modal",Jt="show.bs.modal",Zt="modal-open",te="show",ee="modal-static",se={backdrop:!0,focus:!0,keyboard:!0},ie={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"};class ne extends W{constructor(t,e){super(t,e),this._dialog=V.findOne(".modal-dialog",this._element),this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._isShown=!1,this._isTransitioning=!1,this._scrollBar=new Yt,this._addEventListeners()}static get Default(){return se}static get DefaultType(){return ie}static get NAME(){return"modal"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||this._isTransitioning||F.trigger(this._element,Jt,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(Zt),this._adjustDialog(),this._backdrop.show((()=>this._showElement(t))))}hide(){this._isShown&&!this._isTransitioning&&(F.trigger(this._element,"hide.bs.modal").defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove(te),this._queueCallback((()=>this._hideModal()),this._element,this._isAnimated())))}dispose(){F.off(window,Ut),F.off(this._dialog,Ut),this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new zt({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}_initializeFocusTrap(){return new Rt({trapElement:this._element})}_showElement(t){document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0;const e=V.findOne(".modal-body",this._dialog);e&&(e.scrollTop=0),g(this._element),this._element.classList.add(te),this._queueCallback((()=>{this._config.focus&&this._focustrap.activate(),this._isTransitioning=!1,F.trigger(this._element,"shown.bs.modal",{relatedTarget:t})}),this._dialog,this._isAnimated())}_addEventListeners(){F.on(this._element,"keydown.dismiss.bs.modal",(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():this._triggerBackdropTransition())})),F.on(window,"resize.bs.modal",(()=>{this._isShown&&!this._isTransitioning&&this._adjustDialog()})),F.on(this._element,"mousedown.dismiss.bs.modal",(t=>{F.one(this._element,"click.dismiss.bs.modal",(e=>{this._element===t.target&&this._element===e.target&&("static"!==this._config.backdrop?this._config.backdrop&&this.hide():this._triggerBackdropTransition())}))}))}_hideModal(){this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide((()=>{document.body.classList.remove(Zt),this._resetAdjustments(),this._scrollBar.reset(),F.trigger(this._element,Gt)}))}_isAnimated(){return this._element.classList.contains("fade")}_triggerBackdropTransition(){if(F.trigger(this._element,"hidePrevented.bs.modal").defaultPrevented)return;const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._element.style.overflowY;"hidden"===e||this._element.classList.contains(ee)||(t||(this._element.style.overflowY="hidden"),this._element.classList.add(ee),this._queueCallback((()=>{this._element.classList.remove(ee),this._queueCallback((()=>{this._element.style.overflowY=e}),this._dialog)}),this._dialog),this._element.focus())}_adjustDialog(){const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._scrollBar.getWidth(),s=e>0;if(s&&!t){const t=p()?"paddingLeft":"paddingRight";this._element.style[t]=`${e}px`}if(!s&&t){const t=p()?"paddingRight":"paddingLeft";this._element.style[t]=`${e}px`}}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(t,e){return this.each((function(){const s=ne.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===s[t])throw new TypeError(`No method named "${t}"`);s[t](e)}}))}}F.on(document,"click.bs.modal.data-api",'[data-bs-toggle="modal"]',(function(t){const e=V.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&t.preventDefault(),F.one(e,Jt,(t=>{t.defaultPrevented||F.one(e,Gt,(()=>{h(this)&&this.focus()}))}));const s=V.findOne(".modal.show");s&&ne.getInstance(s).hide(),ne.getOrCreateInstance(e).toggle(this)})),K(ne),b(ne);const oe="show",re="showing",ae="hiding",le=".offcanvas.show",ce="hidePrevented.bs.offcanvas",he="hidden.bs.offcanvas",de={backdrop:!0,keyboard:!0,scroll:!1},ue={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"};class _e extends W{constructor(t,e){super(t,e),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._addEventListeners()}static get Default(){return de}static get DefaultType(){return ue}static get NAME(){return"offcanvas"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||F.trigger(this._element,"show.bs.offcanvas",{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new Yt).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(re),this._queueCallback((()=>{this._config.scroll&&!this._config.backdrop||this._focustrap.activate(),this._element.classList.add(oe),this._element.classList.remove(re),F.trigger(this._element,"shown.bs.offcanvas",{relatedTarget:t})}),this._element,!0))}hide(){this._isShown&&(F.trigger(this._element,"hide.bs.offcanvas").defaultPrevented||(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add(ae),this._backdrop.hide(),this._queueCallback((()=>{this._element.classList.remove(oe,ae),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._config.scroll||(new Yt).reset(),F.trigger(this._element,he)}),this._element,!0)))}dispose(){this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}_initializeBackDrop(){const t=Boolean(this._config.backdrop);return new zt({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?()=>{"static"!==this._config.backdrop?this.hide():F.trigger(this._element,ce)}:null})}_initializeFocusTrap(){return new Rt({trapElement:this._element})}_addEventListeners(){F.on(this._element,"keydown.dismiss.bs.offcanvas",(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():F.trigger(this._element,ce))}))}static jQueryInterface(t){return this.each((function(){const e=_e.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}F.on(document,"click.bs.offcanvas.data-api",'[data-bs-toggle="offcanvas"]',(function(t){const e=V.getElementFromSelector(this);if(["A","AREA"].includes(this.tagName)&&t.preventDefault(),d(this))return;F.one(e,he,(()=>{h(this)&&this.focus()}));const s=V.findOne(le);s&&s!==e&&_e.getInstance(s).hide(),_e.getOrCreateInstance(e).toggle(this)})),F.on(window,"load.bs.offcanvas.data-api",(()=>{for(const t of V.find(le))_e.getOrCreateInstance(t).show()})),F.on(window,"resize.bs.offcanvas",(()=>{for(const t of V.find("[aria-modal][class*=show][class*=offcanvas-]"))"fixed"!==getComputedStyle(t).position&&_e.getOrCreateInstance(t).hide()})),K(_e),b(_e);const ge=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),fe=/^(?:(?:https?|mailto|ftp|tel|file|sms):|[^#&/:?]*(?:[#/?]|$))/i,me=/^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i,pe=(t,e)=>{const s=t.nodeName.toLowerCase();return e.includes(s)?!ge.has(s)||Boolean(fe.test(t.nodeValue)||me.test(t.nodeValue)):e.filter((t=>t instanceof RegExp)).some((t=>t.test(s)))},be={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},ve={allowList:be,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:""},ye={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},we={entry:"(string|element|function|null)",selector:"(string|element)"};class Ae extends q{constructor(t){super(),this._config=this._getConfig(t)}static get Default(){return ve}static get DefaultType(){return ye}static get NAME(){return"TemplateFactory"}getContent(){return Object.values(this._config.content).map((t=>this._resolvePossibleFunction(t))).filter(Boolean)}hasContent(){return this.getContent().length>0}changeContent(t){return this._checkContent(t),this._config.content={...this._config.content,...t},this}toHtml(){const t=document.createElement("div");t.innerHTML=this._maybeSanitize(this._config.template);for(const[e,s]of Object.entries(this._config.content))this._setContent(t,s,e);const e=t.children[0],s=this._resolvePossibleFunction(this._config.extraClass);return s&&e.classList.add(...s.split(" ")),e}_typeCheckConfig(t){super._typeCheckConfig(t),this._checkContent(t.content)}_checkContent(t){for(const[e,s]of Object.entries(t))super._typeCheckConfig({selector:e,entry:s},we)}_setContent(t,e,s){const i=V.findOne(s,t);i&&((e=this._resolvePossibleFunction(e))?l(e)?this._putElementInTemplate(c(e),i):this._config.html?i.innerHTML=this._maybeSanitize(e):i.textContent=e:i.remove())}_maybeSanitize(t){return this._config.sanitize?function(t,e,s){if(!t.length)return t;if(s&&"function"==typeof s)return s(t);const i=(new window.DOMParser).parseFromString(t,"text/html"),n=[].concat(...i.body.querySelectorAll("*"));for(const t of n){const s=t.nodeName.toLowerCase();if(!Object.keys(e).includes(s)){t.remove();continue}const i=[].concat(...t.attributes),n=[].concat(e["*"]||[],e[s]||[]);for(const e of i)pe(e,n)||t.removeAttribute(e.nodeName)}return i.body.innerHTML}(t,this._config.allowList,this._config.sanitizeFn):t}_resolvePossibleFunction(t){return v(t,[this])}_putElementInTemplate(t,e){if(this._config.html)return e.innerHTML="",void e.append(t);e.textContent=t.textContent}}const Ee=new Set(["sanitize","allowList","sanitizeFn"]),Ce="fade",Te="show",ke=".modal",Se="hide.bs.modal",Le="hover",Oe="focus",Ie={AUTO:"auto",TOP:"top",RIGHT:p()?"left":"right",BOTTOM:"bottom",LEFT:p()?"right":"left"},De={allowList:be,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'
38 |
75 |
39 |
53 |
40 |
52 | 41 | Input 42 |
43 | 44 | 46 |
47 |
48 |
51 |
54 |
74 |
55 |
73 |
56 |
57 |
66 |
67 |
58 |
59 |
63 |
64 |
65 | 60 | Output 61 |
62 |
68 |
72 | 69 | Visualizza qui la soluzione dell'esercizio 70 |
71 |
76 |
92 |
77 |
78 |
81 | GitHub
82 |
83 |
84 |
85 |
86 |
89 | Subnetting Solver
90 |
91 | ',title:"",trigger:"hover focus"},Ne={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"};class Pe extends W{constructor(t,e){if(void 0===s)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");super(t,e),this._isEnabled=!0,this._timeout=0,this._isHovered=null,this._activeTrigger={},this._popper=null,this._templateFactory=null,this._newContent=null,this.tip=null,this._setListeners(),this._config.selector||this._fixTitle()}static get Default(){return De}static get DefaultType(){return Ne}static get NAME(){return"tooltip"}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(){this._isEnabled&&(this._activeTrigger.click=!this._activeTrigger.click,this._isShown()?this._leave():this._enter())}dispose(){clearTimeout(this._timeout),F.off(this._element.closest(ke),Se,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),super.dispose()}show(){if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(!this._isWithContent()||!this._isEnabled)return;const t=F.trigger(this._element,this.constructor.eventName("show")),e=(u(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(t.defaultPrevented||!e)return;this._disposePopper();const s=this._getTipElement();this._element.setAttribute("aria-describedby",s.getAttribute("id"));const{container:i}=this._config;if(this._element.ownerDocument.documentElement.contains(this.tip)||(i.append(s),F.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(s),s.classList.add(Te),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))F.on(t,"mouseover",_);this._queueCallback((()=>{F.trigger(this._element,this.constructor.eventName("shown")),!1===this._isHovered&&this._leave(),this._isHovered=!1}),this.tip,this._isAnimated())}hide(){if(this._isShown()&&!F.trigger(this._element,this.constructor.eventName("hide")).defaultPrevented){if(this._getTipElement().classList.remove(Te),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))F.off(t,"mouseover",_);this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1,this._isHovered=null,this._queueCallback((()=>{this._isWithActiveTrigger()||(this._isHovered||this._disposePopper(),this._element.removeAttribute("aria-describedby"),F.trigger(this._element,this.constructor.eventName("hidden")))}),this.tip,this._isAnimated())}}update(){this._popper&&this._popper.update()}_isWithContent(){return Boolean(this._getTitle())}_getTipElement(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}_createTipElement(t){const e=this._getTemplateFactory(t).toHtml();if(!e)return null;e.classList.remove(Ce,Te),e.classList.add(`bs-${this.constructor.NAME}-auto`);const s=(t=>{do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t})(this.constructor.NAME).toString();return e.setAttribute("id",s),this._isAnimated()&&e.classList.add(Ce),e}setContent(t){this._newContent=t,this._isShown()&&(this._disposePopper(),this.show())}_getTemplateFactory(t){return this._templateFactory?this._templateFactory.changeContent(t):this._templateFactory=new Ae({...this._config,content:t,extraClass:this._resolvePossibleFunction(this._config.customClass)}),this._templateFactory}_getContentForTemplate(){return{".tooltip-inner":this._getTitle()}}_getTitle(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}_initializeOnDelegatedTarget(t){return this.constructor.getOrCreateInstance(t.delegateTarget,this._getDelegateConfig())}_isAnimated(){return this._config.animation||this.tip&&this.tip.classList.contains(Ce)}_isShown(){return this.tip&&this.tip.classList.contains(Te)}_createPopper(t){const e=v(this._config.placement,[this,t,this._element]),i=Ie[e.toUpperCase()];return s.createPopper(this._element,t,this._getPopperConfig(i))}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_resolvePossibleFunction(t){return v(t,[this._element])}_getPopperConfig(t){const e={placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:`.${this.constructor.NAME}-arrow`}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:t=>{this._getTipElement().setAttribute("data-popper-placement",t.state.placement)}}]};return{...e,...v(this._config.popperConfig,[e])}}_setListeners(){const t=this._config.trigger.split(" ");for(const e of t)if("click"===e)F.on(this._element,this.constructor.eventName("click"),this._config.selector,(t=>{this._initializeOnDelegatedTarget(t).toggle()}));else if("manual"!==e){const t=e===Le?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),s=e===Le?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout");F.on(this._element,t,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusin"===t.type?Oe:Le]=!0,e._enter()})),F.on(this._element,s,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusout"===t.type?Oe:Le]=e._element.contains(t.relatedTarget),e._leave()}))}this._hideModalHandler=()=>{this._element&&this.hide()},F.on(this._element.closest(ke),Se,this._hideModalHandler)}_fixTitle(){const t=this._element.getAttribute("title");t&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",t),this._element.setAttribute("data-bs-original-title",t),this._element.removeAttribute("title"))}_enter(){this._isShown()||this._isHovered?this._isHovered=!0:(this._isHovered=!0,this._setTimeout((()=>{this._isHovered&&this.show()}),this._config.delay.show))}_leave(){this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout((()=>{this._isHovered||this.hide()}),this._config.delay.hide))}_setTimeout(t,e){clearTimeout(this._timeout),this._timeout=setTimeout(t,e)}_isWithActiveTrigger(){return Object.values(this._activeTrigger).includes(!0)}_getConfig(t){const e=B.getDataAttributes(this._element);for(const t of Object.keys(e))Ee.has(t)&&delete e[t];return t={...e,..."object"==typeof t&&t?t:{}},t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t.container=!1===t.container?document.body:c(t.container),"number"==typeof t.delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),t}_getDelegateConfig(){const t={};for(const[e,s]of Object.entries(this._config))this.constructor.Default[e]!==s&&(t[e]=s);return t.selector=!1,t.trigger="manual",t}_disposePopper(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}static jQueryInterface(t){return this.each((function(){const e=Pe.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(Pe);const xe={...Pe.Default,content:"",offset:[0,8],placement:"right",template:'
',trigger:"click"},Me={...Pe.DefaultType,content:"(null|string|element|function)"};class je extends Pe{static get Default(){return xe}static get DefaultType(){return Me}static get NAME(){return"popover"}_isWithContent(){return this._getTitle()||this._getContent()}_getContentForTemplate(){return{".popover-header":this._getTitle(),".popover-body":this._getContent()}}_getContent(){return this._resolvePossibleFunction(this._config.content)}static jQueryInterface(t){return this.each((function(){const e=je.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(je);const Fe="click.bs.scrollspy",$e="active",ze="[href]",He={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},Be={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"};class qe extends W{constructor(t,e){super(t,e),this._targetLinks=new Map,this._observableSections=new Map,this._rootElement="visible"===getComputedStyle(this._element).overflowY?null:this._element,this._activeTarget=null,this._observer=null,this._previousScrollData={visibleEntryTop:0,parentScrollTop:0},this.refresh()}static get Default(){return He}static get DefaultType(){return Be}static get NAME(){return"scrollspy"}refresh(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();for(const t of this._observableSections.values())this._observer.observe(t)}dispose(){this._observer.disconnect(),super.dispose()}_configAfterMerge(t){return t.target=c(t.target)||document.body,t.rootMargin=t.offset?`${t.offset}px 0px -30%`:t.rootMargin,"string"==typeof t.threshold&&(t.threshold=t.threshold.split(",").map((t=>Number.parseFloat(t)))),t}_maybeEnableSmoothScroll(){this._config.smoothScroll&&(F.off(this._config.target,Fe),F.on(this._config.target,Fe,ze,(t=>{const e=this._observableSections.get(t.target.hash);if(e){t.preventDefault();const s=this._rootElement||window,i=e.offsetTop-this._element.offsetTop;if(s.scrollTo)return void s.scrollTo({top:i,behavior:"smooth"});s.scrollTop=i}})))}_getNewObserver(){const t={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver((t=>this._observerCallback(t)),t)}_observerCallback(t){const e=t=>this._targetLinks.get(`#${t.target.id}`),s=t=>{this._previousScrollData.visibleEntryTop=t.target.offsetTop,this._process(e(t))},i=(this._rootElement||document.documentElement).scrollTop,n=i>=this._previousScrollData.parentScrollTop;this._previousScrollData.parentScrollTop=i;for(const o of t){if(!o.isIntersecting){this._activeTarget=null,this._clearActiveClass(e(o));continue}const t=o.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(n&&t){if(s(o),!i)return}else n||t||s(o)}}_initializeTargetsAndObservables(){this._targetLinks=new Map,this._observableSections=new Map;const t=V.find(ze,this._config.target);for(const e of t){if(!e.hash||d(e))continue;const t=V.findOne(e.hash,this._element);h(t)&&(this._targetLinks.set(e.hash,e),this._observableSections.set(e.hash,t))}}_process(t){this._activeTarget!==t&&(this._clearActiveClass(this._config.target),this._activeTarget=t,t.classList.add($e),this._activateParents(t),F.trigger(this._element,"activate.bs.scrollspy",{relatedTarget:t}))}_activateParents(t){if(t.classList.contains("dropdown-item"))V.findOne(".dropdown-toggle",t.closest(".dropdown")).classList.add($e);else for(const e of V.parents(t,".nav, .list-group"))for(const t of V.prev(e,".nav-link, .nav-item > .nav-link, .list-group-item"))t.classList.add($e)}_clearActiveClass(t){t.classList.remove($e);const e=V.find("[href].active",t);for(const t of e)t.classList.remove($e)}static jQueryInterface(t){return this.each((function(){const e=qe.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}F.on(window,"load.bs.scrollspy.data-api",(()=>{for(const t of V.find('[data-bs-spy="scroll"]'))qe.getOrCreateInstance(t)})),b(qe);const We="ArrowLeft",Re="ArrowRight",Ve="ArrowUp",Ke="ArrowDown",Qe="active",Xe="fade",Ye="show",Ue='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',Ge=`.nav-link:not(.dropdown-toggle), .list-group-item:not(.dropdown-toggle), [role="tab"]:not(.dropdown-toggle), ${Ue}`;class Je extends W{constructor(t){super(t),this._parent=this._element.closest('.list-group, .nav, [role="tablist"]'),this._parent&&(this._setInitialAttributes(this._parent,this._getChildren()),F.on(this._element,"keydown.bs.tab",(t=>this._keydown(t))))}static get NAME(){return"tab"}show(){const t=this._element;if(this._elemIsActive(t))return;const e=this._getActiveElem(),s=e?F.trigger(e,"hide.bs.tab",{relatedTarget:t}):null;F.trigger(t,"show.bs.tab",{relatedTarget:e}).defaultPrevented||s&&s.defaultPrevented||(this._deactivate(e,t),this._activate(t,e))}_activate(t,e){t&&(t.classList.add(Qe),this._activate(V.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.removeAttribute("tabindex"),t.setAttribute("aria-selected",!0),this._toggleDropDown(t,!0),F.trigger(t,"shown.bs.tab",{relatedTarget:e})):t.classList.add(Ye)}),t,t.classList.contains(Xe)))}_deactivate(t,e){t&&(t.classList.remove(Qe),t.blur(),this._deactivate(V.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.setAttribute("aria-selected",!1),t.setAttribute("tabindex","-1"),this._toggleDropDown(t,!1),F.trigger(t,"hidden.bs.tab",{relatedTarget:e})):t.classList.remove(Ye)}),t,t.classList.contains(Xe)))}_keydown(t){if(![We,Re,Ve,Ke].includes(t.key))return;t.stopPropagation(),t.preventDefault();const e=[Re,Ke].includes(t.key),s=w(this._getChildren().filter((t=>!d(t))),t.target,e,!0);s&&(s.focus({preventScroll:!0}),Je.getOrCreateInstance(s).show())}_getChildren(){return V.find(Ge,this._parent)}_getActiveElem(){return this._getChildren().find((t=>this._elemIsActive(t)))||null}_setInitialAttributes(t,e){this._setAttributeIfNotExists(t,"role","tablist");for(const t of e)this._setInitialAttributesOnChild(t)}_setInitialAttributesOnChild(t){t=this._getInnerElement(t);const e=this._elemIsActive(t),s=this._getOuterElement(t);t.setAttribute("aria-selected",e),s!==t&&this._setAttributeIfNotExists(s,"role","presentation"),e||t.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(t,"role","tab"),this._setInitialAttributesOnTargetPanel(t)}_setInitialAttributesOnTargetPanel(t){const e=V.getElementFromSelector(t);e&&(this._setAttributeIfNotExists(e,"role","tabpanel"),t.id&&this._setAttributeIfNotExists(e,"aria-labelledby",`${t.id}`))}_toggleDropDown(t,e){const s=this._getOuterElement(t);if(!s.classList.contains("dropdown"))return;const i=(t,i)=>{const n=V.findOne(t,s);n&&n.classList.toggle(i,e)};i(".dropdown-toggle",Qe),i(".dropdown-menu",Ye),s.setAttribute("aria-expanded",e)}_setAttributeIfNotExists(t,e,s){t.hasAttribute(e)||t.setAttribute(e,s)}_elemIsActive(t){return t.classList.contains(Qe)}_getInnerElement(t){return t.matches(Ge)?t:V.findOne(Ge,t)}_getOuterElement(t){return t.closest(".nav-item, .list-group-item")||t}static jQueryInterface(t){return this.each((function(){const e=Je.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}F.on(document,"click.bs.tab",Ue,(function(t){["A","AREA"].includes(this.tagName)&&t.preventDefault(),d(this)||Je.getOrCreateInstance(this).show()})),F.on(window,"load.bs.tab",(()=>{for(const t of V.find('.active[data-bs-toggle="tab"], .active[data-bs-toggle="pill"], .active[data-bs-toggle="list"]'))Je.getOrCreateInstance(t)})),b(Je);const Ze="hide",ts="show",es="showing",ss={animation:"boolean",autohide:"boolean",delay:"number"},is={animation:!0,autohide:!0,delay:5e3};class ns extends W{constructor(t,e){super(t,e),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return is}static get DefaultType(){return ss}static get NAME(){return"toast"}show(){F.trigger(this._element,"show.bs.toast").defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove(Ze),g(this._element),this._element.classList.add(ts,es),this._queueCallback((()=>{this._element.classList.remove(es),F.trigger(this._element,"shown.bs.toast"),this._maybeScheduleHide()}),this._element,this._config.animation))}hide(){this.isShown()&&(F.trigger(this._element,"hide.bs.toast").defaultPrevented||(this._element.classList.add(es),this._queueCallback((()=>{this._element.classList.add(Ze),this._element.classList.remove(es,ts),F.trigger(this._element,"hidden.bs.toast")}),this._element,this._config.animation)))}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(ts),super.dispose()}isShown(){return this._element.classList.contains(ts)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(t,e){switch(t.type){case"mouseover":case"mouseout":this._hasMouseInteraction=e;break;case"focusin":case"focusout":this._hasKeyboardInteraction=e}if(e)return void this._clearTimeout();const s=t.relatedTarget;this._element===s||this._element.contains(s)||this._maybeScheduleHide()}_setListeners(){F.on(this._element,"mouseover.bs.toast",(t=>this._onInteraction(t,!0))),F.on(this._element,"mouseout.bs.toast",(t=>this._onInteraction(t,!1))),F.on(this._element,"focusin.bs.toast",(t=>this._onInteraction(t,!0))),F.on(this._element,"focusout.bs.toast",(t=>this._onInteraction(t,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(t){return this.each((function(){const e=ns.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}return K(ns),b(ns),{Alert:Q,Button:Y,Carousel:ct,Collapse:mt,Dropdown:xt,Modal:ne,Offcanvas:_e,Popover:je,ScrollSpy:qe,Tab:Je,Toast:ns,Tooltip:Pe}}));
7 | //# sourceMappingURL=bootstrap.min.js.map
--------------------------------------------------------------------------------
/js/main.js:
--------------------------------------------------------------------------------
1 | /*
2 | Subnetting-Bootstrap v1.0.0 (https://github.com/vittorioPiotti/Subnetting-Bootstrap/releases/tag/1.0.0)
3 | Copyright 2024 Vittorio Piotti
4 | Licensed under GPL-3.0 (https://github.com/vittorioPiotti/Subnetting-Bootstrap/blob/main/LICENSE.md)
5 | */
6 |
7 | /*
8 | Bootstrap v4.0.0 (https://getbootstrap.com)
9 | Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
10 | Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
11 | */
12 |
13 | const modal = new bootstrap.Modal(document.getElementById("errore"));
14 |
15 | const RILEVA_IP = 0;
16 | const STESSA_RETE = 1;
17 | const FLSM = 2;
18 | const VLSM = 3;
19 |
20 | const IP = 0;
21 | const SM = 1;
22 | const GW = 2;
23 | const SH = 3;
24 | const EH = 4;
25 | const BR = 5;
26 | const ID = 6;
27 |
28 | class Address{
29 | constructor(address) {
30 | this.addressIn = address;
31 | this.addressBin = new Array();
32 | this.addressDec = new Array();
33 | }
34 | checkAddress() {
35 | return (/^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\s){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/).test(this.addressIn);
36 | }
37 | setAddressBin(){
38 | if(this.checkAddress() == true){
39 | this.addressBin = this.addressIn.split(" ").map(ottetto => "00000000".slice(parseInt(ottetto).toString(2).length) + parseInt(ottetto).toString(2));
40 | }
41 | }
42 | setAddressDec(){
43 | if(this.checkAddress() == true)this.addressDec = this.addressIn.split(" ").map(Number);
44 | }
45 | getAddressBin(){
46 | if(this.checkAddress() == true){
47 | this.setAddressBin();
48 | return this.addressBin; }
49 | }
50 | getAddressDec(){
51 | if(this.checkAddress() == true){
52 | this.setAddressDec();
53 | return this.addressDec;
54 | }
55 | }
56 | getOttettoBin(i){
57 | if(this.checkAddress() == true){
58 | this.setAddressBin();
59 | return this.addressBin[i];
60 | }
61 | }
62 | getOttettoDec(i){
63 | if(this.checkAddress() == true){
64 | this.setAddressDec();
65 | return this.addressDec[i];
66 | }
67 | }
68 | setAddress(address){
69 | this.addressIn = address;
70 | }
71 |
72 | getAddress(){
73 | if(this.checkAddress() == true){
74 | return this.addressIn;
75 | }
76 | }
77 | }
78 | class Ip extends Address{
79 | constructor(ip){super(ip);}
80 | getTipo(){
81 | if (parseInt(super.getOttettoDec(0)) == 10 //da 10.0.0.0 a 10.255.255.255
82 | || (parseInt(super.getOttettoDec(0)) == 172 && (parseInt(super.getOttettoDec(1)) >= 16 && parseInt(super.getOttettoDec(1)) <= 31))//da 172.16.0.0 a 172.31.255.255
83 | || (parseInt(super.getOttettoDec(0))) == 192 && parseInt(super.getOttettoDec(1)) == 168) return "privato";//tutti quelli dal primo ottetto pari a 192 o 168
84 | else return "pubblico";
85 |
86 | }
87 | getClasse(){
88 | if(super.checkAddress() == true){
89 | const classi = ["A", "B", "C", "D", "E"];
90 | //A: 1 - 127 = 128 indirizzi
91 | //B: 128 - 191 = 64 indirizzi
92 | //C: 192 - 223 = 32 indirizzi
93 | //D: 224 - 239 = 16 indirizzi
94 | //E: 240 - 255 = 16 indirizzi
95 | for(let i = 0; i < 4; i ++)if (super.getOttettoBin(0).charAt(i) == 0)return classi[i];
96 | }
97 | }
98 | getBitClasse(){
99 | //A: 8 bit
100 | //B: 16 bit
101 | //C: 24 bit
102 |
103 | if(super.checkAddress() == true)for(let i = 0; i < 3; i ++) if (super.getOttettoBin(0).charAt(i) == 0) return 8*(i+1);
104 | }
105 | }
106 | class Sm extends Address{
107 | constructor(sm){super(sm);}
108 | checkSm(){
109 | if (super.checkAddress() == false)return false;
110 | let k = -1
111 | if(this.getOttettoBin(0).charAt(0) == "0")return false
112 | for( let i = 0; i < 4; i++)
113 | for( let j = 0; j < 8; j++){
114 | if(this.getOttettoBin(i).charAt(j) == "0" && k == -1)k = i;
115 | if(this.getOttettoBin(i).charAt(j) == "1" && k != -1)return false
116 | }
117 | return true;
118 | }
119 | }
120 | class SuperAddress extends Address{
121 | constructor(ip,sm){
122 | super();
123 | this.ip = new Ip(ip);
124 | this.sm = new Sm(sm);
125 | }
126 | checkInput(){
127 | if(this.ip.checkAddress() == true && this.sm.checkSm() == true)return true;
128 | else return false;
129 | }
130 | setAddress(address){
131 | super.setAddress(address);
132 | }
133 | }
134 | class NetId extends SuperAddress{
135 | constructor(ip,sm){
136 | super(ip,sm);
137 | this.setAddress();
138 | }
139 | setAddress(){
140 | if(super.checkInput() == true){
141 | let netId = ["","","",""];
142 | for (let i = 0; i < 4; i++) for (let j = 0; j < 8; j++) netId[i] += (this.ip.getOttettoBin(i).charAt(j) & this.sm.getOttettoBin(i).charAt(j));
143 | super.setAddress(netId.map(ottetto => parseInt(ottetto, 2)).join(" "));
144 | }
145 | }
146 | }
147 | class IpSubnet extends Address{
148 | constructor(ip,rete,maxReti){
149 | super();
150 | this.ip = new Ip(ip);
151 | this.rete = rete.toString(2);
152 | this.maxReti = maxReti;
153 | this.setAddress();
154 | }
155 | setAddress(){
156 | if(this.ip.checkAddress() == true){
157 | let ipSubnet = ""
158 | ipSubnet = this.ip.getAddressBin().join("").substring(0, this.ip.getBitClasse());
159 | ipSubnet += (this.rete .length < this.maxReti ? "0".repeat(this.maxReti - this.rete .length) + this.rete : this.rete ) + "0".repeat(32 - ipSubnet.length);
160 | super.setAddress(ipSubnet.replace(/(.{8})/g, "$1 ").trim().substring(0,35).split(" ").map(ottetto => parseInt(ottetto, 2)).join(" "));
161 | }
162 | }
163 | }
164 | class SmSubnet extends Address{
165 | constructor(bitSm){
166 | super();
167 | this.bitSm = bitSm;
168 | this.setAddress();
169 |
170 | }
171 | setAddress(){
172 | let sm = [0, 0, 0, 0];
173 | let i = 0;
174 | while (this.bitSm > 0) {
175 | if (this.bitSm >= 8) {
176 | sm[i] = 255;
177 | this.bitSm -= 8;
178 | } else {
179 | sm[i] = (1 << this.bitSm) - 1 << (8 - this.bitSm);
180 | break;
181 | }
182 | i++;
183 | }
184 | super.setAddress(sm.join(" "));
185 | }
186 | }
187 | class Broadcast extends SuperAddress{
188 | constructor(ip,sm){
189 | super(ip,sm);
190 | this.setAddress();
191 | }
192 | setAddress(){
193 |
194 | if(super.checkInput() == true){
195 | let broadcast = ["","","",""];
196 | for (let i = 0; i < 4; i++) {
197 | for (let j = 0; j < 8; j++) {
198 | if (this.sm.getOttettoBin(i).charAt(j) == 1) broadcast[i] += this.ip.getOttettoBin(i).charAt(j)
199 | else broadcast[i] += "1"
200 | }
201 | }
202 | for (let i = 0; i < 4; i++)while (broadcast[i].length < 8)broadcast[i] = "0" + broadcast[i]
203 | super.setAddress(broadcast.map(ottetto => parseInt(ottetto, 2)).join(" "));
204 | }
205 | }
206 | }
207 | class Gateway extends SuperAddress{
208 | constructor(ip,sm){
209 | super(ip,sm);
210 | this.netId = new NetId(ip,sm)
211 | this.setAddress();
212 | }
213 | setAddress(){
214 | if(super.checkInput() == true){
215 | let gateway = ["","","",""];
216 | for (let i = 0; i < 4; i++)gateway[i] = this.netId.getOttettoBin(i);
217 | gateway[3] = gateway[3].substring(0, 7) + "1"
218 | super.setAddress(gateway.map(ottetto => parseInt(ottetto, 2)).join(" "));
219 | }
220 | }
221 | }
222 | class StartHost extends SuperAddress{
223 | constructor(ip,sm){
224 | super(ip,sm);
225 | this.netId = new NetId(ip,sm)
226 | this.setAddress();
227 | }
228 | setAddress(){
229 | if(super.checkInput() == true){
230 | let startHost = ["","","",""];
231 | for (let i = 0; i < 4; i++)startHost[i] = this.netId.getOttettoBin(i);
232 | startHost[3] = startHost[3].substring(0, 6) + "10"
233 | super.setAddress(startHost.map(ottetto => parseInt(ottetto, 2)).join(" "));
234 | }
235 | }
236 | }
237 | class EndHost extends SuperAddress{
238 | constructor(ip,sm){
239 | super(ip,sm);
240 | this.broadcast = new Broadcast(ip,sm)
241 | this.setAddress();
242 | }
243 | setAddress(){
244 | if(super.checkInput() == true){
245 | let endHost = ["","","",""];
246 | for (let i = 0; i < 4; i++)endHost[i] = this.broadcast.getOttettoBin(i);
247 | endHost[3] = endHost[3].substring(0, 7) + "0"
248 | super.setAddress(endHost.map(ottetto => parseInt(ottetto, 2)).join(" "));
249 | }
250 | }
251 | }
252 | class StessaRete{
253 | constructor(ip1,sm1,ip2,sm2){
254 | this.netId = [];
255 | this.netId.push(new NetId(ip1,sm1));
256 | this.netId.push(new NetId(ip2,sm2));
257 | }
258 |
259 | checkInput(){
260 | /*
261 | console.log(this.netId[0].sm.getAddressBin())
262 |
263 | for(let i = 0; i < this.netId[0].sm.getAddressBin(); i ++){
264 | this.netId[0].sm.getOttettoBin(i);
265 | if()
266 | }
267 | switch(this.netId[0].ip.getClasse()){
268 | case 'A':
269 | break;
270 | case 'B':
271 | break;
272 | case 'C':
273 | break;
274 | default:
275 | return false;
276 | }
277 | */
278 | if(this.netId[0].checkInput() == true && this.netId[1].checkInput() == true)return true;
279 | else return false;
280 | }
281 |
282 | getStessaRete(){
283 | if(this.checkInput() == true){
284 | if (this.netId[0].getAddress() == this.netId[1].getAddress() )return "stessa";
285 | else return "diversa";
286 | }
287 | }
288 | getAddress(i){
289 | return this.netId[i].getAddress();
290 | }
291 |
292 |
293 | }
294 | class MascheraFissa{
295 | constructor(ip,numReti){
296 | this.numReti = numReti;
297 | this.ip = new Ip(ip);
298 | this.reti = new Array();
299 | }
300 | getMaxReti(){return Math.ceil(Math.log2(this.numReti));}
301 | getRetiPossibili(){ return Math.pow(2,this.getMaxReti()); }
302 | getRetiAvanzate(){return this.getRetiPossibili() - this.numReti;}
303 | checkSottoreti(){
304 | //numero sottoreti - 3 (gateway,broadcast,netId)
305 | if(this.ip.checkAddress() == true){
306 | const classi = ["A", "B", "C"];
307 | if(this.numReti == 0)return false;
308 | for(let i = 0; i < 3; i++)if( this.ip.getClasse() == classi[i] && this.numReti >= Math.pow(2,24 - (8*i)) - 3)return false;
309 | return true;
310 | }
311 | }
312 | checkInput(){
313 | if(this.ip.checkAddress() == true && this.checkSottoreti() == true)return true;
314 | else return false;
315 | }
316 | setSubnetting(){
317 | if(this.checkInput() == true){
318 | for(let i = 0; i < this.numReti; i ++){
319 | this.reti[i] = new Array();
320 | this.reti[i][IP] = new IpSubnet(this.ip.getAddress(),i,this.getMaxReti());
321 | this.reti[i][SM] = new SmSubnet(this.ip.getBitClasse() + this.getMaxReti());
322 | this.reti[i][ID] = new NetId(this.reti[i][IP].getAddress(),this.reti[i][SM].getAddress());
323 | this.reti[i][GW] = new Gateway(this.reti[i][IP].getAddress(),this.reti[i][SM].getAddress());
324 | this.reti[i][SH] = new StartHost(this.reti[i][IP].getAddress(),this.reti[i][SM].getAddress());
325 | this.reti[i][EH] = new EndHost(this.reti[i][IP].getAddress(),this.reti[i][SM].getAddress());
326 | this.reti[i][BR] = new Broadcast(this.reti[i][IP].getAddress(),this.reti[i][SM].getAddress());
327 | }
328 | }
329 | }
330 | getAddress(i,tipo){
331 | if(this.checkInput() == true){
332 | return this.reti[i][tipo].getAddress();
333 | }
334 | }
335 | }
336 |
337 | class MascheraVariabile{
338 | getAddress(i,tipo){
339 |
340 | return this.reti[i][tipo].getAddress();
341 |
342 | }
343 | getBitSm(){
344 | let sm = "";
345 | switch(this.ip.getClasse()){
346 | case "A":
347 | sm = 8
348 | break;
349 | case "B":
350 | sm = 16
351 | break;
352 | case "C":
353 | sm = 24
354 | break;
355 | }
356 | return sm;
357 | }
358 | getSm(){
359 | let sm = "";
360 | switch(this.ip.getClasse()){
361 | case "A":
362 | sm = "255 0 0 0"
363 | break;
364 | case "B":
365 | sm = "255 255 0 0"
366 | break;
367 | case "C":
368 | sm = "255 255 255 0"
369 | break;
370 | }
371 | return sm;
372 | }
373 | initSm(){
374 | let appSm = this.sm.getAddress().split(" ");
375 | for(let i = 0; i < appSm.length; i ++)appSm[i] = parseInt(appSm[i]).toString(2);
376 |
377 |
378 |
379 | }
380 | mascheraVariabile(){
381 | for(let i = 0; i < this.numSubnet; i ++){
382 | this.initIp(i);
383 | }
384 | }
385 | initIp(rete){
386 | let appIp = this.ip.getAddress().split(" ");
387 | let app = ""
388 | for(let i = 0; i < appIp.length; i ++){
389 | appIp[i] = parseInt(appIp[i]).toString(2);
390 |
391 | if(appIp[i].length < 8){
392 | app = "";
393 | for(let j = 0; j < 8 - appIp[i].length; j ++){
394 | app += "0";
395 | }
396 | appIp[i] = app + appIp[i];
397 | }
398 | }
399 |
400 |
401 | let k = 0;
402 | app = 0;
403 |
404 | do{
405 | app += this.maxHostSottorete[k];
406 | k++;
407 | }while( k <= rete)
408 | app -= this.maxHostSottorete[rete];
409 |
410 | console.log("APP = " + app);
411 | app = app.toString(2);
412 | console.log("APP = " + app);
413 | let c = 0;
414 | let i = this.bitSm / 8;
415 |
416 | while(c < app.length){
417 |
418 | appIp[i] = app;
419 | if(appIp[i].length < 8){
420 | app = "";
421 | for(let j = 0; j < 8 - appIp[i].length; j ++){
422 | app += "0";
423 | }
424 | appIp[i] = app + appIp[i] ;
425 | }
426 | c += 8;
427 |
428 | }
429 |
430 | console.log("cazzo : " + appIp)
431 | let decimale = []
432 | for (let i = 0; i < appIp.length; i++) {
433 | var binario = appIp[i];
434 | var dec = parseInt(binario, 2);
435 | decimale.push(dec);
436 | }
437 |
438 |
439 | let appIpString = decimale.join(" ");
440 | console.log("cazzo : " + appIpString)
441 | this.reti[rete][IP] = new Ip(appIpString);
442 |
443 |
444 |
445 | let hostSubnetM = 32 - this.bitXhost[rete];
446 | let appSm = this.generateSubnetMask(hostSubnetM)
447 | this.reti[rete][SM] = new Sm(appSm);
448 | this.reti[rete][ID] = new NetId(this.reti[rete][IP].getAddress(),this.reti[rete][SM].getAddress());
449 | this.reti[rete][GW] = new Gateway(this.reti[rete][IP].getAddress(),this.reti[rete][SM].getAddress());
450 | this.reti[rete][SH] = new StartHost(this.reti[rete][IP].getAddress(),this.reti[rete][SM].getAddress());
451 | this.reti[rete][EH] = new EndHost(this.reti[rete][IP].getAddress(),this.reti[rete][SM].getAddress());
452 | this.reti[rete][BR] = new Broadcast(this.reti[rete][IP].getAddress(),this.reti[rete][SM].getAddress());
453 |
454 |
455 |
456 |
457 | }
458 | checkSottoreti(){
459 | //numero sottoreti - 3 (gateway,broadcast,netId)
460 | if(this.ip.checkAddress() == true){
461 | const classi = ["A", "B", "C"];
462 | if(this.numSubnet == 0)return false;
463 | for(let i = 0; i < 3; i++)if( this.ip.getClasse() == classi[i] && this.numSubnet >= Math.pow(2,24 - (8*i)) - 3)return false;
464 | return true;
465 | }
466 | }
467 | checkHostSottoreti(){
468 |
469 | for(let i = 0; i < this.hostXsubnet.length; i ++){
470 | if (this.hostXsubnet[i] !== null) {
471 | if (Number.isInteger(parseInt(this.hostXsubnet[i]))) {
472 | if(parseInt(this.hostXsubnet[i]) >= Math.pow(2,parseInt(this.maxHostXsottorete)) - 3)return false;
473 |
474 | } else {
475 | return false;
476 | }
477 | } else {
478 | return false;
479 | }
480 | }
481 | return true;
482 | }
483 | checkInput(){
484 |
485 | if(this.ip.checkAddress() == true && this.checkSottoreti() == true && this.checkHostSottoreti() == true)return true;
486 | else return false;
487 | }
488 | generateSubnetMask(bit) {
489 | let subnetMaskArray = [];
490 |
491 | let numBytes = Math.ceil(bit / 8);
492 |
493 | for (let i = 0; i < numBytes; i++) {
494 | if (bit >= 8) {
495 | subnetMaskArray.push(255);
496 | bit -= 8;
497 | } else {
498 | subnetMaskArray.push(256 - Math.pow(2, 8 - bit));
499 | bit = 0;
500 | }
501 | }
502 |
503 | let subnetMaskString = subnetMaskArray.join(' ');
504 |
505 | return subnetMaskString;
506 | }
507 |
508 |
509 |
510 | getBitXhost(numHost) {
511 | let bit = 0;
512 | while (Math.pow(2, bit) - 2 < numHost) {
513 | bit++;
514 | }
515 |
516 | return bit;
517 | }
518 | constructor(ip,numSubnet,hostXsubnet){
519 |
520 | this.ip = new Ip(ip);
521 | this.sm = new Sm(this.getSm());
522 | this.bitSm = this.getBitSm();
523 | this.reti = new Array();
524 | this.numSubnet = numSubnet;
525 | this.hostXsubnet = hostXsubnet.sort(function(a, b) {
526 | return b - a;
527 | });
528 |
529 | this.bitXhost = [];
530 | this.totBitSottoreti = 0;
531 | this.bitXsubnet = [];
532 | this.maxHostSottorete = [];
533 |
534 | for(let i = 0; i < this.hostXsubnet.length; i ++ ){
535 | this.bitXhost[i] = this.getBitXhost(this.hostXsubnet[i])
536 | this.totBitSottoreti += this.bitXhost[i];
537 | this.bitXsubnet[i] = this.getBitSm() + this.bitXhost[i];
538 | this.maxHostSottorete[i] = Math.pow(2, this.bitXhost[i]);
539 | }
540 |
541 |
542 | this.bitRete = 32 - this.totBitSottoreti ;
543 | this.numBitSubnet = parseInt(numSubnet - 1).toString(2).length;
544 | this.maxHostXsottorete = 32 - this.bitSm - this.numBitSubnet;
545 | console.log(this.maxHostXsottorete)
546 | this.maxSubnet = Math.pow(this.numSubnet, 2);
547 | let app = []
548 | let appDecimale = [];
549 | for (let i = 0; i < app.length; i++) {
550 | let decimale = parseInt(app[i], 2).toString(10);
551 | appDecimale.push(decimale);
552 | }
553 |
554 |
555 |
556 |
557 |
558 |
559 | for(let i = 0; i < this.numSubnet; i ++)this.reti[i] = new Array();
560 |
561 |
562 |
563 |
564 | }
565 |
566 | }
567 |
568 |
569 |
570 | class Esercizio{
571 | constructor (nome,input,short){
572 | this.nome = nome;
573 | this.input = input.split(";");
574 | this.short = short;
575 | }
576 | getNome(){return this.nome;}
577 | getShort(){return this.short;}
578 | getInput(i){return this.input[i];}
579 | getNumeroInput(){return this.input.length;}
580 | }
581 |
582 |
583 | const esercizi = [];
584 | const select = document.getElementById("choice");
585 | var selected = 0;
586 |
587 |
588 | esercizi.push(new Esercizio("Scopri tipo e classe di un IP","Indirizzo IP:","Analisi IP"));
589 | esercizi.push(new Esercizio("Scopri se stessa rete tra IP","Indirizzo IP.1:;Subnetmask SM.1:;Indirizzo IP.2:;Subnetmask SM.2:","Stessa rete"));
590 | esercizi.push(new Esercizio("Subnetting a maschera fissa","Indirizzo IP:;Numero sottoreti:","FLSM"));
591 | esercizi.push(new Esercizio("Subnetting a maschera variabile","Indirizzo IP:;Numero sottoreti:","VLSM"));
592 |
593 | function init(){
594 | initChoice();
595 | initInput();
596 | }
597 |
598 | function initChoice(){
599 | let choice = "";
600 | let selected = "selected";
601 | for(let i = 0; i < esercizi.length; i ++){
602 | choice += "";
603 | selected = " ";
604 | }
605 | document.getElementById("choice").innerHTML = choice;
606 | }
607 |
608 | function initInput(){
609 | let input = "";
610 | let placeholder = "255 255 255 255";
611 | refresh();
612 | for(let i = 0; i < esercizi[selected].getNumeroInput(); i ++){
613 | input += "
";
614 | input += "";
615 | if(esercizi[selected].getInput(i) == "Numero sottoreti:")placeholder = "69";
616 | input += "";
617 | if(selected == VLSM && esercizi[selected].getInput(i) == "Numero sottoreti:")input += "
";
619 | }
620 | input += "";
621 | document.getElementById("input").innerHTML = input;
622 | if(selected == VLSM)initExtraInput();
623 | }
624 |
625 | function initExtraInput(){
626 | const inputElements = document.getElementsByClassName("form-control");
627 | const lastInputElement = inputElements[1];
628 | let input = 0;
629 | let displayOn = "d-block";
630 | let displayOff = "d-none";
631 | lastInputElement.addEventListener("input", function() {
632 | if (lastInputElement.value && check() == true) {
633 | input = "";
634 | if(lastInputElement.value > 2){
635 | input += "A campo riempito comparsa menu degli host per sottorete
";
618 | input += "";
636 | input += "
";
641 | }
642 | for(let i = 0; i < lastInputElement.value; i ++){
643 | input += "scorrere
"; 637 | input += ""; 640 | input += ""
644 | input += "";
645 | input += "";
646 | input += "
";
647 | }
648 | displayOn = "d-block";
649 | displayOff = "d-none";
650 | }
651 | else{
652 | input = "";
653 | displayOn = "d-none";
654 | displayOff = "d-block";
655 | }
656 | document.getElementById("extraInput").innerHTML = input;
657 | document.getElementById("extraInput").classList.add(displayOn);
658 | document.getElementById("sottoretiHelp").classList.add(displayOff);
659 | document.getElementById("sottoretiHelp").classList.remove(displayOn);
660 | document.getElementById("extraInput").classList.remove(displayOff);
661 | });
662 | }
663 | function check(){
664 | return true;
665 | }
666 |
667 | function refresh(){selected = select.options[select.selectedIndex].value;}
668 |
669 |
670 | function load(){
671 | let input = document.getElementsByTagName("input");
672 | let inputForm = document.getElementById("inputForm");
673 | let outputForm = document.getElementById("outputForm");
674 | let check = true;
675 | let output = "";
676 | inputForm.className = "col-lg-5 col-12 mb-3";
677 | outputForm.className = "col-lg-7 col-12 mb-3";
678 | switch(parseInt(selected)){
679 | case RILEVA_IP:
680 | let rilveIp = new Ip(input[0].value);
681 | check = rilveIp.checkAddress();
682 | if(check == true){
683 | output += "| IP | " 687 | output += "Classe | " 688 | output += "Tipo | " 689 | output += "
| "+ rilveIp.getAddress() +" | " 694 | output += "" + rilveIp.getClasse() +" | " 695 | output += ""+ rilveIp.getTipo()+" | " 696 | output += "
"
706 | output += ""
707 | output += ""
708 | output += "
"
729 | output += "
"
730 | }
731 | break;
732 | case FLSM:
733 |
734 | let mascheraFissa = new MascheraFissa(input[0].value,input[1].value);
735 | check = mascheraFissa.checkInput();
736 | if(check == true){
737 | inputForm.className = " col-12 mb-3";
738 | outputForm.className = "col-12 mb-3";
739 | mascheraFissa.setSubnetting();
740 | output = "| IP | " 710 | output += "Subnetmask | " 711 | output += "Net Id | " 712 | output += "Rete | " 713 | output += "
| "+ input[0].value +" | " 718 | output += "" + input[1].value +" | " 719 | output += ""+ stessaRete.getAddress(0) +" | " 720 | output += ""+ stessaRete.getStessaRete()+" | " 721 | output += "
| "+ input[2].value +" | " 724 | output += "" + input[3].value +" | " 725 | output += ""+ stessaRete.getAddress(1) +" | " 726 | output += "
"
741 | output += ""
742 | output += ""
743 | output += "
"
770 | output += "
"
771 | }
772 | break;
773 | case VLSM:
774 | inputForm.className = " col-12 mb-3";
775 | outputForm.className = "col-12 mb-3";
776 | let ip = input[0].value;
777 | let numeroSottoreti = input[1].value;
778 | let hostXsottorete = [];
779 | for(let i = 0 ; i < numeroSottoreti; i ++){
780 | hostXsottorete.push(input[i + 2].value)
781 | }
782 | let mascheraVariabile = new MascheraVariabile(ip,numeroSottoreti,hostXsottorete);
783 | check = mascheraVariabile.checkInput();
784 | if(check == true){
785 | mascheraVariabile.mascheraVariabile();
786 |
787 | output = "| # | " 745 | output += "IP | " 746 | output += "Net Id | " 747 | output += "Gateway | " 748 | output += "Primo host | " 749 | output += "Ultimo host | " 750 | output += "Broadcast | " 751 | output += "Subnetmask | " 752 | output += "
| " + (i + 1)+" | " 758 | output += "" + mascheraFissa.getAddress(i,IP)+" | " 759 | output += "" + mascheraFissa.getAddress(i,ID)+" | " 760 | output += "" + mascheraFissa.getAddress(i,GW)+" | " 761 | output += "" + mascheraFissa.getAddress(i,SH)+" | " 762 | output += "" + mascheraFissa.getAddress(i,EH)+" | " 763 | output += "" + mascheraFissa.getAddress(i,BR)+" | " 764 | output += "" + mascheraFissa.getAddress(i,SM)+" | " 765 | output += "
"
788 | output += ""
789 | output += ""
790 | output += "
"
817 | output += "
"
818 | break;
819 | }
820 |
821 | }
822 | if(check == true){
823 | document.getElementById("output").innerHTML = output;
824 | document.getElementById("select").innerHTML = "" + esercizi[parseInt(selected)].getShort()+""
825 |
826 | }
827 | else modal.show();
828 |
829 | }
830 |
831 |
832 |
833 |
834 |
--------------------------------------------------------------------------------
/screenshots/flsm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vittorioPiotti/SubnettingSolver-Bootstrap/6b58d6b26c6106d1c70d4db079964d4022b51290/screenshots/flsm.png
--------------------------------------------------------------------------------
/screenshots/ip.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vittorioPiotti/SubnettingSolver-Bootstrap/6b58d6b26c6106d1c70d4db079964d4022b51290/screenshots/ip.png
--------------------------------------------------------------------------------
/screenshots/netid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vittorioPiotti/SubnettingSolver-Bootstrap/6b58d6b26c6106d1c70d4db079964d4022b51290/screenshots/netid.png
--------------------------------------------------------------------------------
/screenshots/vlsm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vittorioPiotti/SubnettingSolver-Bootstrap/6b58d6b26c6106d1c70d4db079964d4022b51290/screenshots/vlsm.png
--------------------------------------------------------------------------------
| # | " 792 | output += "IP | " 793 | output += "Net Id | " 794 | output += "Gateway | " 795 | output += "Primo host | " 796 | output += "Ultimo host | " 797 | output += "Broadcast | " 798 | output += "Subnetmask | " 799 | output += "
| " + (i + 1)+" | " 805 | output += "" + mascheraVariabile.getAddress(i,IP)+" | " 806 | output += "" + mascheraVariabile.getAddress(i,ID)+" | " 807 | output += "" + mascheraVariabile.getAddress(i,GW)+" | " 808 | output += "" + mascheraVariabile.getAddress(i,SH)+" | " 809 | output += "" + mascheraVariabile.getAddress(i,EH)+" | " 810 | output += "" + mascheraVariabile.getAddress(i,BR)+" | " 811 | output += "" + mascheraVariabile.getAddress(i,SM)+" | " 812 | output += "