Moved into Gitea

files/amipro_utils.js

@@ -0,0 +1,36 @@
+/**
+ * amiPro utils
+ */
+
+'use strict';
+
+function setI18NText(i18n_map){
+  for (const key of i18n_map.keys()) {
+    const elm = $("#"+key);
+    if(elm){
+      const lang = window.navigator.language;
+      var elem = i18n_map.get(key) 
+      var msg = null
+      if(elem){
+        msg = elem.get(lang)
+        if(!msg)msg=elem.get('en-US');
+      }
+      if(!msg)msg = key+"-"+lang
+      
+      $("#"+key).html(msg);
+    }
+  }
+}
+
+function getI18NText(i18n_map, key){
+  const lang = window.navigator.language;
+  var elem = i18n_map.get(key) 
+  var msg = null
+  if(elem){
+    msg = elem.get(lang)
+    if(!msg)msg=elem.get('en-US');
+  }
+  if(!msg)msg = key+"-"+lang
+  
+  return msg  
+}

files/config.js

@@ -0,0 +1,27 @@
+/**
+ * Config
+ * -------------------------------------------------------------------------------------
+ * ! IMPORTANT: Make sure you clear the browser local storage In order to see the config changes in the template.
+ * ! To clear local storage: (https://www.leadshook.com/help/how-to-clear-local-storage-in-google-chrome-browser/).
+ */
+
+'use strict';
+
+// JS global variables
+let config = {
+  colors: {
+    primary: '#696cff',
+    secondary: '#8592a3',
+    success: '#71dd37',
+    info: '#03c3ec',
+    warning: '#ffab00',
+    danger: '#ff3e1d',
+    dark: '#233446',
+    black: '#000',
+    white: '#fff',
+    body: '#f4f5fb',
+    headingColor: '#566a7f',
+    axisColor: '#a1acb8',
+    borderColor: '#eceef1'
+  }
+};

files/demo.css

@@ -0,0 +1,107 @@
+/*
+* demo.css
+* File include item demo only specific css only
+******************************************************************************/
+
+.menu .app-brand.demo {
+  height: 64px;
+  margin-top: 12px;
+}
+
+.app-brand-logo.demo svg {
+  width: 22px;
+  height: 38px;
+}
+
+.app-brand-text.demo {
+  font-size: 1.75rem;
+  letter-spacing: -0.5px;
+  text-transform: lowercase;
+}
+
+/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
+/* Detached navbar */
+.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
+  padding-top: 76px !important;
+}
+/* Default navbar */
+.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
+  padding-top: 64px !important;
+}
+
+/* Navbar page z-index issue solution */
+.content-wrapper .navbar {
+  z-index: auto;
+}
+
+/*
+* Content
+******************************************************************************/
+
+.demo-blocks > * {
+  display: block !important;
+}
+
+.demo-inline-spacing > * {
+  margin: 1rem 0.375rem 0 0 !important;
+}
+
+/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
+.demo-vertical-spacing > * {
+  margin-top: 1rem !important;
+  margin-bottom: 0 !important;
+}
+.demo-vertical-spacing.demo-only-element > :first-child {
+  margin-top: 0 !important;
+}
+
+.demo-vertical-spacing-lg > * {
+  margin-top: 1.875rem !important;
+  margin-bottom: 0 !important;
+}
+.demo-vertical-spacing-lg.demo-only-element > :first-child {
+  margin-top: 0 !important;
+}
+
+.demo-vertical-spacing-xl > * {
+  margin-top: 5rem !important;
+  margin-bottom: 0 !important;
+}
+.demo-vertical-spacing-xl.demo-only-element > :first-child {
+  margin-top: 0 !important;
+}
+
+.rtl-only {
+  display: none !important;
+  text-align: left !important;
+  direction: ltr !important;
+}
+
+[dir='rtl'] .rtl-only {
+  display: block !important;
+}
+
+/*
+* Layout demo
+******************************************************************************/
+
+.layout-demo-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  margin-top: 1rem;
+}
+.layout-demo-placeholder img {
+  width: 900px;
+}
+.layout-demo-info {
+  text-align: center;
+  margin-top: 1rem;
+}

files/dfido2-lib.js

@@ -0,0 +1,616 @@
+const DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION = 'fido2_user_session'
+const DFIDO2_LIB_LOCALSTG_NAME_REGISTERED = 'dfido2_lib_registered'
+const DFIDO2_LIB_LOCALSTG_NAME_SVR_URL = 'dfido2_lib_svr_url'
+
+/** ===APIs=== */
+
+if(!localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL)){
+    localStorage.setItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL, 'https://fido2.amipro.me')
+}
+
+function setFidoServerURL(url){
+    localStorage.setItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL, url);
+}
+
+function canTryAutoAuthentication(){
+    //const session_text = localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION)
+    //alert('canTryAuth:'+session_text+"|"+(null != localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_REGISTERED)))
+    return null != localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_REGISTERED)
+}
+
+/**
+ * 
+ * @param {String} userId
+ * @param {String} rpId
+ */
+async function authenticateFido2(userId = null, rpId = null) {
+    var result
+    result = await doAssertion(userId, rpId);
+    if(result.status === 'ok'){
+        sessionStorage.setItem(DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION, 
+            JSON.stringify({session:result.session, uid:result.username}))
+        localStorage.setItem(DFIDO2_LIB_LOCALSTG_NAME_REGISTERED, new Date());
+    }
+    return result
+}
+
+/**
+ * 
+ * @param {String} userId
+ * @param {String} rpId
+ */
+async function registerFido2(userId, userDisplay, rpId = null) {
+    if (isWebAuthnSupported()) {
+        const result = await doAttestation(userId, userDisplay, rpId);
+        if(result.status === 'ok'){
+            localStorage.setItem(DFIDO2_LIB_LOCALSTG_NAME_REGISTERED, new Date());
+            sessionStorage.setItem(DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION, JSON.stringify({session:result.session, uid:result.username}))
+        }
+        return result
+    }else return {status:'failed', errorMessage: getI18NErrorMessage('Fido2LibErr101:')}
+}
+
+/**
+ * 
+ * @param {String} rpId 
+ * @returns 
+ */
+async function listUserDevicesFido2(rpId = null) {
+    try {
+        const session_text = sessionStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION)
+        if(!session_text) return {status:'ok', devices:[]}
+
+        const session_data = JSON.parse(session_text)
+
+        let req = {session: session_data.session}
+        if (rpId && 0 < rpId.length) {
+            req.rp = { id: rpId };
+        }
+
+        const response = await fetch(localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL) + "/usr/dvs/lst", {
+            method: "POST",
+            cache: "no-cache",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify(req)
+        });
+        const resp = await response.json();
+        if ('ok' === resp.status && resp.session === session_data.session) {
+            return {status:'ok', devices:resp.devices}
+        } else {
+            return {status:'failed', errorMessage: resp.errorMessage}
+        }
+    } catch (err) {
+        console.log(err)
+        let msg = err.message ? err.message : err;
+        //console.error("Assertion err: ", err);
+        var errRtn =  {status:'failed', errorMessage: msg};
+        if(err.name) errRtn.name = err.name
+        return errRtn;
+    }
+}
+
+async function delUserDeviceFido2(device_id, rpId = null) {
+    try {
+        const session_text = sessionStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION)
+        const session_data = JSON.parse(session_text)
+
+        let req = {session: session_data.session, device_id: device_id}
+        if (rpId && 0 < rpId.length) {
+            req.rp = { id: rpId };
+        }
+
+        const response = await fetch(localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL) + "/usr/dvs/rm", {
+            method: "POST",
+            cache: "no-cache",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify(req)
+        });
+        const resp = await response.json();
+
+        return resp
+    } catch (err) {
+        console.log(err)
+        let msg = err.message ? err.message : err;
+        //console.error("Assertion err: ", err);
+        var errRtn =  {status:'failed', errorMessage: msg};
+        if(err.name) errRtn.name = err.name
+        return errRtn;
+    }
+}
+
+function getSessionId() {
+    var rtn = null
+    try {
+        const session_text = sessionStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION)
+        if(session_text){
+            const session_data = JSON.parse(session_text)
+
+            rtn = session_data.session
+        }
+
+        return rtn
+    } catch (err) {
+        console.log(err)
+        return null;
+    }
+}
+
+async function validSession(rpId = null) {
+    try {
+        const session_text = sessionStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION)
+        if(!session_text) return false
+
+        const session_data = JSON.parse(session_text)
+
+        let req = {session: session_data.session}
+        if (rpId && 0 < rpId.length) {
+            req.rp = { id: rpId };
+        }
+
+        const response = await fetch(localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL) + "/usr/validsession", {
+            method: "POST",
+            cache: "no-cache",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify(req)
+        });
+        const resp = await response.json();
+
+        return resp.status === 'ok'
+    } catch (err) {
+        console.log(err)
+        return false;
+    }
+}
+
+async function logoutFido2UserSession(){
+    const session_text = sessionStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION)
+    if(!session_text) return
+
+    const session_data = JSON.parse(session_text)
+    let req = {session: session_data['session'], username: session_data['uid']}
+    const response = await fetch(localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL) + "/usr/delsession", {
+        method: "POST",
+        cache: "no-cache",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify(req)
+    });
+
+    sessionStorage.removeItem(DFIDO2_LIB_LOCALSTG_NAME_USER_SESSION);
+}
+
+async function getRegistrationUser(reg_session_id){
+    try {
+        let req = {session_id: reg_session_id}
+        const response = await fetch(localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL) + "/reg/username", {
+            method: "POST",
+            cache: "no-cache",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify(req)
+        });
+        const resp = await response.json();
+
+        return resp.username
+    } catch (err) {
+        console.log(err)
+        return false;
+    }
+}
+
+function errProcessFido2(result){
+    alert(errMessageFido2(result));
+}
+
+function errMessageFido2(result){
+    var rtn
+    if(result.errCode && fido2LibErrCodes.unknown != result.errCode ){
+        switch (result.errCode){
+            case fido2LibErrCodes.user_canceled:
+                rtn=getI18NErrorMessage('Fido2LibErr102:');
+                break;
+            case fido2LibErrCodes.timeout:
+                rtn=getI18NErrorMessage('Fido2LibErr103:');
+                break; 
+            default:
+                rtn=result.errorMessage?result.errorMessage:getI18NErrorMessage('Fido2LibErr104:');
+        }
+    }else if(result.name && "InvalidStateError" === result.name){
+        rtn=getI18NErrorMessage('Fido2LibErr105:');
+    }else if(result.errorMessage){
+        const msg = getI18NErrorMessage(result.errorMessage);
+        rtn=msg?msg:result.errorMessage;
+    }else{
+        rtn=getI18NErrorMessage(i18n_messages, 'Fido2LibErr104:');
+    }
+
+    return rtn;
+}
+
+const fido2LibErrCodes = {
+    user_canceled   : -101,
+    timeout         : -102,
+    unknown         : -999
+}
+
+const errMsgs = new Map();
+const fido2LibErrMsgLanguages = {
+    english: 'en-US',
+    japanese: 'ja',
+    chinese_cn: 'zh-CN',
+    //chinese_tw: 'zh-TW',
+}
+errMsgs.set(fido2LibErrMsgLanguages.english, new Map());
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr101:', 'Unregistered enterprise authenticator aaguid!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr102:', 'Unable to authenticate with a unique device binding key from another device!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr103:', 'Unable to verify signature!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr104:', 'Key not found!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr105:', 'Username does not exist!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr106:', 'Unique Device ID is null!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr107:', '/attestation/result request body has no ID field!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr108:', 'ID field is not Base64Url encoded in /attestation/result request body!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr109:', '/attestation/result request body has no TYPE field!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr110:', 'TYPE field is not a DOMString in /attestation/result request body!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr111:', 'The TYPE field is not a public key in the /attestation/result request body!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr112:', 'ID field is not a DOMString in /attestation/result request body!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr115:', 'authenticatorData not found!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr116:', 'authenticatorData is not base64 URL encoded!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr117:', 'Signature not found!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr118:', 'Signature is not base64 URL encoded!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr119:', 'No user session!');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('SvrErr120:', 'User has reached the device limit!');
+
+errMsgs.get(fido2LibErrMsgLanguages.english).set('Fido2LibErr101:', 'Your browser does not support FIDO2.');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('Fido2LibErr102:', 'The user canceled.');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('Fido2LibErr103:', 'The process timeout.');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('Fido2LibErr104:', 'System error.');
+errMsgs.get(fido2LibErrMsgLanguages.english).set('Fido2LibErr105:', 'The same authenticator cannot be registered again.');
+
+errMsgs.set(fido2LibErrMsgLanguages.japanese, new Map());
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr101:', '登録されていないエンタープライズ認証デバイス aaguid!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr102:', '別のデバイスからの一意のデバイス バインド キーで認証できません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr103:', '署名を認証できません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr104:', 'キーが見つかりません！');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr105:', 'ユーザー名は存在しません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr106:', '固有のデバイス ID が null です!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr107:', '/attestation/result request の本文に ID フィールドがありません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr108:', 'ID フィールドは、/attestation/result リクエストの本文でエンコードされた Base64Url ではありません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr109:', '/attestation/result リクエストのボディに TYPE フィールドがありません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr110:', 'TYPE フィールドは、/attestation/result リクエストの本文の DOMString ではありません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr111:', 'TYPE フィールドは、/attestation/result リクエストの本文の公開鍵ではありません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr112:', 'ID フィールドは、/attestation/result リクエストの本文の DOMString ではありません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr115:', 'authenticatorData が見つかりません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr116:', 'authenticatorData は base64 URL エンコードされていません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr117:', '署名が見つかりません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr118:', '署名は base64 URL エンコードされていません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr119:', 'ユーザーセッションがありません!');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('SvrErr120:', 'ユーザーはデバイスの制限数に達しました!');
+
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('Fido2LibErr101:', 'お使いのブラウザは FIDO2 をサポートしていません。');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('Fido2LibErr102:', 'ユーザーがキャンセルしました。');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('Fido2LibErr103:', 'プロセスがタイムアウトしました。');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('Fido2LibErr104:', 'システムエラー。');
+errMsgs.get(fido2LibErrMsgLanguages.japanese).set('Fido2LibErr105:', '同じ認証デバイスを再登録することはできません。');
+
+errMsgs.set(fido2LibErrMsgLanguages.chinese_cn, new Map());
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr101:', '未注册的企业认证器 aaguid!');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr102:', '无法使用来自其他设备的唯一设备绑定密钥进行身份验证！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr103:', '无法验证签名！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr104:', '认证Key未找到!');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr105:', '用户名不存在！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr106:', 'Unique Device ID 为 null!');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr107:', '/attestation/result请求体没有ID字段！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr108:', 'ID字段不是/attestation/result请求体中编码的Base64Url！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr109:', '/attestation/result请求体没有TYPE字段！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr110:', '/attestation/result 请求正文中的 TYPE 字段不是 DOMString!');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr111:', 'TYPE字段不是/attestation/result请求体中的公钥！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr112:', 'ID 字段不是 /attestation/result 请求体中的 DOMString！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr115:', 'authenticatorData 未找到!');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr116:', 'authenticatorData 不是 base64 URL 编码！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr117:', '未找到签名！');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr118:', '签名不是 base64 URL 编码!');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr119:', '未建立用户会话!');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('SvrErr120:', '用户已达到设备限制数!');
+
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('Fido2LibErr101:', '您的浏览器不支持FIDO2.');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('Fido2LibErr102:', '用户取消了操作。');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('Fido2LibErr103:', '操作超时。');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('Fido2LibErr104:', '系统错误。');
+errMsgs.get(fido2LibErrMsgLanguages.chinese_cn).set('Fido2LibErr105:', '无法再次注册相同的认证器。');
+
+/**
+ * 
+ * @param {String} errorMessage 
+ * @param {errMsgLanguages} language
+ */
+function getI18NErrorMessage(errorMessage, language = null){
+    var lang = language ?  language : window.navigator.language
+    var msgs = errMsgs.get(lang)
+    if(!msgs)msgs = errMsgs.get(fido2LibErrMsgLanguages.english)    
+    if(errorMessage){
+        const msgHeader = 0<errorMessage.indexOf(':')?errorMessage.substring(0, errorMessage.indexOf(':')):errorMessage
+        const msg = msgs.get(msgHeader+":")
+        return msg?msgHeader+":"+msg:errorMessage;
+    } else return errorMessage;
+}
+
+/** ===utils=== */
+
+function isWebAuthnSupported() {
+    if (window.PublicKeyCredential) {
+        return true;
+    } else {
+        return false;
+    }
+}
+
+function makePublicKey(attOptsResp) {
+    if (attOptsResp.excludeCredentials) {
+        attOptsResp.excludeCredentials = attOptsResp.excludeCredentials.map(
+            function (cred) {
+                cred.id = _base64ToArrayBuffer(_fromBase64URL(cred.id));
+                cred.transports = ["internal", "usb", "ble", "nfc"];
+                return cred;
+            }
+        );
+
+        //console.log("Attestation Options:");
+        //console.log(attOptsResp);
+    }
+
+    const keys = {
+        publicKey: {
+            attestation: attOptsResp.attestation,
+            authenticatorSelection: attOptsResp.authenticatorSelection,
+            excludeCredentials: attOptsResp.excludeCredentials,
+            rp: attOptsResp.rp,
+            user: {
+                id: _stringToArrayBuffer(attOptsResp.user.id), //_base64ToArrayBuffer(_fromBase64URL(attOptsResp.user.id)),
+                name: attOptsResp.user.name,
+                displayName: attOptsResp.user.displayName,
+            },
+            pubKeyCredParams: attOptsResp.pubKeyCredParams,
+            timeout: attOptsResp.timeout,
+            challenge: _base64ToArrayBuffer(_fromBase64URL(attOptsResp.challenge)),
+        }
+    }
+    return keys;
+}
+
+async function doAttestation(username, displayName, rpId, userVerification = 'preferred') {
+    var process_time_limit = Number.MAX_SAFE_INTEGER
+    try {
+        const attestationOptions = {
+            username: username,
+            displayName: encodeURIComponent(displayName),
+            authenticatorSelection: {
+                //authenticatorAttachment: "platform",
+                userVerification: userVerification,
+                requireResidentKey: false,
+            },
+            //attestation: "none",
+        };
+
+        if (rpId && 0 < rpId.length) {
+            attestationOptions.rp = { id: rpId }
+        }
+
+        const svrUrl = localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL)
+        const response = await fetch(svrUrl + "/attestation/options", {
+            method: "POST",
+            cache: "no-cache",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify(attestationOptions),
+        });
+
+        const resp = await response.json();
+        if (resp.status === "failed") {
+            return {status:'failed', errorMessage: resp.errorMessage}
+        } else {
+            process_time_limit = (new Date()).getTime() + resp.timeout;
+            const res = await navigator.credentials.create(makePublicKey(resp));
+            if (res) {
+                let attResult = {
+                    id: res.id,
+                    rawId: _toBase64URL(btoa(_bufferToString(res.rawId)))
+                    ,
+                    type: "public-key",
+                    response: {
+                        clientDataJSON: _toBase64URL(btoa(_bufferToString(res.response.clientDataJSON)))
+                        ,
+                        attestationObject: _toBase64URL(btoa(_bufferToString(res.response.attestationObject)))
+                        ,
+                    },
+                };
+
+                const result = await fetch(localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL) + "/attestation/result", {
+                    method: "POST",
+                    cache: "no-cache",
+                    headers: {
+                        "Content-Type": "application/json"
+                    },
+                    body: JSON.stringify(attResult),
+                });
+
+                const respResult = await result.json();
+                if (respResult) {
+                    if (respResult.status === "ok") {
+                        return respResult
+                    } else {
+                        return {status:'failed', errorMessage: respResult.errorMessage}
+                    }
+                } else {
+                    return {status:'failed', errorMessage: 'Fido2LibErr999:Svr result error'}
+                }
+            } else {
+                return {status:'failed', errorMessage: 'Fido2LibErr999:Undefined Result'};
+            }
+        }
+    } catch (err) {
+        var errRtn =  {status:'failed', errorMessage: err.message};
+        if(err.name) errRtn.name = err.name
+        if(err.name && 'NotAllowedError' === err.name){
+            const nowtm = (new Date()).getTime()
+            if(nowtm > process_time_limit){
+                errRtn.errCode = fido2LibErrCodes.timeout
+            }else{
+                errRtn.errCode = fido2LibErrCodes.user_canceled
+            }
+        }else errRtn.errCode = fido2LibErrCodes.unknown
+        
+        return errRtn;
+    }
+}
+
+async function doAssertion(username = null, rpId = null, userVerification = 'preferred') {
+    var process_time_limit = Number.MAX_SAFE_INTEGER
+    try {
+        let authnOptions;
+        /*if (!username) {
+            authnOptions = {
+                authenticatorSelection: {
+                    //authenticatorAttachment: "platform",
+                    userVerification: "discouraged"
+                }
+            };
+        } else {
+            authnOptions = {
+                username: username,
+                authenticatorSelection: {
+                    //authenticatorAttachment: "platform",
+                    userVerification: "preferred"
+                }
+            };
+        }*/
+        authnOptions = {
+            username: username,
+            authenticatorSelection: {
+                //authenticatorAttachment: "platform",
+                userVerification: userVerification
+            }
+        };
+
+        if (rpId && 0 < rpId.length) {
+            authnOptions.rp = { id: rpId };
+        }
+
+        const response = await fetch(localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL) + "/assertion/options", {
+            method: "POST",
+            cache: "no-cache",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify(authnOptions)
+        });
+        const resp = await response.json();
+        if ('ok' === resp.status) {
+            process_time_limit = (new Date()).getTime() + resp.timeout;
+            resp.allowCredentials = resp.allowCredentials || [];
+            let mappedAllowCreds = resp.allowCredentials.map(x => {
+                return {
+                    id: _base64ToArrayBuffer(_fromBase64URL(x.id)),
+                    type: x.type,
+                    transports: x.transports // can set like ['internal', 'usb'] to override server settings
+                };
+            });
+
+            const cred = await navigator.credentials.get({
+                publicKey: {
+                    challenge: _base64ToArrayBuffer(_fromBase64URL(resp.challenge)),
+                    timeout: resp.timeout,
+                    rpId: resp.rpId,
+                    userVerification: resp.userVerification,
+                    allowCredentials: mappedAllowCreds
+                }
+            });
+
+            if (cred) {
+                let authRequest = {
+                    id: cred.id,
+                    rawId: Array.from(new Uint8Array(cred.rawId)),
+                    type: cred.type,
+                    response: {
+                        authenticatorData: _toBase64URL(btoa(_bufferToString(cred.response.authenticatorData))),
+                        clientDataJSON: _toBase64URL(btoa(_bufferToString(cred.response.clientDataJSON))),
+                        signature: _toBase64URL(btoa(_bufferToString(cred.response.signature))),
+                        userHandle: _toBase64URL(btoa(_bufferToString(cred.response.userHandle))) //_toBase64URL(btoa(_bufferToString(cred.response.userHandle)))
+                    }
+                };
+                const res = await fetch(localStorage.getItem(DFIDO2_LIB_LOCALSTG_NAME_SVR_URL) + "/assertion/result", {
+                    method: "POST",
+                    cache: "no-cache",
+                    headers: {
+                        "Content-Type": "application/json"
+                    },
+                    body: JSON.stringify(authRequest)
+                });
+                const result = await res.json();
+                if (result.status === 'ok') {
+                    return result
+                } else {
+                    return {status:'failed', errorMessage: result.errorMessage}
+                }
+            } else {
+                return {status:'failed', errorMessage: 'Fido2LibErr999:Undefined Result'};
+            }
+        } else {
+            return {status:'failed', errorMessage: resp.errorMessage}
+        }
+    } catch (err) {
+        var errRtn =  {status:'failed', errorMessage: err.message};
+        if(err.name) errRtn.name = err.name
+        if(err.name && 'NotAllowedError' === err.name){
+            const nowtm = (new Date()).getTime()
+            if(nowtm > process_time_limit){
+                errRtn.errCode = fido2LibErrCodes.timeout
+            }else{
+                errRtn.errCode = fido2LibErrCodes.user_canceled
+            }
+        }else errRtn.errCode = fido2LibErrCodes.unknown
+        
+        return errRtn;
+    }
+}
+
+function _toBase64URL(s) {
+    return (s = (s = (s = s.split("=")[0]).replace(/\+/g, "-")).replace(/\//g, "_"));
+}
+
+function _base64ToArrayBuffer(base64) {
+    var binary_string = window.atob(base64);
+    var len = binary_string.length;
+    var bytes = new Uint8Array(len);
+    for (var i = 0; i < len; i++) {
+        bytes[i] = binary_string.charCodeAt(i);
+    }
+    return bytes;
+}
+
+function _stringToArrayBuffer(src) {
+    return (new Uint8Array([].map.call(src, function (c) {
+        return c.charCodeAt(0)
+    }))).buffer;
+}
+
+function _fromBase64URL(s) {
+    var chk = (s = s.replace(/-/g, "+").replace(/_/g, "/")).length % 4;
+    if (chk) {
+        if (1 === chk) throw new Error("Base64url string is wrong.");
+        s += new Array(5 - chk).join("=");
+    }
+    return s;
+}
+
+function _bufferToString(s) {
+    return new Uint8Array(s).reduce((s, e) => s + String.fromCodePoint(e), "");
+}

files/main.js

@@ -0,0 +1,118 @@
+/**
+ * Main
+ */
+
+'use strict';
+
+let menu, animate;
+
+(function () {
+  // Initialize menu
+  //-----------------
+
+  let layoutMenuEl = document.querySelectorAll('#layout-menu');
+  layoutMenuEl.forEach(function (element) {
+    menu = new Menu(element, {
+      orientation: 'vertical',
+      closeChildren: false
+    });
+    // Change parameter to true if you want scroll animation
+    window.Helpers.scrollToActive((animate = false));
+    window.Helpers.mainMenu = menu;
+  });
+
+  // Initialize menu togglers and bind click on each
+  let menuToggler = document.querySelectorAll('.layout-menu-toggle');
+  menuToggler.forEach(item => {
+    item.addEventListener('click', event => {
+      event.preventDefault();
+      window.Helpers.toggleCollapsed();
+    });
+  });
+
+  // Display menu toggle (layout-menu-toggle) on hover with delay
+  let delay = function (elem, callback) {
+    let timeout = null;
+    elem.onmouseenter = function () {
+      // Set timeout to be a timer which will invoke callback after 300ms (not for small screen)
+      if (!Helpers.isSmallScreen()) {
+        timeout = setTimeout(callback, 300);
+      } else {
+        timeout = setTimeout(callback, 0);
+      }
+    };
+
+    elem.onmouseleave = function () {
+      // Clear any timers set to timeout
+      document.querySelector('.layout-menu-toggle').classList.remove('d-block');
+      clearTimeout(timeout);
+    };
+  };
+  if (document.getElementById('layout-menu')) {
+    delay(document.getElementById('layout-menu'), function () {
+      // not for small screen
+      if (!Helpers.isSmallScreen()) {
+        document.querySelector('.layout-menu-toggle').classList.add('d-block');
+      }
+    });
+  }
+
+  // Display in main menu when menu scrolls
+  let menuInnerContainer = document.getElementsByClassName('menu-inner'),
+    menuInnerShadow = document.getElementsByClassName('menu-inner-shadow')[0];
+  if (menuInnerContainer.length > 0 && menuInnerShadow) {
+    menuInnerContainer[0].addEventListener('ps-scroll-y', function () {
+      if (this.querySelector('.ps__thumb-y').offsetTop) {
+        menuInnerShadow.style.display = 'block';
+      } else {
+        menuInnerShadow.style.display = 'none';
+      }
+    });
+  }
+
+  // Init helpers & misc
+  // --------------------
+
+  // Init BS Tooltip
+  const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+  tooltipTriggerList.map(function (tooltipTriggerEl) {
+    return new bootstrap.Tooltip(tooltipTriggerEl);
+  });
+
+  // Accordion active class
+  const accordionActiveFunction = function (e) {
+    if (e.type == 'show.bs.collapse' || e.type == 'show.bs.collapse') {
+      e.target.closest('.accordion-item').classList.add('active');
+    } else {
+      e.target.closest('.accordion-item').classList.remove('active');
+    }
+  };
+
+  const accordionTriggerList = [].slice.call(document.querySelectorAll('.accordion'));
+  const accordionList = accordionTriggerList.map(function (accordionTriggerEl) {
+    accordionTriggerEl.addEventListener('show.bs.collapse', accordionActiveFunction);
+    accordionTriggerEl.addEventListener('hide.bs.collapse', accordionActiveFunction);
+  });
+
+  // Auto update layout based on screen size
+  window.Helpers.setAutoUpdate(true);
+
+  // Toggle Password Visibility
+  window.Helpers.initPasswordToggle();
+
+  // Speech To Text
+  window.Helpers.initSpeechToText();
+
+  // Manage menu expanded/collapsed with templateCustomizer & local storage
+  //------------------------------------------------------------------
+
+  // If current layout is horizontal OR current window screen is small (overlay menu) than return from here
+  if (window.Helpers.isSmallScreen()) {
+    return;
+  }
+
+  // If current layout is vertical and current window screen is > small
+
+  // Auto update menu collapsed/expanded based on the themeConfig
+  window.Helpers.setCollapsed(true, false);
+})();

files/perfect-scrollbar.css

@@ -0,0 +1,211 @@
+/*
+ * Container style
+ */
+.ps {
+  overflow: hidden !important;
+  overflow-anchor: none;
+  -ms-overflow-style: none;
+  touch-action: auto;
+  -ms-touch-action: auto;
+}
+
+/*
+ * Scrollbar rail styles
+ */
+.ps__rail-x {
+  display: none;
+  opacity: 0;
+  transition: background-color 0.2s linear, opacity 0.2s linear;
+  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
+  height: 15px;
+  /* there must be 'bottom' or 'top' for ps__rail-x */
+  bottom: 0px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__rail-y {
+  display: none;
+  opacity: 0;
+  transition: background-color 0.2s linear, opacity 0.2s linear;
+  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
+  width: 15px;
+  /* there must be 'right' or 'left' for ps__rail-y */
+  right: 0;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps--active-x > .ps__rail-x,
+.ps--active-y > .ps__rail-y {
+  display: block;
+  background-color: transparent;
+}
+
+.ps:hover > .ps__rail-x,
+.ps:hover > .ps__rail-y,
+.ps--focus > .ps__rail-x,
+.ps--focus > .ps__rail-y,
+.ps--scrolling-x > .ps__rail-x,
+.ps--scrolling-y > .ps__rail-y {
+  opacity: 0.6;
+}
+
+.ps .ps__rail-x:hover,
+.ps .ps__rail-y:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-y:focus,
+.ps .ps__rail-x.ps--clicking,
+.ps .ps__rail-y.ps--clicking {
+  background-color: #eee;
+  opacity: 0.9;
+}
+
+/*
+ * Scrollbar thumb styles
+ */
+.ps__thumb-x {
+  background-color: #aaa;
+  border-radius: 6px;
+  transition: background-color 0.2s linear, height 0.2s ease-in-out;
+  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
+  height: 6px;
+  /* there must be 'bottom' for ps__thumb-x */
+  bottom: 2px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__thumb-y {
+  background-color: #aaa;
+  border-radius: 6px;
+  transition: background-color 0.2s linear, width 0.2s ease-in-out;
+  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
+  width: 6px;
+  /* there must be 'right' for ps__thumb-y */
+  right: 2px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+  background-color: #999;
+  height: 11px;
+}
+
+.ps__rail-y:hover > .ps__thumb-y,
+.ps__rail-y:focus > .ps__thumb-y,
+.ps__rail-y.ps--clicking .ps__thumb-y {
+  background-color: #999;
+  width: 11px;
+}
+
+/* MS supports */
+@supports (-ms-overflow-style: none) {
+  .ps {
+    overflow: auto !important;
+  }
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .ps {
+    overflow: auto !important;
+  }
+}
+.ps {
+  position: relative;
+}
+
+.ps__rail-x {
+  height: 0.25rem;
+}
+
+.ps__rail-y {
+  width: 0.25rem;
+}
+
+.ps__rail-x,
+.ps__rail-y,
+.ps__thumb-x,
+.ps__thumb-y {
+  border-radius: 10rem;
+}
+
+.ps__rail-x:hover,
+.ps__rail-x:focus,
+.ps__rail-x.ps--clicking,
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking > .ps__thumb-x {
+  height: 0.375rem;
+}
+
+.ps__rail-y:hover,
+.ps__rail-y:focus,
+.ps__rail-y.ps--clicking,
+.ps__rail-y:hover > .ps__thumb-y,
+.ps__rail-y:focus > .ps__thumb-y,
+.ps__rail-y.ps--clicking > .ps__thumb-y {
+  width: 0.375rem;
+}
+
+.ps__thumb-x {
+  height: 0.25rem;
+  bottom: 0;
+}
+
+.ps__thumb-y {
+  width: 0.25rem;
+  right: 0;
+}
+
+.light-style .ps__thumb-x,
+.light-style .ps__thumb-y {
+  background-color: rgba(67, 89, 113, 0.4);
+}
+.light-style .ps__rail-x:hover,
+.light-style .ps__rail-y:hover,
+.light-style .ps__rail-x:focus,
+.light-style .ps__rail-y:focus,
+.light-style .ps__rail-x.ps--clicking,
+.light-style .ps__rail-y.ps--clicking {
+  background-color: rgba(67, 89, 113, 0.2);
+}
+.light-style .ps__rail-x:hover > .ps__thumb-x,
+.light-style .ps__rail-y:hover > .ps__thumb-y,
+.light-style .ps__rail-x:focus > .ps__thumb-x,
+.light-style .ps__rail-y:focus > .ps__thumb-y,
+.light-style .ps__rail-x.ps--clicking > .ps__thumb-x,
+.light-style .ps__rail-y.ps--clicking > .ps__thumb-y {
+  background-color: rgba(67, 89, 113, 0.7);
+}
+.light-style .ps-inverted .ps__rail-x:hover,
+.light-style .ps-inverted .ps__rail-y:hover,
+.light-style .ps-inverted .ps__rail-x:focus,
+.light-style .ps-inverted .ps__rail-y:focus,
+.light-style .ps-inverted .ps__rail-x.ps--clicking,
+.light-style .ps-inverted .ps__rail-y.ps--clicking {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.light-style .ps-inverted .ps__thumb-x,
+.light-style .ps-inverted .ps__thumb-y {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+.light-style .ps-inverted .ps__rail-x:hover > .ps__thumb-x,
+.light-style .ps-inverted .ps__rail-y:hover > .ps__thumb-y,
+.light-style .ps-inverted .ps__rail-x:focus > .ps__thumb-x,
+.light-style .ps-inverted .ps__rail-y:focus > .ps__thumb-y,
+.light-style .ps-inverted .ps__rail-x.ps--clicking > .ps__thumb-x,
+.light-style .ps-inverted .ps__rail-y.ps--clicking > .ps__thumb-y {
+  background-color: #fff;
+}
+
+@supports (-moz-appearance: none) {
+  #both-scrollbars-example {
+    max-width: 1080px;
+    margin: 0 auto;
+    padding-left: 0;
+    padding-right: 0;
+  }
+}