()
| 1047 | UILoaded = false; |
| 1048 | |
| 1049 | private loadUI() { |
| 1050 | const This = this; |
| 1051 | if (this.UILoaded) return; |
| 1052 | this.UILoaded = true; |
| 1053 | const wrapEnd = '</span>'; |
| 1054 | |
| 1055 | let ui = `<p id="malp" dir="${api.storage.langDirection()}">`; |
| 1056 | ui += `<span id="MalInfo">${api.storage.lang('Loading')}</span>`; |
| 1057 | |
| 1058 | ui += |
| 1059 | '<span id="MalData" style="display: none; justify-content: space-between; flex-wrap: wrap;">'; |
| 1060 | |
| 1061 | ui += '<span style="display: inline-block;" class="malp-group malp-group-rating">'; |
| 1062 | ui += `<span class="info malp-group-label">${api.storage.lang('search_Score')} </span>`; |
| 1063 | ui += |
| 1064 | '<a id="malRating" class="malp-group-field" style="min-width: 30px;display: inline-block;" target="_blank" href="">____</a>'; |
| 1065 | ui += wrapEnd; |
| 1066 | |
| 1067 | // ui += '<span id="MalLogin">'; |
| 1068 | const wrapStart = (section: string) => |
| 1069 | `<span style="display: inline-block; display: none;" class="MalLogin malp-group malp-group-${section}">`; |
| 1070 | |
| 1071 | ui += wrapStart('status'); |
| 1072 | ui += `<span class="info malp-group-label">${api.storage.lang('UI_Status')} </span>`; |
| 1073 | ui += '<select id="malStatus" class="malp-group-field malp-group-select">'; |
| 1074 | ui += '</select>'; |
| 1075 | ui += wrapEnd; |
| 1076 | |
| 1077 | let middle = ''; |
| 1078 | if (this.page.type === 'anime') { |
| 1079 | middle += wrapStart('episode'); |
| 1080 | middle += `<span class="info malp-group-label">${api.storage.lang('UI_Episode')} </span>`; |
| 1081 | middle += |
| 1082 | '<span style=" text-decoration: none; outline: medium none;" class="malp-group-value-section">'; |
| 1083 | middle += |
| 1084 | '<input id="malEpisodes" class="malp-group-field malp-group-input" value="0" type="text" size="1" maxlength="4">'; |
| 1085 | middle += '/<span id="malTotal" class="malp-group-value">0</span>'; |
| 1086 | middle += '</span>'; |
| 1087 | middle += wrapEnd; |
| 1088 | } else { |
| 1089 | middle += wrapStart('volume'); |
| 1090 | middle += `<span class="info malp-group-label">${api.storage.lang('UI_Volume')} </span>`; |
| 1091 | middle += |
| 1092 | '<span style=" text-decoration: none; outline: medium none;" class="malp-group-value-section">'; |
| 1093 | middle += |
| 1094 | '<input id="malVolumes" class="malp-group-field malp-group-input" value="0" type="text" size="1" maxlength="4">'; |
| 1095 | middle += '/<span id="malTotalVol" class="malp-group-value">0</span>'; |
| 1096 | middle += '</span>'; |
| 1097 | middle += wrapEnd; |
| 1098 | |
| 1099 | middle += wrapStart('chapter'); |
| 1100 | middle += `<span class="info malp-group-label">${api.storage.lang('UI_Chapter')} </span>`; |
| 1101 | middle += |
| 1102 | '<span style=" text-decoration: none; outline: medium none;" class="malp-group-value-section">'; |
| 1103 | middle += |
| 1104 | '<input id="malEpisodes" class="malp-group-field malp-group-input" value="0" type="text" size="1" maxlength="4">'; |
| 1105 | middle += '/<span id="malTotalCha" class="malp-group-value">0</span>'; |
| 1106 | middle += '</span>'; |
no test coverage detected