| | 1 | | @using MUNity.Schema.Conference.Website |
| | 2 | | @using MUNity.Database.Models.Website |
| | 3 | |
|
| | 4 | | @inject Services.UserConferenceAuthService conferenceAuthService |
| | 5 | | @inject MUNity.Database.Context.MunityContext dbContext |
| | 6 | | @inject Services.ConferenceWebsiteService websiteService |
| | 7 | |
|
| | 8 | | <button class="btn btn-default" style="position: absolute; left: auto; right: 50px; top: 10px; bottom: auto;">Speichern< |
| | 9 | |
|
| | 10 | | <div class="form-group"> |
| | 11 | | <label>Seitentitel</label> |
| | 12 | | <input class="form-control" @bind="loadedPage.Title" /> |
| | 13 | | <small>Dieser Name ist nicht automatisch der gleiche, wie der Name im Menü.</small> |
| | 14 | | </div> |
| | 15 | |
|
| | 16 | | <div class="row"> |
| 0 | 17 | | <p>Komponenten: @loadedPage.Components.Count</p> |
| | 18 | | <div class="float-right"> |
| 0 | 19 | | <button class="btn btn-primary" @onclick="() => dbContext.SaveChanges()"><i class="fa fa-save"></i> Änderungen s |
| | 20 | | </div> |
| | 21 | | </div> |
| | 22 | |
|
| 0 | 23 | | @foreach (var component in loadedPage.Components.OrderBy(n => n.SortOrder)) |
| 0 | 24 | | { |
| 0 | 25 | | if (component is MUNity.Database.Models.Website.WebPageTextElement textElement) |
| 0 | 26 | | { |
| | 27 | | <EditTextComponent Element="@textElement" RequestRemove=OnRemoveComponent /> |
| 0 | 28 | | } |
| 0 | 29 | | else if (component is MUNity.Database.Models.Website.TeamCardsElement teamCard) |
| 0 | 30 | | { |
| | 31 | | <EditTeamCardComponent Element="@teamCard" /> |
| 0 | 32 | | } |
| 0 | 33 | | else if (component is MUNity.Database.Models.Website.CommitteeTopicsElement topics) |
| 0 | 34 | | { |
| | 35 | | <EditCommitteeTopicsComponent Element="@topics" ConferenceId="@ConferenceId" /> |
| 0 | 36 | | } |
| 0 | 37 | | else if (component is MUNity.Database.Models.Website.CommitteeDelegatesElement delegates) |
| 0 | 38 | | { |
| | 39 | | <EditCommitteeSeatsComponent Element=@delegates ConferenceId=@ConferenceId /> |
| 0 | 40 | | } |
| | 41 | | else |
| 0 | 42 | | { |
| | 43 | | <div class="col-12"> |
| 0 | 44 | | <div class="alert alert-danger">Unbekanntes Element: @component.GetType().Name</div> |
| | 45 | | </div> |
| 0 | 46 | | } |
| | 47 | |
|
| 0 | 48 | | } |
| | 49 | |
|
| | 50 | | <div class="row"> |
| | 51 | | <div class="card text-center border-0"> |
| | 52 | | <div class="card-body"> |
| 0 | 53 | | <button class="btn btn-success btn-icon" @onclick="() => showAddItemModal = true"><i class="fa fa-plus"></i></bu |
| | 54 | |
|
| | 55 | | </div> |
| | 56 | |
|
| | 57 | | </div> |
| | 58 | | </div> |
| | 59 | |
|
| 0 | 60 | | @if (showAddItemModal) |
| 0 | 61 | | { |
| | 62 | | <div class="modal-backdrop opacity-7"></div> |
| | 63 | | <div class="modal fade show" id="modal-dialog" aria-modal="true" role="dialog" style="display: block"> |
| | 64 | | <div class="modal-dialog"> |
| | 65 | | <div class="modal-content"> |
| | 66 | | <div class="modal-header"> |
| | 67 | | <h4 class="modal-title">Modal Dialog</h4> |
| 0 | 68 | | <button type="button" class="btn-close" @onclick="() => showAddItemModal = false"></button> |
| | 69 | | </div> |
| | 70 | | <div class="modal-body"> |
| | 71 | | <div class="row"> |
| | 72 | | <div class="col-4"> |
| | 73 | | <div class="card cursor-pointer" @onclick=AddTextComponent> |
| | 74 | | <div class="card-body"> |
| | 75 | | <h5 class="card-title">Text</h5> |
| | 76 | | <p>Eine Komponente zur Darstellung von Texten und Bildern.</p> |
| | 77 | | </div> |
| | 78 | | </div> |
| | 79 | | </div> |
| | 80 | |
|
| | 81 | | <div class="col-4"> |
| | 82 | | <div class="card"> |
| | 83 | | <div class="card-body"> |
| | 84 | | <h5 class="card-title">Gremien-Themen</h5> |
| | 85 | | <p>Automatisch generierte Komponente, welche die Themen eines ausgewählten Gremi |
| | 86 | | </div> |
| | 87 | | </div> |
| | 88 | | </div> |
| | 89 | |
|
| | 90 | | <div class="col-4"> |
| | 91 | | <div class="card"> |
| | 92 | | <div class="card-body"> |
| | 93 | | <h5 class="card-title">Gremien-Sitze</h5> |
| | 94 | | <p>Automatisch generierte Komponente, welche die Sitze in einem Gremium anzeigt. |
| | 95 | | </div> |
| | 96 | | </div> |
| | 97 | | </div> |
| | 98 | | </div> |
| | 99 | |
|
| | 100 | | </div> |
| | 101 | | </div> |
| | 102 | | </div> |
| | 103 | | </div> |
| 0 | 104 | | } |
| | 105 | |
|
| | 106 | | @code { |
| 0 | 107 | | [Parameter] public string PageId { get; set; } |
| | 108 | |
|
| 0 | 109 | | [Parameter] public string ConferenceId { get; set; } |
| | 110 | |
|
| | 111 | |
|
| | 112 | | private MUNity.Database.Models.Website.ConferenceWebPage loadedPage; |
| | 113 | |
|
| | 114 | | private bool showAddItemModal; |
| | 115 | |
|
| | 116 | |
|
| | 117 | | protected override void OnParametersSet() |
| 0 | 118 | | { |
| 0 | 119 | | base.OnParametersSet(); |
| 0 | 120 | | if (!string.IsNullOrEmpty(PageId)) |
| 0 | 121 | | { |
| 0 | 122 | | this.loadedPage = dbContext.ConferenceWebPages |
| 0 | 123 | | .Include(n => n.Components) |
| 0 | 124 | | .FirstOrDefault(n => n.ConferenceWebPageId == PageId); |
| 0 | 125 | | } |
| | 126 | | else |
| 0 | 127 | | { |
| 0 | 128 | | this.loadedPage = dbContext.ConferenceWebPages |
| 0 | 129 | | .Include(n => n.Components) |
| 0 | 130 | | .FirstOrDefault(n => n.Conference.ConferenceId == ConferenceId && n.IsIndexPage); |
| 0 | 131 | | } |
| 0 | 132 | | this.InvokeAsync(StateHasChanged); |
| 0 | 133 | | } |
| | 134 | |
|
| | 135 | | private void OnRemoveComponent(AbstractConferenceWebPageElement element) |
| 0 | 136 | | { |
| 0 | 137 | | this.loadedPage.Components.Remove(element); |
| 0 | 138 | | InvokeAsync(this.StateHasChanged); |
| 0 | 139 | | } |
| | 140 | |
|
| | 141 | | private void AddTextComponent() |
| 0 | 142 | | { |
| 0 | 143 | | this.loadedPage.Components.Add(new WebPageTextElement() |
| 0 | 144 | | { |
| 0 | 145 | | SortOrder = loadedPage.Components.Count, |
| 0 | 146 | | Page = loadedPage |
| 0 | 147 | | }); |
| 0 | 148 | | showAddItemModal = false; |
| 0 | 149 | | } |
| | 150 | | } |