VberAdmin_V4/SourceCode/Src/VberAdmin.Web.Mvc/Views/Shared/Input/_Input.cshtml

@using VberAdmin.Web.Models.Input
@using VberZero.Tools.StringModel
@model VmInputBase
@if (Model != null)
{
  
    @if (Model.IsHidden)
    {
        <input type="hidden" @Html.Raw(Model.InputBaseString)/>
    }
    else
    {
        switch (Model.InputType)
        {
            case VmInputType.Select:
                @if (Model.QueryModalId.Empty())
                {
                    var select = (VmInputSelect)Model;
                    <select @Html.Raw(Model.InputBaseString)> @Html.Raw(select.Options)</select>
                }
                else
                {
                    @await Html.PartialAsync("Input/_InputSearchIcon",Model)
                }
                break;
            case VmInputType.AjaxSelect:
                @if (Model.QueryModalId.Empty())
                {
                    var ajaxSelect = (VmInputSelectAjax)Model;
                    <select @Html.Raw(Model.InputBaseString) @Html.Raw(ajaxSelect.ControlDataStr)></select>
                }
                else
                {
                    @await Html.PartialAsync("Input/_InputSearchIcon",Model)
                }
                break;
            case VmInputType.Dialer:
                var dialer = (VmInputNumberDialer)Model;
                <!--begin::Dialer-->
                <div class="position-relative " @Html.Raw(dialer.ControlDataStr)>
                    <!--begin::Decrease control-->
                    <button type="button" class="btn btn-icon btn-active-color-primary position-absolute translate-middle-y top-50 start-0"  data-bs-toggle="tooltip" title="减 @Html.Raw(dialer.Step)" data-kt-dialer-control="decrease">
                        <!--Svg Icon | path: icons/duotone/Interface/Minus-Square.svg-->
                        <span class="svg-icon svg-icon-1">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <path opacity="0.25" d="M6.54184 2.36899C4.34504 2.65912 2.65912 4.34504 2.36899 6.54184C2.16953 8.05208 2 9.94127 2 12C2 14.0587 2.16953 15.9479 2.36899 17.4582C2.65912 19.655 4.34504 21.3409 6.54184 21.631C8.05208 21.8305 9.94127 22 12 22C14.0587 22 15.9479 21.8305 17.4582 21.631C19.655 21.3409 21.3409 19.655 21.631 17.4582C21.8305 15.9479 22 14.0587 22 12C22 9.94127 21.8305 8.05208 21.631 6.54184C21.3409 4.34504 19.655 2.65912 17.4582 2.36899C15.9479 2.16953 14.0587 2 12 2C9.94127 2 8.05208 2.16953 6.54184 2.36899Z" fill="#12131A"></path>
                                <path d="M8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H8Z" fill="#12131A"></path>
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                    </button>
                    <!--end::Decrease control-->
                    <!--begin::Input control-->
                    <input type="text"  @Html.Raw(Model.InputBaseString)/>
                    <!--end::Input control-->
                    <!--begin::Increase control-->
                    <button type="button" class="btn btn-icon btn-active-color-primary position-absolute translate-middle-y top-50 end-0"  data-bs-toggle="tooltip" title="加 @Html.Raw(dialer.Step)" data-kt-dialer-control="increase">
                        <!--begin::Svg Icon | path: icons/duotone/Interface/Plus-Square.svg-->
                        <span class="svg-icon svg-icon-1">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <path opacity="0.25" fill-rule="evenodd" clip-rule="evenodd" d="M6.54184 2.36899C4.34504 2.65912 2.65912 4.34504 2.36899 6.54184C2.16953 8.05208 2 9.94127 2 12C2 14.0587 2.16953 15.9479 2.36899 17.4582C2.65912 19.655 4.34504 21.3409 6.54184 21.631C8.05208 21.8305 9.94127 22 12 22C14.0587 22 15.9479 21.8305 17.4582 21.631C19.655 21.3409 21.3409 19.655 21.631 17.4582C21.8305 15.9479 22 14.0587 22 12C22 9.94127 21.8305 8.05208 21.631 6.54184C21.3409 4.34504 19.655 2.65912 17.4582 2.36899C15.9479 2.16953 14.0587 2 12 2C9.94127 2 8.05208 2.16953 6.54184 2.36899Z" fill="#12131A"></path>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M12 17C12.5523 17 13 16.5523 13 16V13H16C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11H13V8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8V11H8C7.44772 11 7 11.4477 7 12C7 12.5523 7.44771 13 8 13H11V16C11 16.5523 11.4477 17 12 17Z" fill="#12131A"></path>
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                    </button>
                    <!--end::Increase control-->
                </div>
                <!--end::Dialer-->
                break;
            case VmInputType.Number:
                <input type="number" @Html.Raw(Model.InputBaseString)/>
                break;
            case VmInputType.Textarea:
                <textarea  @Html.Raw(Model.InputBaseString)></textarea>
                break;
            case VmInputType.WangEditor:
                var wangEditor = (VmInputWangEditor)Model;
                <div @Html.Raw(wangEditor.ControlDataStr) @Html.Raw(Model.InputBaseString)></div>
                break;
            case VmInputType.Switch:
                var switches = (VmInputSwitch)Model;

                if (switches.Items is {Count:>0})
                {
                    <div class="d-flex align-items-center">
                    @foreach (var item in switches.Items)
                    {
                        var checkedStr = item.IsChecked ? "checked=\"checked\"" : "";
                        <label class="form-check form-switch form-check-custom form-check-solid form-switch-sm me-5" style="height: 34px;">
                            <input class="@item.Class form-check-input" name="@Model.Name" type="checkbox" value="@item.Value" @Html.Raw(item.Other) @Html.Raw(checkedStr) />
                            <span class="form-check-label">
                                @item.Name
                            </span>
                        </label>
                    }
                  </div>
                }
               
                break;
            case VmInputType.CheckBox:
                var checkBox = (VmInputCheckBox)Model;

                if (checkBox.Items is {Count:>0})
                {
                    <div class="d-flex align-items-center">
                    @foreach (var item in checkBox.Items)
                    {
                        var checkedStr = item.IsChecked ? "checked=\"checked\"" : "";
                        <label class="form-check form-check-custom form-check-solid form-check-sm me-5" style="height: 34px;">
                            <input class="@item.Class  form-check-input" name="@Model.Name" type="checkbox" value="@item.Value" @Html.Raw(item.Other) @Html.Raw(checkedStr) />
                            <span class="form-check-label">
                                @item.Name
                            </span>
                        </label>
                    }
                  </div>
                }
              
                    break;
            case VmInputType.RadioBox:
                var radio = (VmInputRadio)Model;

                if (radio.Items is {Count:>0})
                { 
                    <div class="d-flex align-items-center">
                                   
                    @foreach (var item in radio.Items)
                    {
                        var checkedStr = item.IsChecked || item.Value==Model.DefaultValue? "checked=\"checked\"" : "";
                        <label class="form-check form-check-custom form-check-solid form-check-sm me-5" style="height: 34px;">
                            <input class="@item.Class form-check-input" name="@Model.Name" type="radio" value="@item.Value" @Html.Raw(item.Other) @Html.Raw(checkedStr) />
                            <span class="form-check-label">
                                @Html.Raw(item.Name)
                            </span>
                        </label>
                    }
                  </div>

                }
               
                break;

            case VmInputType.Date:
            case VmInputType.DateTime:
                //var date = (VmInputDate)Model;
                <div class="position-relative d-flex align-items-center" >
                    <div class="symbol symbol-20px me-4 position-absolute ms-4" data-toggle>
						<span class="symbol-label bg-secondary">
							<!--Svg Icon | path: icons/duotone/Layout/Layout-grid.svg-->
							<span class="svg-icon">
								<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
									<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
										<rect x="0" y="0" width="24" height="24"></rect>
										<rect fill="#000000" opacity="0.3" x="4" y="4" width="4" height="4" rx="1"></rect>
										<path d="M5,10 L7,10 C7.55228475,10 8,10.4477153 8,11 L8,13 C8,13.5522847 7.55228475,14 7,14 L5,14 C4.44771525,14 4,13.5522847 4,13 L4,11 C4,10.4477153 4.44771525,10 5,10 Z M11,4 L13,4 C13.5522847,4 14,4.44771525 14,5 L14,7 C14,7.55228475 13.5522847,8 13,8 L11,8 C10.4477153,8 10,7.55228475 10,7 L10,5 C10,4.44771525 10.4477153,4 11,4 Z M11,10 L13,10 C13.5522847,10 14,10.4477153 14,11 L14,13 C14,13.5522847 13.5522847,14 13,14 L11,14 C10.4477153,14 10,13.5522847 10,13 L10,11 C10,10.4477153 10.4477153,10 11,10 Z M17,4 L19,4 C19.5522847,4 20,4.44771525 20,5 L20,7 C20,7.55228475 19.5522847,8 19,8 L17,8 C16.4477153,8 16,7.55228475 16,7 L16,5 C16,4.44771525 16.4477153,4 17,4 Z M17,10 L19,10 C19.5522847,10 20,10.4477153 20,11 L20,13 C20,13.5522847 19.5522847,14 19,14 L17,14 C16.4477153,14 16,13.5522847 16,13 L16,11 C16,10.4477153 16.4477153,10 17,10 Z M5,16 L7,16 C7.55228475,16 8,16.4477153 8,17 L8,19 C8,19.5522847 7.55228475,20 7,20 L5,20 C4.44771525,20 4,19.5522847 4,19 L4,17 C4,16.4477153 4.44771525,16 5,16 Z M11,16 L13,16 C13.5522847,16 14,16.4477153 14,17 L14,19 C14,19.5522847 13.5522847,20 13,20 L11,20 C10.4477153,20 10,19.5522847 10,19 L10,17 C10,16.4477153 10.4477153,16 11,16 Z M17,16 L19,16 C19.5522847,16 20,16.4477153 20,17 L20,19 C20,19.5522847 19.5522847,20 19,20 L17,20 C16.4477153,20 16,19.5522847 16,19 L16,17 C16,16.4477153 16.4477153,16 17,16 Z" fill="#000000"></path>
									</g>
								</svg>
							</span>
						</span>
					</div>
                    <input type="text" @Html.Raw(Model.InputBaseString) data-input/>
                </div>

                break;
            case VmInputType.File:
                var file = (VmInputFile)Model;
                <div class="position-relative d-flex align-items-center" data-vb-file-box="" data-vb-file="upload">
                    <input type="hidden" name="@(file.FileInfoField)" value="" />
                    <input type="hidden" name="@(file.FileNameField)" value="" />
                    <input type="hidden" name="@(file.FileExtField)" value="" />
                    <input type="file" @Html.Raw(Model.InputBaseString) @Html.Raw(file.ControlDataStr)/>
                    <div class="position-absolute translate-middle-y top-50 end-0">
                        <button type="button" data-vb-file-btn="clean" class="btn btn-icon btn-active-color-primary " data-bs-toggle="tooltip" title="@(L("Clean"))" style="cursor: pointer;">
                            <span class="svg-icon svg-icon-1">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <path opacity="0.25" d="M6.54184 2.36899C4.34504 2.65912 2.65912 4.34504 2.36899 6.54184C2.16953 8.05208 2 9.94127 2 12C2 14.0587 2.16953 15.9479 2.36899 17.4582C2.65912 19.655 4.34504 21.3409 6.54184 21.631C8.05208 21.8305 9.94127 22 12 22C14.0587 22 15.9479 21.8305 17.4582 21.631C19.655 21.3409 21.3409 19.655 21.631 17.4582C21.8305 15.9479 22 14.0587 22 12C22 9.94127 21.8305 8.05208 21.631 6.54184C21.3409 4.34504 19.655 2.65912 17.4582 2.36899C15.9479 2.16953 14.0587 2 12 2C9.94127 2 8.05208 2.16953 6.54184 2.36899Z" fill="#12131A"></path>
                                    <path d="M8 13C7.44772 13 7 12.5523 7 12C7 11.4477 7.44772 11 8 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H8Z" fill="#12131A"></path>
                                </svg>
                            </span>
                        </button>
                    </div>
                </div>

                break;
            default:
                @if (Model.QueryModalId.Empty())
                {
                    <input type="text" @Html.Raw(Model.InputBaseString)/>
                }
                else
                {
                    @await Html.PartialAsync("Input/_InputSearchIcon",Model)
                }
                break;
        }
       
    }
}