Mr.Combet Webshell 🔥

View File Name : ViewStoryOrCase.cshtml

@model RER_Project.DataAccess.ViewModels.StoryOrCase.StoryOrCaseVM

@{
    ViewBag.Title = "ViewAddStoryOrCase";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <label style="font-size: medium"><b>Story/Case</b></label>
                    <hr />
                    <form id="frmStoryOrCase" enctype="multipart/form-data" method="post">
                        <div class="row">
                            <div class="form-group col-md-6">
                                <strong>Component</strong>
                                <select class="form-control required" name="ComponentId" id="ComponentId" data-api="/component/select" data-api-selected-value="@Model.ComponentId" disabled></select>
                            </div>
                            @*<div class="form-group col-md-6">
                                <strong>Sub-Component</strong>
                                <select class="form-control required" name="SubComponentId" id="SubComponentId" data-api="/sub-component/select?componentId=@Model.ComponentId" disabled data-api-selected-value="@Model.SubComponentId"></select>
                            </div>*@
                            @if (Model.SubComponentId == 1 || Model.SubComponentId == 5 || Model.SubComponentId == 4)
                            {
                                <div class="form-group col-md-6">
                                    <strong>Commodity</strong>
                                    <select class="form-control" name="CommodityId" id="CommodityId" data-api="/commodity/select" data-api-selected-value="@Model.CommodityId" disabled></select>
                                </div>
                                <div class="form-group col-md-6">
                                    <strong>Group</strong>
                                    <select class="form-control" name="GroupId" id="GroupId" data-api="/groups/commodity?commodityId=@Model.CommodityId" data-api-selected-value="@Model.GroupId" disabled></select>
                                </div>
                                <div class="form-group col-md-6">
                                    <strong>Member</strong>
                                    <select id="MemberId" name="MemberId" class="form-control" data-api="/groups/members/select?groupId=@Model.GroupId" multiple disabled=""></select>
                                    <input type="hidden" id="MemberIds" name="MemberIds" value="@Model.MemberIds" />
                                    @*<select multiple id="MemberId" name="MemberIds" class="form-control" data-api="/groups/members/select?groupId=@Model.GroupId" disabled data-api-selected-value="@Model.MemberIds"></select>*@
                                </div>
                            }
                            @if (Model.SubComponentId == 5 )
                            {
                                <div class="form-group col-md-6 financial-toggle">
                                    <strong>Cooperative</strong>
                                    <select class="form-control" name="CoopId" id="CoopId" data-api="/cooperatives/select" data-api-selected-value="@Model.CoopId" disabled></select>
                                </div>
                            }
                            @if (Model.SubComponentId == 6)
                            {
                                <div class="form-group col-md-6 migrant-toggle">
                                    <strong>MRC/MID Detail</strong>
                                    <select class="form-control" name="MrcMidStaffId" id="MrcMidStaffId" data-api="/knowledgeManagement/mrcMidStaff" data-api-selected-value="@Model.MrcMidStaffId" disabled></select>
                                </div>
                                <div class="form-group col-md-6 migrant-toggle">
                                    <strong>Client Name</strong>
                                    <input class="form-control" type="text" name="ClientName" id="ClientName" value="@Model.ClientName" disabled />
                                </div>
                            }
                            <div class="form-group col-md-6">
                                <strong>Title</strong>
                                <input type="text" id="Title" name="Title" class="form-control required" value="@Model.Title" disabled />
                            </div>
                            <div class="form-group col-md-6">
                                <strong>Product Type</strong>
                                <select class="form-control required" name="ProductTypeId" id="ProductTypeId" data-api="/common/select/ProductType" data-api-selected-value="@Model.ProductTypeId" disabled></select>
                            </div>
                            <div class="form-group col-md-6">
                                <strong>Significant Changes</strong>
                                <select class="form-control required" name="SignificantChangeId" id="SignificantChangeId" data-api="/common/select/SignificantChanges" data-api-selected-value="@Model.SignificantChangeId" disabled></select>
                            </div>
                            <div class=" form-group col-md-12">
                                <strong>Significant Changes Indicators</strong><br />
                                @for (int i = 0; i < Model.IndicatorList.Count; i++)
                                {
                                    <input disabled type="checkbox" name="@Model.IndicatorList[i].Value" class="indicator" value="@Model.IndicatorList[i].Key.ToString()" checked="@Model.IndicatorList[i].IsChecked" />
                                    <span>@Model.IndicatorList[i].Value</span>
                                }
                            </div>
                            <div class="form-group col-md-12">
                                <strong>आयोजनाको सम्बोधनका कारण परिवार र समुदाय स्तरमा देखिएको प्रभाव </strong> <br />
                                @for (int i = 0; i < Model.ImpactList.Count; i++)
                                {
                                    <input disabled type="checkbox" name="@Model.ImpactList[i].Value" class="impact" value="@Model.ImpactList[i].Key.ToString()" checked="@Model.ImpactList[i].IsChecked" />
                                    <span>@Model.ImpactList[i].Value</span>
                                }
                            </div>
                            <div class="form-group col-md-12">
                                <strong>Download Related Files</strong>
                                <a href="/Knowledgemanagement/DownloadRelatedFile?type=file&fileName=@Model.FileName"><img src="~/Images/ExternalIcon/word.png" width="25" height="25" title="Download uploaded story or case file" alt="related file" /></a>
                                <a href="/Knowledgemanagement/DownloadRelatedFile?type=image&fileName=@Model.ImageName"><img src="~/Images/ExternalIcon/image.png" width="25" height="25" title="Download uploaded story or case image" alt="supporting image" /></a>
                                @if (Model.VideoName != null)
                                {
                                    <a href="/Knowledgemanagement/DownloadRelatedFile?type=video&fileName=@Model.VideoName"><img src="~/Images/ExternalIcon/video.png" width="25" height="25" title="Download uploaded story or case video" alt="supporting video" /></a>
                                }

                            </div>
                            <div class="col-md-12">
                                <a href="/knowledgeManagement/storyOrCase" class="btn btn-default btn-sm pull-right">Back</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<script>
    $(function () {
        window.initializeSelectApis();
        window.initializeCasecadeMembersForStoryCase();

        $('#MemberId').select2({
            multiple: true,
            allowClear: true,
        }).change(function () {
            var selectedIDs = $.map($(memberElement).select2('data'), function (val, i) {
                return val.id;
            }).join(",");
            $('#MemberIds').val(selectedIDs);

        });
    });


</script>

<style>
    input[type="checkbox"] {
        margin: 2px;
        margin-left: 13px;
    }

    .toggle {
        display: none;
    }

        .toggle .show {
            display: block;
        }
</style>