dropstyle.js

//script読み込み
load("script/ScriptData.js")
load("script/UnexpectedDamage.js")

//Import部分
SimpleDateFormat = Java.type("java.text.SimpleDateFormat")
Optional = Java.type("java.util.Optional")
ConcurrentHashMap = Java.type("java.util.concurrent.ConcurrentHashMap")
IntStream = Java.type("java.util.stream.IntStream")
FillLayout = Java.type("org.eclipse.swt.layout.FillLayout")
SWT = Java.type("org.eclipse.swt.SWT")
ShellAdapter = Java.type("org.eclipse.swt.events.ShellAdapter")
TableItem = Java.type("org.eclipse.swt.widgets.TableItem")
Browser = Java.type("org.eclipse.swt.browser.Browser")
Point = Java.type("org.eclipse.swt.graphics.Point")
Listener = Java.type("org.eclipse.swt.widgets.Listener")
Shell = Java.type("org.eclipse.swt.widgets.Shell")
SWTResourceManager = Java.type("org.eclipse.wb.swt.SWTResourceManager")
AppConstants = Java.type("logbook.constants.AppConstants")
ReportUtils = Java.type("logbook.util.ReportUtils")

var dateIndex = -1
var phaseIndex = [-1, -1, -1]

function begin(header) {
    IntStream.range(0, header.length).forEach(function (i) {
        if (header[i].equals("昼砲撃戦")) {
            phaseIndex[0] = i
        }
        if (header[i].equals("昼雷撃戦")) {
            phaseIndex[1] = i
        }
        if (header[i].equals("夜戦")) {
            phaseIndex[2] = i
        }
        if (header[i].equals("日付")) {
            dateIndex = i
        }
    })
}

var shell = null
var parent = null
var browser = null
var column = -1
var source = ""
var point = null

function create(table, data, index) {
    var items = data[0].get()
    var item = new TableItem(table, SWT.NONE)
    item.setData(items)
    // 偶数行に背景色を付ける
    if ((index % 2) !== 0) {
        item.setBackground(SWTResourceManager.getColor(AppConstants.ROW_BACKGROUND))
    }
    item.setText(ReportUtils.toStringArray(data))

    var WindowListener = new Listener({
        handleEvent: function (event) {
            switch (event.type) {
                case SWT.MouseDown: {
                    var selected = table.getSelectionIndex()
                    point = new Point(event.x, event.y)
                    var tableItem = table.getItem(point)
                    column = getColumnIndex(point, tableItem)
                    break
                }
                case SWT.DefaultSelection: {
                    var count = Optional.ofNullable(getData(table.getItem(point).data.battleDate)).orElse([]).map(function (dataList) {
                        return dataList.length
                    }).reduce(function (p, v) {
                        return p + v
                    }, 0)
                    if (selected != -1
                        && phaseIndex.some(function (index, i) { return index === column && count > 0 })) {
                        // 初期設定
                        if (shell === null) {
                            shell = new Shell(table.getShell(), SWT.CLOSE | SWT.TITLE | SWT.MAX | SWT.MIN | SWT.RESIZE)
                            shell.setLayout(new FillLayout(SWT.VERTICAL))
                            shell.addShellListener(new ShellAdapter({
                                shellClosed: function (e) {
                                    e.doit = false
                                    shell.setVisible(false)
                                }
                            }))
                            browser = new Browser(shell, SWT.NONE)
                            browser.setBounds(0, 0, 900, 710)
                            shell.pack()
                            shell.open()
                        } else {
                            shell.setVisible(true)
                        }
                        shell.setText("異常ダメージ検知 " + String(VERSION).replace(".", "").split("").join("."))
                        browser.setText(genBattleHtml(getData(table.getItem(point).data.battleDate)))
                    } else if (shell !== null) {
                        shell.setVisible(false)
                    }
                    break
                }
            }
        }
    })

    if (getData("set") === null) {
        table.addListener(SWT.MouseDown, WindowListener)
        table.addListener(SWT.DefaultSelection, WindowListener)
        setTmpData("set", true)
    }

    return item
}

function end() { }

function getColumnIndex(pt, item) {
    if (item) {
        var columns = item.getParent().getColumnCount()
        return IntStream.range(0, columns).filter(function (index) {
            var rect = item.getBounds(index)
            return pt.x >= rect.x && pt.x < rect.x + rect.width
        }).findFirst().orElse(-1)
    }
    return -1
}

function toFormation(kind) {
    switch (kind) {
        case 1: return "単縦陣"
        case 2: return "複縦陣"
        case 3: return "輪形陣"
        case 4: return "梯形陣"
        case 5: return "単横陣"
        case 6: return "警戒陣"
        case 11: return "第一警戒航行序列"
        case 12: return "第二警戒航行序列"
        case 13: return "第三警戒航行序列"
        case 14: return "第四警戒航行序列"
        default: return "不明"
    }
}

function toIntercept(kind) {
    switch (kind) {
        case 1: return "同航戦"
        case 2: return "反航戦"
        case 3: return "T字有利"
        case 4: return "T字不利"
        default: return "不明"
    }
}

function toCombined(kind) {
    switch (kind) {
        case 1: return "機動連合"
        case 2: return "水上連合"
        case 3: return "輸送連合"
        default: return "通常艦隊"
    }
}

// Array.prototype.flat()
function flatten(array) {
    return array.reduce(function (a, c) {
        return Array.isArray(c) ? a.concat(flatten(c)) : a.concat(c)
    }, [])
}

var sdf = new SimpleDateFormat(AppConstants.DATE_FORMAT)

function genBattleHtml(dataLists) {
    // データがあるものをひとまず検索
    var masterData = flatten([dataLists[0], dataLists[1], dataLists[2]]).filter(function (d) { return d })[0]
    var touchPlane = dataLists[2].length > 0 ? dataLists[2][0].touchPlane : [-1, -1]
    var idx = 0
    var html =
        '<!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8">' +
        '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">' +
        '<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>' +
        '<script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ja.js"></script>' +
        '<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>' +
        '<script src="https://unpkg.com/multiple-select@1.4.0/dist/multiple-select.js"></script>' +
        '<link href="https://unpkg.com/multiple-select@1.4.0/dist/multiple-select.css" rel="stylesheet">' +
        '<style type="text/css">' +
            "body {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;}" +
            "div.box{margin-top:10px;margin-bottom:10px;font-size:small;}" +
            "body{background-color:#FAFAFA;}" +
            "h1{font-size: small;}" +
            "h2{font-size: small;}" +
            "h3{font-size: small;}" +
            "p {font-size: small;}" +
            "table{border:1px #BBB solid;border-collapse:collapse;font-size:small;}" +
            "table tr th{border:1px #BBB solid;border-collapse:collapse;background-color:#BFF;}" +
            "table tr{border:1px #BBB solid;border-collapse:collapse;padding:5px;}" +
            "table tr td{border:1px #BBB solid;border-collapse:collapse;padding:5px;background-color:#EEE;}" +
            ".label-syoha{color:#FC0;}" +
            ".label-tyuha{color:#F80;}" +
            ".label-taiha{color:#F00;}" +
            ".label-gotin{color:#00F;}" +
            "td.enemy{color:#F00;}" +
            "td.friend{color:#00F;}" +
            ".param{font-weight:bold;}" +
            "header{position:fixed;top:0px;left:0px;padding-left:10px;background-color:#FAFAFA;width:100%;}" +
            "#enemy{width:300px;}" +
            '.switch3__label{' +
                'width:37px;' +
                'position:relative;' +
                'display:inline-block;' +
                'padding-top:3px;' +
            '}' +
            '.switch3__content{' +
                'display:block;' +
                'cursor:pointer;' +
                'position:relative;' +
                'border-radius:7px;' +
                'height:14px;' +
                'background-color:rgba(34,31,31,.26);' +
                '-webkit-transition:all.1s.4s;' +
                '-moz-transition:all.1s.4s;' +
                '-ms-transition:all.1s.4s;' +
                '-o-transition:all.1s.4s;' +
                'transition:all.1s.4s;' +
                'overflow:hidden;' +
            '}' +
            '.switch3__content:after{' +
                'content:"";' +
                'display:block;' +
                'position:absolute;' +
                'width:0;' +
                'height:100%;' +
                'top:0;' +
                'left:0;' +
                'border-radius:7px;' +
                '-webkit-transition:all.5s;' +
                '-moz-transition:all.5s;' +
                '-ms-transition:all.5s;' +
                '-o-transition:all.5s;' +
                'transition:all.5s;' +
            '}' +
            '.switch3__input{' +
                'display:none;' +
            '}' +
            '.switch3__circle{' +
                'display:block;' +
                'top:0px;' +
                'left:0px;' +
                'position:absolute;' +
                'width:20px;' +
                'height:20px;' +
                '-webkit-border-radius:10px;' +
                'border-radius:10px;' +
                'background-color:#F1F1F1;' +
                '-webkit-transition:all.5s;' +
                '-moz-transition:all.5s;' +
                '-ms-transition:all.5s;' +
                '-o-transition:all.5s;' +
                'transition:all.5s;' +
                '-webkit-box-shadow:02px2px#ccc;' +
                'box-shadow:02px2px#ccc;' +
                'cursor:pointer;' +
            '}' +
            '.switch3__input:checked~.switch3__circle{' +
                'left:18px;' +
                'background-color:#009688;' +
            '}' +
            '.switch3__input:checked~.switch3__content{' +
                'border-color:transparent;' +
                '-webkit-transition:all0s;' +
                '-moz-transition:all0s;' +
                '-ms-transition:all0s;' +
                '-o-transition:all0s;' +
                'transition:all0s;' +
            '}' +
            '.switch3__input:checked~.switch3__content:after{' +
                'background-color:rgba(0,150,136,.5);' +
                'width:100%;' +
            '}' +
        '</style></head>' +
        '<body>' +
        '<header>' +
        '<h2>' + masterData.mapCell + '（' + sdf.format(masterData.date) + '）</h2>' +
        '<div>' +
            '<div style="float: left; margin-bottom: 65px;">' +
                '<h2>会敵情報</h2>' +
                '<div>' +
                    '<div>会敵: ' + toIntercept(Number(masterData.formation[2])) + '</div>' +
                    '<table style="margin-bottom: 20px;">' +
                        '<tr>' +
                            '<th></th>' +
                            '<th>艦隊</th>' +
                            '<th>陣形</th>' +
                            '<th title="夜戦時に異常ダメージがあった場合のみ表示">夜間触接</th>' +
                        '</tr>' +
                        '<tr>' +
                            '<td>自</td>' +
                            '<td>' + toCombined(masterData.friendCombinedKind) + '</td>' +
                            '<td>' + toFormation(Number(masterData.formation[0])) + '</td>' +
                            '<td>' + (touchPlane[0] > 0 ? Item.get(touchPlane[0]).name : "") + '</td>' +
                        '</tr>' +
                        '<tr>' +
                            '<td>敵</td>' +
                            '<td>' + (masterData.isEnemyCombined ? '連合艦隊' : '通常艦隊') + '</td>' +
                            '<td>' + toFormation(Number(masterData.formation[1])) + '</td>' +
                            '<td>' + (touchPlane[1] > 0 ? Item.get(touchPlane[1]).name : "") + '</td>' +
                        '</tr>' +
                    '</table>' +
                '</div>' +
            '</div>' +
            (masterData.mapCell.map[0] < 22 ? '' :
                '<script type="text/javascript">' +
                    'var dates = [];' +
                    'var unexpected = ' + JSON.stringify(getData("unexpected")[JSON.stringify(Java.from(masterData.mapCell.map))]) + ';' +
                    'function selectEnemyName(){' +
                        'var enemyIds = $("#enemy").multipleSelect("getSelects");' +
                        'var hasExtra = $("#hasExtra").prop("checked");' +
                        'var datalist = Object.keys(unexpected).filter(function(index){' +
                            'return enemyIds.indexOf(index.split("_")[2]) >= 0;' +
                        '}).map(function(index){' +
                            'return [index.split("_")[0] + "_" + index.split("_")[1], unexpected[index]];' +
                        '}).reduce(function(p, v) {' +
                            'var u = v[1].filter(function(data){' +
                                'return dates.length === 0 || dates[0] <= data.date && data.date <= dates[1];' +
                            '}).reduce(function(p, v){' +
                                'p.min = Math.max(p.min, v.min);' +
                                'p.max = Math.min(p.max, v.max);' +
                                'p.minEx = Math.max(p.minEx, v.minEx);' +
                                'p.maxEx = Math.min(p.maxEx, v.maxEx);' +
                                'p.count++;' +
                                'p.dates.push(v.date);' +
                                'return p;' +
                            '}, {min:0, max:9999, minEx: 0, maxEx: 9999, count:0, dates:[]});' +
                            'if(p[v[0]]){' +
                                'p[v[0]].min = Math.max(p[v[0]].min, u.min);' +
                                'p[v[0]].max = Math.min(p[v[0]].max, u.max);' +
                                'p[v[0]].minEx = Math.max(p[v[0]].minEx, u.minEx);' +
                                'p[v[0]].maxEx = Math.min(p[v[0]].maxEx, u.maxEx);' +
                                'p[v[0]].count += u.count;' +
                                'Array.prototype.push.apply(p[v[0]].dates, u.dates);' +
                            '} else {' +
                                'p[v[0]] = JSON.parse(JSON.stringify(u));' +
                            '}' +
                            'return p;' +
                        '}, {});' +
                        '$("#unexpectedBox").html(Object.keys(datalist).filter(function(key){' +
                            'return datalist[key].count > 0;' +
                        '}).map(function(key){' +
                            'if (hasExtra) {' +
                                'return "<div>" + key.split("_")[1] + " - " + datalist[key].minEx.toFixed(4) + " ~ " + datalist[key].maxEx.toFixed(4) + " (" + datalist[key].count + "x)</div>";' +
                            '}' +
                            'return "<div>" + key.split("_")[1] + " - " + datalist[key].min.toFixed(4) + " ~ " + datalist[key].max.toFixed(4) + " (" + datalist[key].count + "x)</div>";' +
                        '}).join(""));' +
                    '}' +
                    '$(function(){' +
                        '$("#enemy").multipleSelect({' +
                            'placeholder:"選択なし",' +
                            'minimumCountSelected: 2,' +
                            'onClick: function(view){' +
                                'selectEnemyName();' +
                            '},' +
                            'onCheckAll: function () {' +
                                'selectEnemyName();' +
                            '},' +
                            'onUncheckAll: function () {' +
                                'selectEnemyName();' +
                            '},' +
                        '});' +
                        '$("#enemy").multipleSelect("checkAll");' +
                    '})' +
                '</script>' +
                '<div style="float: right;">' +
                    '<h2 style="margin-bottom: 0">' +
                        masterData.mapCell.map[0] + '-' + masterData.mapCell.map[1] + '-' + masterData.mapCell.map[2] + ' 特効倍率(速報値) ※イベント限定 <span style="font-size: x-small;">対陸上、PT、熟練度は除外</span><br>' +
                        '<span style="margin-right: 2px;">対象敵:</span>' + toUnexpectedEnemySelectBoxHtml(JSON.stringify(Java.from(masterData.mapCell.map))) +
                    '</h2>' +
                    '<h2 style="margin-top:3px;margin-bottom:3px;"><span style="margin-right: 2px;">期間:</span>' +
                        '<span class="flatpickr">' +
                            '<input type="text" placeholder="全指定" class="flatpickr" data-input style="width:280px">' +
                            '<span style="padding-left: 5px;cursor:pointer;"><a class="input-button" title="全指定に戻す" data-clear>x</a></span>' +
                        '</span>' +
                    '</h2>' +
                    '<h2 style="margin-top:3px;margin-bottom:3px;"><span style="margin-right: 2px;">速報値計算(OFF=a11/ON=Extra):</span>' +
                        '<span class="switch3">' +
                            '<label class="switch3__label">' +
                                '<input type="checkbox" id="hasExtra" class="switch3__input" onchange="selectEnemyName()"/>' +
                                '<span class="switch3__content" style="margin-bottom: -3px;"></span>' +
                                '<span class="switch3__circle" style="margin-bottom: -3px;"></span>' +
                            '</label>' +
                        '</span>' +
                    '</h2>' +
                    '<div id="unexpectedBox" style="overflow: scroll; width: 400px; height: 118px; border:#000000 1px solid; margin-right: 15px; font-size:small;"></div>' +
                '</div>'
            ) +
        '</div>' +
        '<h2 style="clear: both; padding: 0; margin: 2px 0 0;">異常ダメ検知攻撃一覧</h2>' +
        '<hr style="height: 1px; background-color: #BBB; border: none; margin-right:15px;"></hr>' +
        '</header>' +
        '<div style="width:100%; height:310px;"></div>' +
        '<div style="overflow: auto; min-width:500px; border:#000000 solid 1px; width: 100%; font-size:small;">' +
        // 昼砲撃戦
        dataLists[0].map(function (data) {
            var power = getDayBattlePower(data.date, data.kind, data.friendCombinedKind, data.isEnemyCombined,
                data.attackNum, data.formation, data.attack, data.attacker, data.defender, data.attackerHp, data.shouldUseSkilled, data.origins)
            var result = '<div style="border:#000000 solid 1px; padding:5px; margin:5px; background-color:#fce4d6;">'
            result += genHeaderHtml(data, power)
            result += isSubMarine(data.defender) ? genAntiSubMarineHtml(data, power) : genDayBattleHtml(data, power)
            result += genDefenseArmorHtml(data)
            result += genGimmickHtml(data, power, idx++)
            return result + '</div>'
        }).join('') +
        // 昼雷撃戦
        dataLists[1].map(function (data) {
            var power = getTorpedoPower(data.date, data.kind, data.friendCombinedKind, data.isEnemyCombined,
                data.attackNum, data.formation, data.attack, data.attacker, data.defender, data.attackerHp)
            var result = '<div style="border:#000000 solid 1px; padding:5px; margin:5px; background-color:#ddebf7;">'
            result += genHeaderHtml(data, power)
            result += genTorpedoAttackHtml(data, power)
            result += genDefenseArmorHtml(data)
            result += genGimmickHtml(data, power, idx++)
            return result + '</div>'
        }).join('') +
        // 夜戦
        dataLists[2].map(function (data) {
            if (data.isRadarShooting) {
                var power = getRadarShootingPower(data.date, data.kind, data.friendCombinedKind, data.isEnemyCombined,
                    data.attackNum, data.formation, data.attack, data.attacker, data.defender, data.attackerHp, data.shouldUseSkilled, data.origins)
            } else {
                var power = getNightBattlePower(data.date, data.kind, data.friendCombinedKind, data.isEnemyCombined,
                    data.attackNum, data.formation, data.touchPlane, data.attack, data.attacker, data.defender, data.attackerHp, data.shouldUseSkilled, data.origins)
            }
            var result = '<div style="border:#000000 solid 1px; padding:5px; margin:5px; background-color:#e8d9f3;">'
            result += genHeaderHtml(data, power)
            result += isSubMarine(data.defender) ? genAntiSubMarineHtml(data, power) : genNightBattleHtml(data, power)
            result += genDefenseArmorHtml(data)
            result += genGimmickHtml(data, power, idx++)
            return result + '</div>'
        }).join('') +
        '</div>' +
        '<script>' +
            'flatpickr(".flatpickr", {' +
                'enableTime:true,' +
                'dateFormat:"Y-m-d H:i",' +
                'mode:"range",' +
                'time_24hr:true,' +
                'locale:"ja",' +
                'wrap:true,' +
                'onChange:function(selectedDates, dateStr, instance){' +
                    'dates = selectedDates;' +
                    'selectEnemyName();' +
                '},' +
                'onClose:function(selectedDates, dateStr, instance){' +
                    'if (selectedDates.length === 1) {' +
                        'var d = [Math.min(selectedDates[0].getTime(), new Date().getTime()), Math.max(selectedDates[0].getTime(), new Date().getTime())];' +
                        'instance.setDate(d);' +
                        'dates = d;' +
                        'selectEnemyName();' +
                    '}' +
                '}' +
            '});' +
        '</script>' +
        '</body></html>'
    return html
}

/**
 * 名前や理論値などのヘッダー部分のHTMLを生成して返す
 * @param {DetectDto} data 検知データ
 * @param {AntiSubmarinePower|DayBattlePower|TorpedoPower|NightBattlePower} power 火力
 * @return {String} HTML
 */
function genHeaderHtml(data, power) {
    var result = '<table style="margin-bottom:5px;">'
    result += '<tr><th>艦</th><th></th><th>艦</th><th>ダメージ</th><th>残りHP</th><th>理論値</th><th>弾薬補正</th></tr>'
    var armor = data.defender.soukou + getArmorBonus(data.date, data.mapCell, data.attacker, data.defender)
    var aftPower = power.getAfterCapPower()
    var dmgWidth = Math.floor((aftPower[0] - (armor * 0.7 + Math.floor(armor - 1) * 0.6)) * getAmmoBonus(data.attacker, data.origins, data.mapCell)) + " ~ " + Math.floor((aftPower[1] - armor * 0.7) * getAmmoBonus(data.attacker, data.origins, data.mapCell))
    result += '<tr><td class="' + (data.attacker.isFriend() ? 'friend' : 'enemy') + '" title="' + getItems(data.attacker).map(function(item) { return item.name + (item.level > 0 ? '+' + item.level : '') }).join('&#10;') + '">'
        + (data.attack.attacker + 1) + '.' + data.attacker.friendlyName + '</td><td>→</td><td class="' + (data.defender.isFriend() ? 'friend' : 'enemy') + '" title="' + getItems(data.defender).map(function(item) { return item.name + (item.level > 0 ? '+' + item.level : '') }).join('&#10;') + '">'
        + (data.attack.defender + 1) + '.' + data.defender.friendlyName + '</td><td' + (isCritical(data.attack) ? ' style="font-weight:bold;"' : '') + '>' + data.attack.damage + '</td><td class="' + (data.defender.isFriend() ? 'friend' : 'enemy') + '">'
        + data.defenderHp.now + '→' + (data.defenderHp.now - data.attack.damage) + '</td><td>' + dmgWidth + '</td><td>' + getAmmoBonus(data.attacker, data.origins, data.mapCell).toFixed(2) + '</td></tr>'
    result += '</table>'
    return result
}

/**
 * 防御側の装甲部分のHTMLを生成して返す
 * @param {DetectDto} data 検知データ
 * @return {String} HTML
 */
function genDefenseArmorHtml(data) {
    var result = '<table style="margin-top:5px; float:left; margin-right:5px;">'
    result += '<tr><th colspan="4">防御側</th></tr>'
    result += '<tr><th>装甲乱数</th><th>実装甲値</th><th>表示装甲値</th><th>特殊補正</th></tr>'
    var armor = data.defender.soukou + getArmorBonus(data.date, data.mapCell, data.attacker, data.defender)
    result += '<tr><td style="font-weight:bold;">' + (armor * 0.7).toFixed(1) + ' ~ ' + (armor * 0.7 + Math.floor(armor - 1) * 0.6).toFixed(1) + '</td><td>' + armor.toFixed(2) + '</td><td>' + data.defender.soukou + '</td><td>' + getArmorBonus(data.date, data.mapCell, data.attacker, data.defender).toFixed(2) + '</td></tr>'
    result += '</table>'
    return result
}

/**
 * ギミック簡易計算用のHTMLを生成して返す
 * @param {DetectDto} data 検知データ
 * @param {DayBattlePower|AntiSubmarinePower|TorpedoPower|NightBattlePower} power 火力
 * @return {String} HTML
 */
function genGimmickHtml(data, power, idx) {
    var result = '<table style="margin-top:5px;">'
    result += '<tr><th colspan="2">イベント特効逆算</th></tr>'
    result += '<tr>'
    result += '<th style="text-decoration: underline;" title="最終攻撃力を出した後にイベント特効倍率を乗算します。&#10;昼戦・雷撃戦・夜戦全て共通のシンプルな形式です。">a11</th>'
    result += '<th style="text-decoration: underline;" title="キャップ後の特殊な位置にイベント特効倍率を乗算します。&#10;詳しくは更新履歴をご確認下さい。">Extra</th>'
    result += '</tr><tr>'
    result += '<td>' + data.inversion.min.toFixed(4) + " ~ " + data.inversion.max.toFixed(4) + '</td>'
    result += '<td>' + data.inversion.minEx.toFixed(4) + " ~ " + data.inversion.maxEx.toFixed(4) + '</td>'
    result += '</tr>'
    result += '</table>'
    return result
}

/**
 * 対潜のHTMLを生成して返す
 * @param {DetectDto} data 検知データ
 * @param {AntiSubmarinePower} power 対潜火力
 * @return {String} HTML
 */
function genAntiSubMarineHtml(data, power) {
    var result = '<tr><th rowspan="8" style="padding: 0px 3px;">攻<br>撃<br>側</th><th>基本攻撃力</th><th>改修火力</th><th>艦種定数</th><th></th><th></th></tr>'
    result += '<tr><td>' + power.getBasePower().toFixed(2) + '</td><td>' + power.getImprovementBonus().toFixed(2) + '</td><td>' + power.getShipTypeConstant() + '</td><td></td><td></td></tr>'
    result += '<tr><th>キャップ前火力</th><th>交戦形態補正</th><th>攻撃側陣形補正</th><th>損傷補正</th><th>シナジー補正</th></tr>'
    result += '<tr><td>' + power.getBeforeCapPower().toFixed(2) + '</td><td>' + getFormationMatchBonus(data.formation).toFixed(2) + '</td><td>' + power.getFormationBonus().toFixed(2) + '</td><td>' + power.getConditionBonus().toFixed(2) + '</td><td>' + power.getSynergyBonus().toFixed(2) + '</td></tr>'
    result += '<tr><th>最終攻撃力</th><th>キャップ値</th><th>キャップ後火力</th><th>クリティカル補正</th><th>熟練度補正</th></tr>'
    var skilled = data.shouldUseSkilled ? getSkilledBonus(data.date, data.attack, data.attacker, data.defender, data.attackerHp).map(function (value) { return value.toFixed(2) }).join(' ~ ') : '1.00'
    result += '<tr><td style="font-weight:bold;">' + power.getAfterCapPower().map(function (power) { return power.toFixed(2) }).join(' ~ ') + '</td><td>' + power.CAP_VALUE + '</td><td>' + getAfterCapValue(power.getBeforeCapPower(), power.CAP_VALUE).toFixed(2) + '</td><td>' + getCriticalBonus(data.attack).toFixed(1) + '</td><td>' + skilled + '</td></tr>'
    return '<table>' + result + '</table>'
}

/**
 * 昼砲撃戦のHTMLを生成して返す
 * @param {DetectDto} data 検知データ
 * @param {DayBattlePower} power 砲撃火力
 * @return {String} HTML
 */
function genDayBattleHtml(data, power) {
    var result = '<tr><th rowspan="8" style="padding: 0px 3px;">攻<br>撃<br>側</th><th>基本攻撃力</th><th>改修火力</th><th>連合補正</th><th>対陸上敵加算補正(b12)</th><th>対陸上敵乗算補正(a13)</th><th>対陸上敵加算補正(b13)</th></tr>'
    var landBonus = getLandBonus(data.attacker, data.defender)
    result += '<tr><td>' + power.getBasePower().toFixed(2) + '</td><td>' + power.getImprovementBonus().toFixed(2) + '</td><td>' + power.getCombinedPowerBonus() + '</td><td>' + (landBonus.b12) + '</td><td>' + landBonus.a13.toFixed(2) + '</td><td>' + (landBonus.b13) + '</td></tr>'
    result += '<tr><th>キャップ前火力</th><th>交戦形態補正</th><th>攻撃側陣形補正</th><th>損傷補正</th><th>特殊砲補正</th><th></th></tr>'
    result += '<tr><td>' + power.getBeforeCapPower().toFixed(2) + '</td><td>' + getFormationMatchBonus(data.formation).toFixed(2) + '</td><td>' + power.getFormationBonus().toFixed(2) + '</td><td>' + power.getConditionBonus().toFixed(2) + '</td><td>' + getOriginalGunPowerBonus(power.attacker).toFixed(2) + '</td><td></td></tr>'
    result += '<tr><th rowspan="2">最終攻撃力</th><th>キャップ値</th><th>キャップ後火力</th><th>特殊敵乗算特効</th><th>特殊敵加算特効</th><th></th></tr>'
    result += '<tr><td>' + power.CAP_VALUE + '</td><td>' + getAfterCapValue(power.getBeforeCapPower(), power.CAP_VALUE).toFixed(2) + '</td><td>' + getMultiplySlayerBonus(data.attacker, data.defender).toFixed(2) + '</td><td>' + getAddSlayerBonus(data.attacker, data.defender) + '</td><td></td></tr>'
    result += '<tr><td rowspan="2" style="font-weight:bold;">' + power.getAfterCapPower().map(function (power) { return power.toFixed(2) }).join(' ~ ') + '</td><th>弾着観測射撃補正</th><th>戦爆連合CI攻撃補正</th><th>徹甲弾補正</th><th>クリティカル補正</th><th>熟練度補正</th></tr>'
    var skilled = data.shouldUseSkilled ? getSkilledBonus(data.date, data.attack, data.attacker, data.defender, data.attackerHp).map(function (value) { return value.toFixed(2) }).join(' ~ ') : '1.00'
    result += '<tr><td>' + power.getSpottingBonus().toFixed(2) + '</td><td>' + power.getUnifiedBombingBonus().toFixed(2) + '</td><td>' + power.getAPshellBonus().toFixed(2) + '</td><td>' + getCriticalBonus(data.attack).toFixed(1) + '</td><td>' + skilled + '</td></tr>'
    return '<table>' + result + '</table>'
}

/**
 * 昼雷撃戦のHTMLを生成して返す
 * @param {DetectDto} data 検知データ
 * @param {TorpedoPower} power 雷撃火力
 * @return {String} HTML
 */
function genTorpedoAttackHtml(data, power) {
    var result = '<tr><th rowspan="8" style="padding: 0px 3px;">攻<br>撃<br>側</th><th>基本攻撃力</th><th>改修火力</th><th>連合補正</th><th></th></tr>'
    result += '<tr><td>' + power.getBasePower().toFixed(2) + '</td><td>' + power.getImprovementBonus().toFixed(2) + '</td><td>' + power.getCombinedPowerBonus() + '</td><td></td></tr>'
    result += '<tr><th>キャップ前火力</th><th>交戦形態補正</th><th>攻撃側陣形補正</th><th>損傷補正</th></tr>'
    result += '<tr><td>' + power.getBeforeCapPower().toFixed(2) + '</td><td>' + getFormationMatchBonus(data.formation).toFixed(2) + '</td><td>' + power.getFormationBonus().toFixed(2) + '</td><td>' + power.getConditionBonus().toFixed(2) + '</td></tr>'
    result += '<tr><th>最終攻撃力</th><th>キャップ値</th><th>キャップ後火力</th><th>クリティカル補正</th></tr>'
    result += '<tr><td style="font-weight:bold;">' + power.getAfterCapPower()[0] + '</td><td>' + power.CAP_VALUE + '</td><td>' + getAfterCapValue(power.getBeforeCapPower(), power.CAP_VALUE).toFixed(2) + '</td><td>' + getCriticalBonus(data.attack).toFixed(1) + '</td></tr>'
    return '<table>' + result + '</table>'
}

/**
 * 夜戦のHTMLを生成して返す
 * @param {DetectDto} data 検知データ
 * @param {NightBattlePower} power 夜戦火力
 * @return {String} HTML
 */
function genNightBattleHtml(data, power) {
    var result = '<tr><th rowspan="8" style="padding: 0px 3px;">攻<br>撃<br>側</th><th>基本攻撃力</th><th>改修火力</th><th>触接補正</th><th>対陸上敵加算補正(b12)</th><th>対陸上敵乗算補正(a13)</th><th>対陸上敵加算補正(b13)</th></tr>'
    var landBonus = getLandBonus(data.attacker, data.defender)
    result += '<tr><td>' + power.getBasePower().toFixed(2) + '</td><td>' + power.getImprovementBonus().toFixed(2) + '</td><td>' + power.getNightTouchPlaneBonus() + '</td><td>' + landBonus.b12 + '</td><td>' + landBonus.a13.toFixed(2) + '</td><td>' + landBonus.b13 + '</td></tr>'
    result += '<tr><th>キャップ前火力</th><th>攻撃側陣形補正</th><th>夜戦特殊攻撃補正</th><th>損傷補正</th><th>特殊砲補正</th><th></th></tr>'
    result += '<tr><td>' + power.getBeforeCapPower().toFixed(2) + '</td><td>' + power.getFormationBonus().toFixed(2) + '</td><td>' + power.getCutinBonus().toFixed(2) + '</td><td>' + power.getConditionBonus().toFixed(2) + '</td><td>' + getOriginalGunPowerBonus(power.attacker).toFixed(2) + '</td><td></td></tr>'
    result += '<tr><th rowspan="2">最終攻撃力</th><th>キャップ値</th><th>キャップ後火力</th><th>特殊敵乗算特効</th><th>特殊敵加算特効</th><th></th></tr>'
    result += '<tr><td>' + power.CAP_VALUE + '</td><td>' + getAfterCapValue(power.getBeforeCapPower(), power.CAP_VALUE).toFixed(2) + '</td><td>' + getMultiplySlayerBonus(data.attacker, data.defender).toFixed(2) + '</td><td>' + getAddSlayerBonus(data.attacker, data.defender) + '</td><td></td></tr>'
    result += '<tr><td rowspan="2" style="font-weight:bold;">' + power.getAfterCapPower().map(function (power) { return power.toFixed(2) }).join('~') + '</td><th>クリティカル補正</th><th>熟練度補正</th><th></th><th></th><th></th></tr>'
    var skilled = data.shouldUseSkilled ? getSkilledBonus(data.date, data.attack, data.attacker, data.defender, data.attackerHp).map(function (value) { return value.toFixed(2) }).join(' ~ ') : '1.00'
    result += '<tr><td>' + getCriticalBonus(data.attack).toFixed(1) + '</td><td>' + skilled + '</td><td></td><td></td><td></td></tr>'
    return '<table>' + result + '</table>'
}

/**
 * 敵選択のコンボボックスを返す
 * @param {[Number, Number, Number]} map マップ
 * @return {String} HTML
 */
function toUnexpectedEnemySelectBoxHtml(map) {
    var unexpected = getData("unexpected")
    if (unexpected[map]) {
        return '<select id="enemy" multiple="multiple">' +
            Object.keys(unexpected[map]).map(function(index) {
                return [index.split("_")[2], index.split("_")[3]]
            }).filter(function(x, i, self) {
                return self.map(function(v){
                    return v[0]
                }).indexOf(x[0]) === i
            }).sort(function(a, b) {
                return a[0] > b[0] ? 1 : -1
            }).map(function(ship) {
                return '<option value="' + ship[0] + '">' + ship[1] + ' (' + ship[0] + ')</option>'
            }).join('') +
        '</select>'
    }
    return "なし"
}