Method fillUI

src/pages-sync/syncPage.ts:719–822

()

  }

  fillUI() {
    j.$('.MalLogin').css('display', '');
    j.$('#AddMalDiv, .malp-group-mal-add, #LoginMalDiv').remove();

    j.$('#malRating').attr('href', this.singleObj.getDisplayUrl());

    if (this.singleObj.getLastError()) {
      j.$('.MalLogin').css('display', 'none');
      j.$('#MalData').css('display', 'flex');
      j.$('#MalInfo').text('');
      j.$('#malRating').after(
        j.html(
          `&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id='LoginMalDiv'>${this.singleObj.getLastErrorMessage()}</span>`,
        ),
      );
      return;
    }

    let scoreCheckbox = '';
    this.singleObj.getScoreCheckbox().forEach(el => {
      scoreCheckbox += `<option value="${el.value}" >${el.label}</option>`;
    });
    j.$('#malUserRating').html(j.html(scoreCheckbox));

    let statusCheckbox = '';
    this.singleObj.getStatusCheckbox().forEach(el => {
      statusCheckbox += `<option value="${el.value}" >${el.label}</option>`;
    });
    j.$('#malStatus').html(j.html(statusCheckbox));

    this.singleObj.getRating().then(rating => {
      j.$('#malRating').text(rating);
    });

    if (!this.singleObj.isOnList()) {
      j.$('.MalLogin').css('display', 'none');
      j.$('#malRating').after(
        j.html(
          `<span id='AddMalDiv'><a href='#' id='AddMal' class="malp-mal-add" onclick='return false;'>${api.storage.lang(
            'syncPage_malObj_addAnime',
            [this.singleObj.shortName],
          )}</a></span>`,
        ),
      );
      j.$('.malp-group-rating').after(
        j.html(
          `<span class="malp-group malp-group-mal-add" style="display: none;"><span class="add malp-group-label">_</span><a href='#' id='AddMal' class="malp-group-field malp-mal-add" onclick='return false;'>${api.storage.lang(
            'syncPage_malObj_addAnime',
            [this.singleObj.shortName],
          )}</a></span>`,
        ),
      );
      const This = this;
      j.$('.malp-mal-add').click(async function (event) {
        event.preventDefault();
        if (!This.page.isSyncPage(This.url)) {
          This.singleObj.setStreamingUrl(This.url);
        }