testupdate
Browse files- index.html +12 -3
index.html
CHANGED
|
@@ -38,7 +38,10 @@
|
|
| 38 |
padding: 1rem;
|
| 39 |
}
|
| 40 |
.markdown-body table {
|
| 41 |
-
max-width: 100%;
|
|
|
|
|
|
|
|
|
|
| 42 |
}
|
| 43 |
</style>
|
| 44 |
</head>
|
|
@@ -82,10 +85,13 @@
|
|
| 82 |
'Cache-Control': apiConnectUserAgent,
|
| 83 |
'Access-Control-Allow-Origin': '*',
|
| 84 |
};
|
|
|
|
| 85 |
window.addEventListener('load', async function(){
|
| 86 |
// some process
|
| 87 |
});
|
|
|
|
| 88 |
async function runBtn1Click () {
|
|
|
|
| 89 |
const uidInputValue = document.querySelector('#uidInputBox').value;
|
| 90 |
document.querySelector('#connectingLabelRoot').style.display = 'block';
|
| 91 |
document.querySelector('#connectingLabelNowProgress').style.display = 'inline';
|
|
@@ -97,6 +103,8 @@
|
|
| 97 |
'timeout': apiConnectTimeout
|
| 98 |
});
|
| 99 |
console.log(apiResponseData);
|
|
|
|
|
|
|
| 100 |
if (apiResponseData) {
|
| 101 |
document.querySelector('#connectingLabelOk').innerHTML = `OK (Time: ${Math.ceil(apiResponseData.apiConnectionTime)} ms)`;
|
| 102 |
htmlBuildFromApiData(apiResponseData);
|
|
@@ -106,6 +114,7 @@
|
|
| 106 |
}
|
| 107 |
|
| 108 |
async function apiConnect (axiosObj) {
|
|
|
|
| 109 |
let connectionTimerStart = performance.now();
|
| 110 |
try {
|
| 111 |
const response = await axios(axiosObj);
|
|
@@ -188,11 +197,11 @@
|
|
| 188 |
const tdKey = document.createElement('td');
|
| 189 |
const tdValue = document.createElement('td');
|
| 190 |
tdKey.innerHTML = objKey;
|
| 191 |
-
// objKey
|
| 192 |
let keyParts = objKey.split('.');
|
| 193 |
let value = inputData;
|
| 194 |
for (let i = 0; i < keyParts.length; i++) {
|
| 195 |
-
//
|
| 196 |
if (!isNaN(keyParts[i])) {
|
| 197 |
keyParts[i] = parseInt(keyParts[i], 10);
|
| 198 |
}
|
|
|
|
| 38 |
padding: 1rem;
|
| 39 |
}
|
| 40 |
.markdown-body table {
|
| 41 |
+
/* max-width: 100%; */
|
| 42 |
+
}
|
| 43 |
+
.markdown-body table th, .markdown-body table td {
|
| 44 |
+
padding: 0px 13px;
|
| 45 |
}
|
| 46 |
</style>
|
| 47 |
</head>
|
|
|
|
| 85 |
'Cache-Control': apiConnectUserAgent,
|
| 86 |
'Access-Control-Allow-Origin': '*',
|
| 87 |
};
|
| 88 |
+
|
| 89 |
window.addEventListener('load', async function(){
|
| 90 |
// some process
|
| 91 |
});
|
| 92 |
+
|
| 93 |
async function runBtn1Click () {
|
| 94 |
+
// 入力されたUID読んでAPIへ接続
|
| 95 |
const uidInputValue = document.querySelector('#uidInputBox').value;
|
| 96 |
document.querySelector('#connectingLabelRoot').style.display = 'block';
|
| 97 |
document.querySelector('#connectingLabelNowProgress').style.display = 'inline';
|
|
|
|
| 103 |
'timeout': apiConnectTimeout
|
| 104 |
});
|
| 105 |
console.log(apiResponseData);
|
| 106 |
+
|
| 107 |
+
// APIのエラー時分岐処理
|
| 108 |
if (apiResponseData) {
|
| 109 |
document.querySelector('#connectingLabelOk').innerHTML = `OK (Time: ${Math.ceil(apiResponseData.apiConnectionTime)} ms)`;
|
| 110 |
htmlBuildFromApiData(apiResponseData);
|
|
|
|
| 114 |
}
|
| 115 |
|
| 116 |
async function apiConnect (axiosObj) {
|
| 117 |
+
// 接続速度記録
|
| 118 |
let connectionTimerStart = performance.now();
|
| 119 |
try {
|
| 120 |
const response = await axios(axiosObj);
|
|
|
|
| 197 |
const tdKey = document.createElement('td');
|
| 198 |
const tdValue = document.createElement('td');
|
| 199 |
tdKey.innerHTML = objKey;
|
| 200 |
+
// objKeyを分割して各部分を使用してオブジェクトのプロパティにアクセス
|
| 201 |
let keyParts = objKey.split('.');
|
| 202 |
let value = inputData;
|
| 203 |
for (let i = 0; i < keyParts.length; i++) {
|
| 204 |
+
// 配列のインデックスを表す文字列を数値に変換
|
| 205 |
if (!isNaN(keyParts[i])) {
|
| 206 |
keyParts[i] = parseInt(keyParts[i], 10);
|
| 207 |
}
|