@using Microsoft.AspNet.Identity
@using EnVisage.Code
@model  EnVisage.Models.WorkFlowModel
@section stylesheets
{
    @Styles.Render(String.Format("{0}/{1}", EnVisage.Code.Constants.C_BUNDLE_STYLES_BASE_PATH, "prevu-wfdesignerstyles"))
    @Styles.Render(String.Format("{0}/{1}", EnVisage.Code.Constants.C_BUNDLE_STYLES_KENDO_PATH, "kendo-commonstyles"))
}
@section Scripts
{
    @Scripts.Render(String.Format("{0}/{1}", EnVisage.Code.Constants.C_BUNDLE_SCRIPTS_BASE_PATH, "prevu-wfdesignerpage"))
}
@Scripts.Render(String.Format("{0}/{1}", EnVisage.Code.Constants.C_BUNDLE_SCRIPTS_BASE_PATH, "prevu-wfdesignerpage"))

@*<form action="" id="uploadform" method="post" enctype="multipart/form-data" onsubmit="tmp()">
        <table>
            <tr>
                <td></td>
                <td>
                    <a href='javascript:DownloadScheme()'>Download scheme workflow</a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="file" name="uploadFile" id="uploadFile" style="width:350px">
                </td>
                <td>
                    <a href='javascript:UploadScheme()'>Upload  scheme workflow</a>
                </td>
            </tr>
        </table>
    </form>*@
 
        <table>
            <tr>
                <td>Size:</td>
                <td><input id="graphwidth" value="1200" /> x <input id="graphheight" value="600" /></td>
                <td><button onclick="wfdesignerRedraw()">Resize</button></td>
                <td>
                    |
                </td>
                <td><button onclick="OnCancel()">Cancel</button></td>
                <td><button onclick="OnSave()">Apply</button></td>
                <td>&nbsp; &nbsp; Workflow:</td>
                <td>&nbsp; @Html.Raw(Model.Name)</td>
            </tr>
        </table>
        <br />
        <div id="wfdesigner"></div>
 
        <script>

            var schemecode = @Html.Raw(Json.Encode(Model.Name));
            var wfdesigner = undefined;

            function wfdesignerRedraw() {
                var data;

                if (wfdesigner != undefined) {
                    data = wfdesigner.data;
                    wfdesigner.destroy();
                }

                wfdesigner = new WorkflowDesigner({
                    name:@Html.Raw(Json.Encode(Model.Name)),
                    apiurl: '/WorkFlowDefinition/API',
                    renderTo: 'wfdesigner',
                    imagefolder: '/Content/images/workflow/',
                    ShowCodedOptions:true,
                    graphwidth: $('#graphwidth').val(),
                    graphheight: $('#graphheight').val(),
                    WorkFlowRoles:@Html.Raw(Json.Encode(Model.WorkFlowRoles)),

                });

                if (data == undefined) {
                    var isreadonly = false;
                    var p = { schemecode: schemecode, readonly: isreadonly };
                    if (wfdesigner.exists(p))
                        wfdesigner.load(p);
                    else
                        wfdesigner.create();
                }
                else {
                    wfdesigner.data = data;
                    wfdesigner.render();
                }
            }

            wfdesignerRedraw();

            function DownloadScheme() {
                wfdesigner.downloadscheme({ schemecode: schemecode });
            }
            function UploadScheme() {
                var file = $('#uploadFile');
                if (file == undefined || file.val().length == 0) {
                    alert('You did not select a file to upload!');
                    return false;
                }

                wfdesigner.uploadscheme($('#uploadform')[0], function () {
                    alert('The file is uploaded!');
                });
            }

            function OnSave() {
                wfdesigner.schemecode = schemecode;

                var err = wfdesigner.validate();
                if (err != undefined && err.length > 0) {
                    alert(err);
                }
                else {
                    wfdesigner.save(function () {
                        window.location.replace(  '@Html.Raw(@Url.Action("Index", "WorkFlowDefinition"))');
                    });
                }
            }
            function OnCancel() {
                window.location.replace(  '@Html.Raw(@Url.Action("Index", "WorkFlowDefinition"))');
            }
        </script>