Reports init, changed 1 relation

ComputerShopProvider/ComputerShopClientApp/Views/Home/Report.cshtml

@@ -0,0 +1,17 @@
+
+
+<div class="text-center">
+	<h1 class="display-4">Отчёты</h1>
+</div>
+
+
+<div class="text-center">
+	@{
+		<p>
+			<a asp-action="ReportDocXml">Получения техники по компонентам (docx/xls)</a>
+		</p>
+		<p>
+			<a asp-action="ReportPdf">Связанные закупки и поставки (pdf)</a>
+		</p>
+	}
+</div>

ComputerShopProvider/ComputerShopClientApp/Views/Home/ReportDocXml.cshtml

@@ -0,0 +1,89 @@
+@using ComputerShopContracts.ViewModels
+
+@model List<ComponentViewModel>
+
+@{
+    ViewData["Title"] = "ReportDocXml";
+}
+
+<div class="text-center">
+    <h2
+                    class="u-text u-text-custom-color-1 u-text-default u-text-1"
+                  >
+                    Создание отчета по компонентам
+                  </h2>
+</div>
+
+<div class="text-center">
+        <form method="post">
+            <div>
+                <label class="u-label u-text-custom-color-1 u-label-1">
+                        Выберите формат файла:
+                    </label>
+                <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="radio" name="type" value="docx" id="docx">
+                    <label class="u-label u-text-custom-color-1 u-label-1" for="docx">
+                        Word-файл
+                    </label>
+                </div>
+                <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="radio" name="type" value="xlsx" id="xlsx" checked>
+                    <label class="u-label u-text-custom-color-1 u-label-1" for="xlsx">
+                        Excel-файл
+                    </label>
+                </div>
+            </div>
+            <div class="u-container-style u-layout-cell u-size-48 u-layout-cell-1">
+                <div class="u-container-layout u-container-layout-1">
+                  <div class="u-table u-table-responsive u-table-1">
+                    <table class="u-table-entity">
+                      <colgroup>
+                        <col width="9.8%" />
+                        <col width="62.9%" />
+                        <col width="27.3%" />
+                      </colgroup>
+                      <thead
+                        class="u-custom-color-1 u-table-header u-table-header-1">
+                        <tr style="height: 31px">
+                            <th class="u-border-1 u-border-grey-50 u-table-cell">
+
+                          </th>
+                          <th class="u-border-1 u-border-grey-50 u-table-cell">
+                            Название компонента
+                          </th>
+                          <th class="u-border-1 u-border-grey-50 u-table-cell">
+                            Цена
+                          </th>
+                        </tr>
+                      </thead>
+                        <tbody class="u-table-body">
+                            @foreach (var item in Model)
+                            {
+                                <tr style="height: 75px">
+                                  <td
+                            class="u-border-1 u-border-grey-40 u-border-no-left u-border-no-right u-table-cell">
+                                        <input type="checkbox" class="form-check-input" name="Ids[]" value="@item.Id" id="@item.Id">
+                                  </td>
+                                  <td
+                            class="u-border-1 u-border-grey-40 u-border-no-left u-border-no-right u-table-cell"
+                          >
+                                        @Html.DisplayFor(modelItem => item.ComponentName)
+                                  </td>
+                                  <td
+                            class="u-border-1 u-border-grey-40 u-border-no-left u-border-no-right u-table-cell"
+                          >
+                                        @Html.DisplayFor(modelItem => item.Cost)
+                                  </td>
+                                </tr>
+                            }
+                      </tbody>
+                    </table>
+                  </div>
+                </div>
+              </div>
+            <div class="u-align-center u-form-group u-form-submit u-label-top" style="padding-bottom: 120px">
+        <div class="col-8"></div>
+        <div class="col-4"><input type="submit" value="Создать файл" class="u-active-custom-color-6 u-border-none u-btn u-btn-submit u-button-style u-custom-color-1 u-hover-custom-color-2 u-btn-1"/></div>
+    </div>
+        </form>
+</div>