mirror of
https://github.com/MikroWizard/mikrofront.git
synced 2025-12-25 03:19:30 +00:00
95d84faf17
Fixed Firmware download from the Mikrotik website when there are multiple npk available Fixed Mikrowizard system permission error when it is set to None Fixed user device group permissions Some minor UI improvements Fix IP scan for one IP scan / Fix not scanning the last IP in the range Fix manual snippet execution not working when device groups are selected Some minor bug fixes and improvements New: Show background tasks and be able to stop them while running in the background (like an IP scanner) Add support for manual MikroWizard update dashboard/settings page update to version 1.0.5 Enhancement: Show permission error in some pages when the user doesn't have permission for that page/action show better charts/graphs in the dashboard and device interface details show more info on the dashboard about update and version information and license
270 lines
No EOL
13 KiB
HTML
270 lines
No EOL
13 KiB
HTML
<c-row>
|
|
<c-col xs>
|
|
<c-card class="mb-4">
|
|
<c-card-header>Firmware Manager</c-card-header>
|
|
<c-card-body>
|
|
<c-input-group class="mb-3">
|
|
<h5>Firmware in repository:</h5>
|
|
<gui-grid [autoResizeWidth]="true" [source]="source" [columnMenu]="columnMenu" [sorting]="sorting"
|
|
[infoPanel]="infoPanel" [autoResizeWidth]=true [paging]="paging">
|
|
<gui-grid-column header="Version" field="version">
|
|
<ng-template let-value="item.version" let-item="item" let-index="index">
|
|
{{value}} </ng-template>
|
|
</gui-grid-column>
|
|
<gui-grid-column header="arch" field="architecture">
|
|
<ng-template let-value="item.architecture" let-item="item" let-index="index">
|
|
{{value}}
|
|
</ng-template>
|
|
</gui-grid-column>
|
|
<gui-grid-column header="sha256" field="sha256">
|
|
<ng-template let-value="item.sha256" let-item="item" let-index="index">
|
|
{{value}}
|
|
</ng-template>
|
|
</gui-grid-column>
|
|
<gui-grid-column header="Actions" width="120" field="action">
|
|
<ng-template let-value="item.id" let-item="item" let-index="index">
|
|
<button cButton color="danger" size="sm" (click)="delete_fimrware(item);"><i
|
|
class="fa-regular fa-trash-can"></i></button>
|
|
</ng-template>
|
|
</gui-grid-column>
|
|
</gui-grid>
|
|
</c-input-group>
|
|
|
|
<hr />
|
|
<table>
|
|
<td>
|
|
<span>Add new Permission</span>
|
|
</td>
|
|
<td *ngIf="loading">
|
|
<button cButton class="m-1" disabled>
|
|
<c-spinner aria-hidden="true" size="sm"></c-spinner>
|
|
Fetching Information from mikrotik website...
|
|
</button>
|
|
</td>
|
|
<td *ngIf="!loading">
|
|
<mat-form-field>
|
|
<mat-select cFormControl [(ngModel)]="firmtodownload" placeholder="Select Version For Download Group"
|
|
#singleSelect>
|
|
<mat-option>
|
|
<ngx-mat-select-search placeholderLabel="Search"
|
|
[hideClearSearchButton]="true"></ngx-mat-select-search>
|
|
</mat-option>
|
|
<mat-option *ngFor="let firm of firms" [value]="firm">
|
|
{{firm}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</td>
|
|
<td>
|
|
<button *ngIf="!loading" cButton color="primary" (click)="ConfirmModalVisible=true">Download to
|
|
repository</button>
|
|
<!-- <button *ngIf="SelectedUser['action']=='add'" cButton color="primary" (click)="loading=!loading">++</button> -->
|
|
</td>
|
|
</table>
|
|
|
|
<hr />
|
|
<c-input-group class="mb-3">
|
|
<label cInputGroupText for="inputGroupSelect01">
|
|
V6 Firmware update Behavior
|
|
</label>
|
|
<select cSelect [(ngModel)]="updateBehavior" id="inputGroupSelect01">
|
|
<option>Choose...</option>
|
|
<option value="keep">Keep v6 and don't update to v7</option>
|
|
<option value="update">install latest</option>
|
|
</select>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Choose how Mikrowizard should update old v6 firmwares</c-form-feedback>
|
|
</c-input-group>
|
|
|
|
<c-input-group class="mb-3">
|
|
<label cInputGroupText for="inputGroupSelect01">
|
|
Firmware version to install
|
|
</label>
|
|
<select cSelect [(ngModel)]="firmwaretoinstall" id="inputGroupSelect01">
|
|
<option>Choose...</option>
|
|
<option *ngFor="let f of available_firmwares" [value]="f">{{f}}</option>
|
|
|
|
</select>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* The version of firmware to install routers</c-form-feedback>
|
|
</c-input-group>
|
|
|
|
<c-input-group *ngIf="updateBehavior=='keep'" class="mb-3">
|
|
<label cInputGroupText for="inputGroupSelect01">
|
|
Firmware version v6 to install
|
|
</label>
|
|
<select cSelect [(ngModel)]="firmwaretoinstallv6" id="inputGroupSelect01">
|
|
<option>Choose...</option>
|
|
<option *ngFor="let f of available_firmwaresv6" [value]="f">{{f}}</option>
|
|
</select>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* The version of firmware to install on V6 routers</c-form-feedback>
|
|
</c-input-group>
|
|
<button cButton color="primary" (click)="saveFirmwareSetting()">Save</button>
|
|
</c-card-body>
|
|
|
|
</c-card>
|
|
<c-card class="mb-4">
|
|
<c-card-header>System Settings</c-card-header>
|
|
<c-card-body *ngIf="!SysConfigloading">
|
|
|
|
<c-input-group class="mt-3">
|
|
<span cInputGroupText>Rad Secret</span>
|
|
<input cFormControl id="floatingInput" placeholder="rad_secret"
|
|
[(ngModel)]="sysconfigs['rad_secret']['value']" />
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Radius Secret of Mikrowizard Radius Server</c-form-feedback>
|
|
</c-input-group>
|
|
|
|
|
|
<c-input-group class="mt-3">
|
|
<span cInputGroupText>System URL</span>
|
|
<input cFormControl id="floatingInput" placeholder="System URL"
|
|
[(ngModel)]="sysconfigs['system_url']['value']" />
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Default system access URl</c-form-feedback>
|
|
</c-input-group>
|
|
|
|
<c-input-group class="mt-3">
|
|
<span cInputGroupText>Default IP</span>
|
|
<input cFormControl id="floatingInput" placeholder="System URL"
|
|
[(ngModel)]="sysconfigs['default_ip']['value']" />
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Default Mikrowizard Access IP</c-form-feedback>
|
|
</c-input-group>
|
|
<c-input-group class="mt-3">
|
|
<span cInputGroupText>System Time Zone</span>
|
|
<mat-form-field class="form-control" subscriptSizing="dynamic">
|
|
<mat-label>Select event type</mat-label>
|
|
<mat-select cFormControl [(ngModel)]="sysconfigs['timezone']['value']"
|
|
placeholder="Select Version For Download Group" #singleSelect>
|
|
<mat-option>
|
|
<ngx-mat-select-search placeholderLabel="Search" [hideClearSearchButton]="true"></ngx-mat-select-search>
|
|
</mat-option>
|
|
<mat-option *ngFor="let tz of timezones" [value]="tz.utc[0]">
|
|
{{tz.text}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Default TimeZone for the system</c-form-feedback>
|
|
</c-input-group>
|
|
|
|
|
|
<c-input-group class="mt-3">
|
|
<span cInputGroupText>Default User</span>
|
|
<input aria-label="Username" type="password" [(ngModel)]="sysconfigs['default_user']['value']" cFormControl />
|
|
<span cInputGroupText>Default password</span>
|
|
<input aria-label="Password" type="password" [(ngModel)]="sysconfigs['default_password']['value']"
|
|
cFormControl />
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Default username and Password for searching new devices</c-form-feedback>
|
|
</c-input-group>
|
|
|
|
<c-input-group class="mb-3">
|
|
<label cInputGroupText for="inputGroupSelect01">
|
|
Mikrowizard Update Mode
|
|
</label>
|
|
<select cSelect [(ngModel)]="sysconfigs['update_mode']['value']['mode']" id="inputGroupSelect01">
|
|
<option>Choose...</option>
|
|
<option value="auto">Automatic Update</option>
|
|
<option value="manual">Show update only/Update manually</option>
|
|
</select>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Choose if Mikrowizard should download updates automaticaly when availble or wait for user to download/apply updates</c-form-feedback>
|
|
</c-input-group>
|
|
|
|
<c-input-group class="mt-3 mb-3">
|
|
<span cInputGroupText>License Username</span>
|
|
<input aria-label="Username" type="text" [(ngModel)]="sysconfigs['username']['value']" cFormControl />
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* The username that you registred in Mikrowizard.com,Required for License Activation</c-form-feedback>
|
|
</c-input-group>
|
|
|
|
<c-form-check [switch]="true" sizing="xl">
|
|
<input cFormCheckInput [(ngModel)]="sysconfigs['force_perms']['value']" type="checkbox" />
|
|
<label cFormCheckLabel>Force Perms</label>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Force User Groups under user>groups configuration of each router to match Mikrowizard Permissions and
|
|
monitor for any change to prevent/fix the configuration.</c-form-feedback>
|
|
</c-form-check>
|
|
|
|
<c-form-check [switch]="true" sizing="xl">
|
|
<input cFormCheckInput [(ngModel)]="sysconfigs['force_radius']['value']" type="checkbox" />
|
|
<label cFormCheckLabel>Force Radius</label>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Force Radius config under radius>client and user>aaa setting of each router that added to Mikrowizard and
|
|
monitor for any change to prevent/fix the configuration.</c-form-feedback>
|
|
</c-form-check>
|
|
|
|
<c-form-check [switch]="true" sizing="xl">
|
|
<input cFormCheckInput [(ngModel)]="sysconfigs['force_syslog']['value']" type="checkbox" />
|
|
<label cFormCheckLabel>Force Syslog</label>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true">
|
|
* Force Syslog config under system>logs setting of each router that added to Mikrowizard and monitor syslog
|
|
setting for any change to prevent/fix the configuration.</c-form-feedback>
|
|
</c-form-check>
|
|
|
|
<c-form-check *ngIf="ispro" [switch]="true" sizing="xl">
|
|
<input cFormCheckInput [(ngModel)]="sysconfigs['safe_install']['value']" type="checkbox" />
|
|
<label cFormCheckLabel>Safe Update</label>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true"><code style="padding: 0!important;">PRO</code>
|
|
* Download and install reqired firmware before installing the target firmware . for example it will install
|
|
latest 7.12 then upgrade to newer version >7.13 or install Required packages before update</c-form-feedback>
|
|
</c-form-check>
|
|
|
|
<c-form-check *ngIf="ispro" [switch]="true" sizing="xl">
|
|
<input cFormCheckInput [(ngModel)]="sysconfigs['otp_force']['value']" type="checkbox" />
|
|
<label cFormCheckLabel>Force device otp</label>
|
|
<c-form-feedback style="display: block;color: #5c5c5c;margin-top: 0;" [valid]="true"><code style="padding: 0!important;">PRO</code>
|
|
* Force login to devices using otp for all users.(you can make exceptions for each user)</c-form-feedback>
|
|
</c-form-check>
|
|
<button cButton color="primary" (click)="saveSysSetting()">Save</button>
|
|
|
|
</c-card-body>
|
|
</c-card>
|
|
</c-col>
|
|
</c-row>
|
|
|
|
<c-modal #ConfirmModal backdrop="static" [(visible)]="ConfirmModalVisible" id="runConfirmModal">
|
|
<c-modal-header>
|
|
<h6 cModalTitle>Downloading RouterOS ver {{firmtodownload}} </h6>
|
|
<button [cModalToggle]="ConfirmModal.id" cButtonClose></button>
|
|
</c-modal-header>
|
|
<c-modal-body>
|
|
Are you sure that You want to download RouterOS version {{firmtodownload}} to the Repository?
|
|
<br />
|
|
</c-modal-body>
|
|
<c-modal-footer>
|
|
<button *ngIf="loading" cButton cButton color="danger" class="m-1" disabled>
|
|
<c-spinner aria-hidden="true" size="sm"></c-spinner>
|
|
Downloading...
|
|
</button>
|
|
<button *ngIf="!loading" (click)="start_download()" cButton color="danger">
|
|
Yes,Download!
|
|
</button>
|
|
<button [cModalToggle]="ConfirmModal.id" cButton color="info">
|
|
No!,Close
|
|
</button>
|
|
</c-modal-footer>
|
|
</c-modal>
|
|
|
|
<c-modal #DeleteConfirmModal backdrop="static" [(visible)]="DeleteConfirmModalVisible" id="DeleteConfirmModal">
|
|
<c-modal-header>
|
|
<h6 cModalTitle>Delete Firmware from Repo</h6>
|
|
<button [cModalToggle]="DeleteConfirmModal.id" cButtonClose></button>
|
|
</c-modal-header>
|
|
<c-modal-body>
|
|
Are you sure that You want to Delete Firmware {{currentFirm.version}}/{{currentFirm.architecture}}?
|
|
<br />
|
|
</c-modal-body>
|
|
<c-modal-footer>
|
|
<button (click)="delete_fimrware(currentFirm,true)" cButton color="danger">
|
|
Yes,Delete.
|
|
</button>
|
|
<button [cModalToggle]="DeleteConfirmModal.id" cButton color="info">
|
|
No.
|
|
</button>
|
|
</c-modal-footer>
|
|
</c-modal>
|
|
<c-toaster position="fixed" placement="top-end"></c-toaster> |