74 lines
2.5 KiB
HTML
74 lines
2.5 KiB
HTML
|
<div>
|
|||
|
<h1>IP Pools</h1>
|
|||
|
<toggle-pane
|
|||
|
label="Allokationsparameter..."
|
|||
|
:visible="true"
|
|||
|
>
|
|||
|
<div class="flex row">
|
|||
|
<span>
|
|||
|
<label for="allocFree">Freie Allokation</label>
|
|||
|
<input type="radio" id="allocFree" v-model="allocationType" value="0"><br>
|
|||
|
<label for="allocCIDR">CIDR Allokation</label>
|
|||
|
<input type="radio" id="allocCIDR" v-model="allocationType" value="1"><br>
|
|||
|
</span>
|
|||
|
<fieldset
|
|||
|
v-if="allocationType == 0"
|
|||
|
>
|
|||
|
<div>
|
|||
|
<span>Maskenlänge:</span>
|
|||
|
<span><input type="number" min="1" max="127" v-model="subnetWidth"></span>
|
|||
|
</div>
|
|||
|
<div>
|
|||
|
<span>Netzbreite:</span>
|
|||
|
<span><input type="number" min="1" max="127" v-model="allocationWidth"></span>
|
|||
|
</div>
|
|||
|
</fieldset>
|
|||
|
<fieldset
|
|||
|
v-if="allocationType == 1"
|
|||
|
>
|
|||
|
<div>
|
|||
|
<span>Zielnetz:</span>
|
|||
|
<span><input type="text" v-model="targetCIDR"></span>
|
|||
|
</div>
|
|||
|
<div>
|
|||
|
<label for="independentAllocation">Unabhängige Allokation</label>
|
|||
|
<input type="checkbox" id="independentAllocation" v-model="independentAllocation">
|
|||
|
</div>
|
|||
|
</fieldset>
|
|||
|
<fieldset
|
|||
|
>
|
|||
|
<div>
|
|||
|
<span>Verwendung:</span>
|
|||
|
<span><input type="text" v-model="allocationUsage"></span>
|
|||
|
</div>
|
|||
|
</fieldset>
|
|||
|
</div>
|
|||
|
</toggle-pane>
|
|||
|
<table>
|
|||
|
<thead>
|
|||
|
<tr>
|
|||
|
<td>Aktionen</td>
|
|||
|
<td>CIDR</td>
|
|||
|
<td>Name</td>
|
|||
|
<td>Pool</td>
|
|||
|
<td>Verwendungsnachweis</td>
|
|||
|
</tr>
|
|||
|
</thead>
|
|||
|
<tbody>
|
|||
|
<tr
|
|||
|
v-for="ipa in IPAllocations"
|
|||
|
>
|
|||
|
<td>
|
|||
|
<button
|
|||
|
@click="LNP.allocate(allocationType,targetCIDR,subnetWidth,ipa.CIDR,allocationUsage,!independentAllocation);"
|
|||
|
>+</button>
|
|||
|
</td>
|
|||
|
<td>{{ ipa.CIDR }}</td>
|
|||
|
<td>{{ ipa.Name }}</td>
|
|||
|
<td>{{ ipa.Pool }}</td>
|
|||
|
<td>{{ ipa.AllocatedTo }}</td>
|
|||
|
</tr>
|
|||
|
</tbody>
|
|||
|
</table>
|
|||
|
|
|||
|
</div>
|