@using WeOnlineApp.Helpers
@model WeOnlineApp.Models.Play.CampPlayModel
@{
    string id = "scene-path";

}
<style>
    .path-box {
        max-width: 800px;
        margin: 0 auto;
    }
    .path-box .round-box {
        --fs: 12px;
        --pt: 3px;
        --minW: 70px;
    }
    .path-box .round-box.start {
        --color: var(--mc);
    }

    .path-box .round-box.end {
        --color: #ff7c63
                        }
</style>

@Html.Partial("_Run/_AreaBox", $"情景路径#{id}")


@using (Html.BeginScripts())
{
    <script src="~/Content/Js/scene-path.js"></script>
    <script id="path-script">
        var $scenePathBody = $('#@id .box-body');
            function ScenePath() {
                $.iwbAjax5({
                    url: abp.appUrl + 'Query/GetPlayRunningInfo?no=@(Model.Play.Id)',
                    success: function(res) {
                        var str = FormatterSingleScenePath(res);
                        $scenePathBody.html(str);
                        window.Scroll2Bottom($scenePathBody.closest('.scroll-box'));
                    }
                });
        }

        iwbHub.client.getRunningChange = function(msg) {
            console.log('getRunningChange: ', msg);
            if (msg) {
                try {
                    var data = JSON.parse(msg);
                    if (data) {
                        ScenePath();
                    }
                } catch (e) {
                    console.log('getRunningChange: ', e);
                }
            }
        };
    </script>
}