shared.js

'use strict;'

const sprintf = require('sprintf');
const i18n = require(__dirname + '/src/i18n.js');

function promiseUpdateShipStatus(ships) {
  return new Promise((resolve) => {
    updateShipStatus(ships);
    resolve();
  });
}

function updateShipStatus(ships) {
  ships.forEach((ship) => {
    const id = ship.id();
    $('.ship_' + id + '_level').html(ship.level());
    $('.ship_' + id + '_name').html(i18n.__(ship.name()));
    $('.ship_' + id + '_name').attr('data-i18n', ship.name());

    const hp = ship.hp();
    $('.ship_' + id + '_hp_numerator').html(hp.numerator());
    $('.ship_' + id + '_hp_denominator').html(hp.denominator());
    $('.ship_' + id + '_hp_percentage').css('width', (hp.value() * 100) + '%');
    $('.ship_' + id + '_hp_percentage').css('background-color', barColor(hp));

    const cond = ship.cond();
    $('.ship_' + id + '_cond').html(ship.cond());
    const condIconColor = cond > 49 ? 'yellow' : 'white';
    $('.ship_' + id + '_cond_icon').css('background-color', condIconColor);

    $('.ship_' + id + '_next_exp').html(ship.next_exp());

    const fuel = ship.fuel();
    $('.ship_' + id + '_fuel_percentage').css('width', (fuel.value() * 100) + '%');
    $('.ship_' + id + '_fuel_percentage').css('background-color', barColor(fuel));

    const bull = ship.bull();
    $('.ship_' + id + '_bull_percentage').css('width', (bull.value() * 100) + '%');
    $('.ship_' + id + '_bull_percentage').css('background-color', barColor(bull));

    $('.ship_' + id + '_type').html(i18n.__(`shiptype.${ship.type().toString()}`));
    $('.ship_' + id + '_type').attr('data-i18n', `shiptype.${ship.type().toString()}`);

    $('.ship_' + id + '_karyoku').html(ship.karyoku().numerator());
    $('.ship_' + id + '_raisou').html(ship.raisou().numerator());
    $('.ship_' + id + '_taiku').html(ship.taiku().numerator());
    $('.ship_' + id + '_soukou').html(ship.soukou().numerator());
    $('.ship_' + id + '_lucky').html(ship.lucky().numerator());
    $('.ship_' + id + '_sakuteki').html(ship.sakuteki().numerator());
    $('.ship_' + id + '_taisen').html(ship.taisen().numerator());

    $('.ship_' + id + '_soku').html(i18n.__(`speed.${ship.soku().toString()}`));
    $('.ship_' + id + '_soku').attr('data-i18n', `speed.${ship.soku().toString()}`);
    const repair_seconds = ship.repair_seconds();
    if (repair_seconds > 0) {
      $('.ship_' + id + '_repair').html(timeLabel(repair_seconds));
    } else {
      $('.ship_' + id + '_repair').html('');
    }

    const sally_area = ship.sally_area();
    $('.ship_' + id + '_sally_area').css('background-color', sally_area.id() == 0 ? 'transparent' : sally_area.background_color());
    $('.ship_' + id + '_sally_area').css('color', sally_area.text_color());
    $('.ship_' + id + '_sally_area').html(sally_area.name());
  });
}

function shipToString(ship) {
  const ex_slotitem = ship.ex_slotitem();
  const json = {
    // 'id': ship.id(),
    'level': ship.level(),
    // 'name': ship.name(),
    'hp': ship.hp().toString(),
    'cond': ship.cond(),
    'next_exp': ship.next_exp(),
    'fuel': ship.fuel().toString(),
    'bull': ship.bull().toString(),
    // 'type': ship.type().value(),
    'karyoku': ship.karyoku().toString(),
    'raisou': ship.raisou().toString(),
    'taiku': ship.taiku().toString(),
    'soukou': ship.soukou().toString(),
    'lucky': ship.lucky().toString(),
    'sakuteki': ship.sakuteki().toString(),
    'taisen': ship.taisen().toString(),
    'soku': ship.soku().value(),
    'repair': ship.repair_seconds() * 1000,
    'slotitems': ship.slotitems().map((slotitem) => slotitem.id()).join(','),
    'ex_slotitem': ex_slotitem == null ? -1 : ex_slotitem.id(),
    'locked': ship.locked(),
    'sally_area': ship.sally_area().hash(),
  };
  return JSON.stringify(json);
};

function promiseUpdateSlotitemStatus(slotitems) {
  return new Promise((resolve) => {
    updateSlotitemStatus(slotitems);
    resolve();
  });
}

function updateSlotitemStatus(slotitems) {
  slotitems.forEach((slotitem) => {
    const id = slotitem.id();
    const element = $('.slotitem_' + id + '_icon');
    element.css('background-image', "url('img/slotitem/" + slotitem.icon_type() + ".svg')");

    let format = '%s';

    const level = slotitem.level();
    var level_label = '';
    var level_background = level > 0 ? 'rgba(0, 0, 0, 0.3)' : 'transparent';
    if (level == 10) {
      level_label = '★max';
    } else if (level > 0) {
      level_label = '★' + level;
    }
    if (level_label != '') {
      format += ' ' + level_label;
    }
    const $level_element = $('.slotitem_' + id + '_level');
    $level_element.html(level_label);
    $level_element.css('background-color', level_background);

    const $proficiency_element = $('.slotitem_' + id + '_proficiency');
    const proficiency = slotitem.proficiency();
    var proficiency_label = '';
    var proficiency_color = '';
    if (proficiency > 0) {
      proficiency_label = '+' + proficiency;
      if (proficiency > 3) {
        proficiency_color = 'rgb(212, 156, 15)';
      } else {
        proficiency_color = 'rgb(152, 179, 206)';
      }
      $proficiency_element.css('background-color', 'rgba(0, 0, 0, 0.3)');
    } else {
      $proficiency_element.css('background-color', 'transparent');
    }
    $proficiency_element.html(proficiency_label);
    $proficiency_element.css('color', proficiency_color);
    if (proficiency_label != '') {
      format += ' (' + proficiency_label + ')';
    }

    element.attr('data-i18n-format', format);
    element.attr('data-i18n-attribute', 'title');
    element.attr('data-i18n', slotitem.name());
    element.attr('title', sprintf(format, i18n.__(slotitem.name())));
  });
}

function barColor(rat) {
  return rat.value() > 0.75 ? '#0f0' : (rat.value() > 0.5 ? 'yellow' : (rat.value() > 0.25 ? 'orange' : 'red'));
}

function timeLabel(seconds_) {
  var label = "";
  var seconds = seconds_;
  const h = Math.floor(seconds / 3600);
  if (h > 0) {
    label += h + ':';
  }
  seconds -= h * 3600;
  const m = Math.floor(seconds / 60);
  const s = seconds - m * 60;
  if (label == '') {
    label += m + ':';
  } else {
    label += sprintf('%02d:', m);
  }
  label += sprintf('%02d', s);
  return label;
}

function createLocalizationLabel(key, prefix) {
  let actual_key = key;
  if (typeof(prefix) == 'string') {
    actual_key = prefix + key;
  }
  return `<span data-i18n="${actual_key}">${i18n.__(actual_key)}</span>`;
}

function applyLanguageToView(language) {
  $('[data-i18n]').each((_, element) => {
    const $element = $(element);
    const key = $element.attr('data-i18n');
    let translated = i18n.__(key);
    const format = $element.attr('data-i18n-format');
    const format_args = $element.attr('data-i18n-translated-key-as-format');
    if (format) {
      translated = sprintf(format, i18n.__(key));
    } else if (format_args) {
      translated = sprintf(i18n.__(key), format_args);
    } else {
      translated = i18n.__(key);
    }

    const attribute = $element.attr('data-i18n-attribute');
    if (attribute) {
      $element.attr(attribute, translated);
    } else {
      $element.html(translated);
    }
  });
}

const container = {};
container.updateShipStatus = updateShipStatus;
container.promiseUpdateShipStatus = promiseUpdateShipStatus;
container.shipToString = shipToString;
container.updateSlotitemStatus = updateSlotitemStatus;
container.promiseUpdateSlotitemStatus = promiseUpdateSlotitemStatus;
container.barColor = barColor;
container.timeLabel = timeLabel;
container.createLocalizationLabel = createLocalizationLabel;
container.applyLanguageToView = applyLanguageToView;

module.exports = container;