Rimmon
/
HyperCube


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
							@page "/surveyeditor"
@page "/surveyeditor/{ID:int}"

<div style="margin-left:20px">
    <h3>Редактор опросов (тестовая квалификация)</h3>

    <div style="margin:10px; margin-left:0px">
        <a href="surveys">Вернуться к списку опросов</a>
        ||
        <a style="cursor:pointer" @onclick="SaveSurvey">Сохранить опрос</a>
        ||
        <a style="cursor:pointer" @onclick="NewSurvey">Создать новый опрос</a>
    </div>

    <EditForm Model="@_survey">
        <div>Наименование опроса:</div>
        <div>
            <InputText type="text" @bind-Value="_survey.Name" placeholder="Введите наименование" />
        </div>
        <div>Описание опроса:</div>
        <div>
            <InputTextArea type="text" @bind-Value="_survey.Description" placeholder="Введите описание" />
        </div>
        <div>Вопросы:</div>
        @foreach (var item in _survey.SurveyItems)
        {
            if (!item.Value.IsDeleted)
            {
                <div>
                    Вопрос №@item.Value.Position
                    <a style="cursor:pointer" @onclick="(() => ItemMove(item.Key, -1))">&#11014;</a>
                    <a style="cursor:pointer" @onclick="(() => ItemMove(item.Key, 1))">&#11015;</a>
                    <a style="cursor:pointer" @onclick="(() => ItemDelete(item.Key))">&#10006;</a>
                </div>
                <div>
                    <InputTextArea type="text" @bind-Value="item.Value.Text" placeholder="Введете текст вопроса" />
                </div>
                <div style="margin-left:20px">
                    @foreach (var option in item.Value.SurveyItemOptions)
                    {
                        if (!option.Value.IsDeleted)
                        {
                            Console.WriteLine($"");
                            <div>
                                Ответ №@option.Value.Position
                                <a style="cursor:pointer" @onclick="OptionMove">&#11014;</a>
                                <a style="cursor:pointer" @onclick="OptionMove">&#11015;</a>
                                <a style="cursor:pointer" @onclick="OptionDelete">&#10006;</a>
                            </div>
                            <div>
                                <InputText type="text" @bind-Value="option.Value.Text" placeholder="Введите текст ответа" />
                            </div>
                            <div>
                                П - <InputNumber @bind-Value="option.Value.Rate1" style="width:40px; text-align:center" />
                                М - <InputNumber @bind-Value="option.Value.Rate2" style="width:40px; text-align:center" />
                                Л - <InputNumber @bind-Value="option.Value.Rate3" style="width:40px; text-align:center" />
                                С - <InputNumber @bind-Value="option.Value.Rate4" style="width:40px; text-align:center" />
                            </div>
                        }
                    }
                    <div style="margin-left:20px; margin-bottom:20px; cursor:pointer" @onclick="(() => AddNewOption(item.Key))">+ Добавить вариант ответа</div>
                </div>
            }
        }
        <div style="margin-bottom: 20px; cursor: pointer" @onclick="(() => AddNewItem())">+ Добавить вопрос</div>
    </EditForm>
</div>

<ModalInfo @ref="_modalInfo">
    <Title>Редактор опросов</Title>
    <Body></Body>
</ModalInfo>