Removed stanalone support from UI SDK
This commit is contained in:
dqj
@@ -54,8 +54,8 @@
|
|||||||
|
|
||||||
<script src="files/ua-parser.js"></script>
|
<script src="files/ua-parser.js"></script>
|
||||||
|
|
||||||
<script src="files/amipro_utils.js?v=20230401402"></script>
|
<script src="files/amipro_utils.js?v=20260118"></script>
|
||||||
<script src="files/dfido2-lib.js?v=20230918"></script>
|
<script src="files/dfido2-lib.js?v=20260118"></script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
|
|||||||
@@ -88,30 +88,6 @@
|
|||||||
border-left: 4px solid #0d6efd;
|
border-left: 4px solid #0d6efd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fido2-sdk-standalone {
|
|
||||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
||||||
min-height: 100vh;
|
|
||||||
padding: 40px 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fido2-sdk-standalone .container {
|
|
||||||
max-width: 1000px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fido2-sdk-standalone .card {
|
|
||||||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fido2-sdk-standalone .card-header {
|
|
||||||
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
|
||||||
border-bottom: 2px solid #dee2e6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fido2-sdk-standalone .card-body {
|
|
||||||
background-color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fido2-sdk-table .text-danger {
|
.fido2-sdk-table .text-danger {
|
||||||
color: #dc3545 !important;
|
color: #dc3545 !important;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@@ -138,10 +114,6 @@
|
|||||||
max-width: calc(100% - 20px);
|
max-width: calc(100% - 20px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fido2-sdk-standalone {
|
|
||||||
padding: 20px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fido2-sdk-table th,
|
.fido2-sdk-table th,
|
||||||
.fido2-sdk-table td {
|
.fido2-sdk-table td {
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
|
|||||||
@@ -1685,137 +1685,6 @@
|
|||||||
this.containerElement = null;
|
this.containerElement = null;
|
||||||
};
|
};
|
||||||
|
|
||||||
UIRenderer.prototype.renderStandalone = function() {
|
|
||||||
if (this.config.container) {
|
|
||||||
const container = typeof this.config.container === 'string'
|
|
||||||
? document.querySelector(this.config.container)
|
|
||||||
: this.config.container;
|
|
||||||
|
|
||||||
if (container) {
|
|
||||||
container.innerHTML = this._getStandaloneBodyHTML();
|
|
||||||
this.containerElement = container;
|
|
||||||
this.themeManager.applyTheme(container);
|
|
||||||
this._bindEvents();
|
|
||||||
return container;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
document.body.innerHTML = this._getStandaloneBodyHTML();
|
|
||||||
document.body.className = 'fido2-sdk-standalone';
|
|
||||||
this.containerElement = document.body;
|
|
||||||
this.themeManager.applyTheme(document.body);
|
|
||||||
this._bindEvents();
|
|
||||||
return document.body;
|
|
||||||
};
|
|
||||||
|
|
||||||
UIRenderer.prototype._getStandaloneBodyHTML = function() {
|
|
||||||
const theme = this.config.theme;
|
|
||||||
const dm = window.Fido2UIManager ? window.Fido2UIManager.deviceManager : null;
|
|
||||||
const userId = dm ? dm.getEffectiveUserId() : (this.config.userId || '');
|
|
||||||
|
|
||||||
return `
|
|
||||||
<div class="container fido2-sdk-container">
|
|
||||||
<div class="card fido2-sdk-card">
|
|
||||||
<div class="card-header fido2-sdk-header d-flex justify-content-between align-items-center">
|
|
||||||
<div>
|
|
||||||
${theme.logo ? `<img src="${theme.logo}" class="fido2-sdk-logo me-2" alt="Logo">` : ''}
|
|
||||||
<h4 class="mb-0 fido2-sdk-text">${this.i18n.getText('my_devices')}</h4>
|
|
||||||
</div>
|
|
||||||
${this.config.features.showSessionStatus ? '<span class="badge fido2-sdk-status-badge" id="fido2SessionStatus"></span>' : ''}
|
|
||||||
</div>
|
|
||||||
<div class="card-body fido2-sdk-body">
|
|
||||||
${this.config.features.showUserInfo && userId ? `
|
|
||||||
<div class="alert alert-info fido2-sdk-user-info fido2-sdk-text">
|
|
||||||
<strong>${this.i18n.getText('title_welcome')}:</strong> ${userId}
|
|
||||||
</div>
|
|
||||||
` : ''}
|
|
||||||
${this.config.features.showAddButton ? `
|
|
||||||
<button type="button" class="btn btn-info mt-2 mb-3 fido2-sdk-btn fido2-sdk-btn-primary" id="fido2AddDeviceBtn">
|
|
||||||
${this.i18n.getText('btn_add')}
|
|
||||||
</button>
|
|
||||||
` : ''}
|
|
||||||
<div class="table-responsive mt-2">
|
|
||||||
<table class="table table-striped fido2-sdk-table">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>${this.i18n.getText('title_device')}</th>
|
|
||||||
<th>${this.i18n.getText('title_time')}</th>
|
|
||||||
${this.config.features.showDeleteButton ? `<th>${this.i18n.getText('title_act')}</th>` : ''}
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody id="fido2DevicesList">
|
|
||||||
<tr>
|
|
||||||
<td colspan="3" class="text-center fido2-sdk-text">${this.i18n.getText('title_empty_list')}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
};
|
|
||||||
|
|
||||||
UIRenderer.prototype._getStandaloneHTML = function() {
|
|
||||||
const theme = this.config.theme;
|
|
||||||
const dm = window.Fido2UIManager ? window.Fido2UIManager.deviceManager : null;
|
|
||||||
const userId = dm ? dm.getEffectiveUserId() : (this.config.userId || '');
|
|
||||||
|
|
||||||
return `
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>${this.i18n.getText('my_devices')}</title>
|
|
||||||
<link rel="stylesheet" href="files/bootstrap.css">
|
|
||||||
<link rel="stylesheet" href="files/boxicons.css">
|
|
||||||
<link rel="stylesheet" href="files/fido2-ui-sdk.css">
|
|
||||||
</head>
|
|
||||||
<body class="fido2-sdk-standalone">
|
|
||||||
<div class="container fido2-sdk-container">
|
|
||||||
<div class="card fido2-sdk-card">
|
|
||||||
<div class="card-header fido2-sdk-header d-flex justify-content-between align-items-center">
|
|
||||||
<div>
|
|
||||||
${theme.logo ? `<img src="${theme.logo}" class="fido2-sdk-logo me-2" alt="Logo">` : ''}
|
|
||||||
<h4 class="mb-0 fido2-sdk-text">${this.i18n.getText('my_devices')}</h4>
|
|
||||||
</div>
|
|
||||||
${this.config.features.showSessionStatus ? '<span class="badge fido2-sdk-status-badge" id="fido2SessionStatus"></span>' : ''}
|
|
||||||
</div>
|
|
||||||
<div class="card-body fido2-sdk-body">
|
|
||||||
${this.config.features.showUserInfo && userId ? `
|
|
||||||
<div class="alert alert-info fido2-sdk-user-info fido2-sdk-text">
|
|
||||||
<strong>${this.i18n.getText('title_welcome')}:</strong> ${userId}
|
|
||||||
</div>
|
|
||||||
` : ''}
|
|
||||||
${this.config.features.showAddButton ? `
|
|
||||||
<button type="button" class="btn btn-info mt-2 mb-3 fido2-sdk-btn fido2-sdk-btn-primary" id="fido2AddDeviceBtn">
|
|
||||||
${this.i18n.getText('btn_add')}
|
|
||||||
</button>
|
|
||||||
` : ''}
|
|
||||||
<div class="table-responsive mt-2">
|
|
||||||
<table class="table table-striped fido2-sdk-table">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>${this.i18n.getText('title_device')}</th>
|
|
||||||
<th>${this.i18n.getText('title_time')}</th>
|
|
||||||
${this.config.features.showDeleteButton ? `<th>${this.i18n.getText('title_act')}</th>` : ''}
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody id="fido2DevicesList">
|
|
||||||
<tr>
|
|
||||||
<td colspan="3" class="text-center fido2-sdk-text">${this.i18n.getText('title_empty_list')}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
`;
|
|
||||||
};
|
|
||||||
|
|
||||||
function Fido2UIManager() {
|
function Fido2UIManager() {
|
||||||
this.config = null;
|
this.config = null;
|
||||||
@@ -1888,11 +1757,7 @@
|
|||||||
|
|
||||||
const mode = manager.config.mode;
|
const mode = manager.config.mode;
|
||||||
|
|
||||||
if (mode === 'standalone') {
|
|
||||||
manager.uiRenderer.renderStandalone();
|
|
||||||
} else {
|
|
||||||
manager.uiRenderer.renderModal();
|
manager.uiRenderer.renderModal();
|
||||||
}
|
|
||||||
|
|
||||||
manager._bindInternalEvents();
|
manager._bindInternalEvents();
|
||||||
manager._loadInitialData();
|
manager._loadInitialData();
|
||||||
|
|||||||
@@ -53,15 +53,15 @@
|
|||||||
<script src="files/menu.js"></script>
|
<script src="files/menu.js"></script>
|
||||||
<script src="files/main.js"></script>
|
<script src="files/main.js"></script>
|
||||||
|
|
||||||
<script src="files/amipro_utils.js?v=20230414"></script>
|
<script src="files/amipro_utils.js?v=20260118"></script>
|
||||||
<script src="files/dfido2-lib.js?v=2025092701"></script>
|
<script src="files/dfido2-lib.js?v=20260118"></script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
<!--
|
<!--
|
||||||
// For stand alone: 'https://local.dqj-macpro.com'
|
// For stand alone: 'https://local.dqj-macpro.com'
|
||||||
// For proxy: set 'https://mac-air-m2.dqj-home.com'
|
// For proxy: set 'https://mac-air-m2.dqj-home.com'
|
||||||
-->
|
-->
|
||||||
setFidoServerURL('https://local.dqj-macpro.com');//'https://fido2.amipro.me');
|
setFidoServerURL('https://fido2.amipro.me'); //'https://local.dqj-macpro.com');
|
||||||
|
|
||||||
const i18n_messages = new Map();
|
const i18n_messages = new Map();
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user