Skip to content

Commit

Permalink
#379 added add to wiki section
Browse files Browse the repository at this point in the history
  • Loading branch information
@tj-mai
tj-mai committed May 30, 2022
1 parent 0540812 commit feb5c7c
Showing 1 changed file with 59 additions and 5 deletions.
64 changes: 59 additions & 5 deletions src/TrueOrFalse.Frontend.Web/Views/Categories/Edit/AddCategoryComponent.vue.ascx
View file
@@ -1,6 +1,4 @@
<%@ Import Namespace="System.Web.Optimization" %>
<%@ Import Namespace="TrueOrFalse.Frontend.Web.Code" %>
<add-category-component inline-template>
<add-category-component inline-template>
<div class="cardModal">
<div class="modal fade" id="AddCategoryModal" tabindex="-1" role="dialog" aria-labelledby="modal-content-module-settings" aria-hidden="true">
<div class="modal-dialog modal-m" role="document">
Expand All @@ -13,7 +11,9 @@
<h4 v-else-if="categoryChange === categoryChangeType.Move" class="modal-title">Thema verschieben nach</h4>
<h4 v-else-if="categoryChange === categoryChangeType.AddChild" class="modal-title">Bestehendes Thema verknüpfen</h4>
<h4 v-else-if="categoryChange === categoryChangeType.AddParent" class="modal-title">Neues Oberthema verknüpfen</h4>
<h4 v-else-if="categoryChange === categoryChangeType.AddToWiki" class="modal-title">Zum Wiki hinzufügen</h4>
</div>

<div class="modalBody" v-if="categoryChange == categoryChangeType.Create">
<form v-on:submit.prevent="addCategory">
<div class="form-group">
Expand All @@ -29,9 +29,61 @@
<p><b> Das Thema ist privat.</b> Du kannst es später im das Dreipunkt-Menü oder direkt über das Schloss-Icon veröffentlichen.</p>
</div>
</div>

<div class="modalBody" v-else-if="categoryChange = CategoryChangeType.AddToWiki">
<form v-on:submit.prevent="selectCategory">
<div class="searchResultItem" @click="set">
<img :src="personalWiki.ImageUrl"/>
<div>
<div class="searchResultLabel body-m">{{personalWiki.Name}}</div>
<div class="searchResultQuestionCount body-s">{{personalWiki.QuestionCount}} Frage<template v-if="personalWiki.QuestionCount != 1">n</template></div>
</div>
</div>
<div>

</div>
<div v-if="showAdditionalCategoriesInPersonalWiki">
<div class="searchResultItem" v-for="previousCategory in previousCategories">
<img :src="previousCategory.ImageUrl"/>
<div>
<div class="searchResultLabel body-m">{{previousCategory.Name}}</div>
<div class="searchResultQuestionCount body-s">{{previousCategory.QuestionCount}} Frage<template v-if="previousCategory.QuestionCount != 1">n</template></div>
</div>
</div>
</div>
<div class="form-group dropdown categorySearchAutocomplete" :class="{ 'open' : showDropdown }">
<div v-if="showSelectedCategory" class="searchResultItem" @click="toggleShowSelectedCategory()" data-toggle="tooltip" data-placement="top" :title="selectedCategory.Name">
<img :src="selectedCategory.ImageUrl"/>
<div>
<div class="searchResultLabel body-m">{{selectedCategory.Name}}</div>
<div class="searchResultQuestionCount body-s">{{selectedCategory.QuestionCount}} Frage<template v-if="selectedCategory.QuestionCount != 1">n</template></div>
</div>
</div>
<input v-show="!showSelectedCategory" ref="searchInput" class="form-control dropdown-toggle" type="text" v-model="searchTerm" id="searchInWikiList" autocomplete="off" @click="lockDropdown = false" aria-haspopup="true" placeholder="Bitte gib den Namen des Themas ein"/>
<ul class="dropdown-menu" aria-labelledby="searchList">
<li class="searchResultItem" v-for="c in categories" @click="selectCategory(c)" data-toggle="tooltip" data-placement="top" :title="c.Name" :data-original-title="c.Name">
<img :src="c.ImageUrl"/>
<div>
<div class="searchResultLabel body-m">{{c.Name}}</div>
<div class="searchResultQuestionCount body-s">{{c.QuestionCount}} Frage<template v-if="c.QuestionCount != 1">n</template></div>
</div>
</li>
<li class="dropdownFooter body-m">
<b>{{totalCount}}</b> Treffer. <br/>
Deins ist nicht dabei? <span class="dropdownLink" @click="categoryChange = CategoryChangeType.Create">Erstelle hier dein Thema</span>
</li>
</ul>
</div>
</form>
<div class="alert alert-warning" role="alert" v-if="showErrorMsg">
<a :href="existingCategoryUrl" target="_blank" class="alert-link">{{forbiddenCategoryName}}</a>
{{errorMsg}}
</div>
</div>

<div class="modalBody" v-else>
<form v-on:submit.prevent="selectCategory">
<div class="form-group dropdown categorySearchAutocomplete" :class="{ 'open' : showDropdown}">
<div class="form-group dropdown categorySearchAutocomplete" :class="{ 'open' : showDropdown }">
<div v-if="showSelectedCategory" class="searchResultItem" @click="toggleShowSelectedCategory()" data-toggle="tooltip" data-placement="top" :title="selectedCategory.Name">
<img :src="selectedCategory.ImageUrl"/>
<div>
Expand Down Expand Up @@ -60,11 +112,13 @@
{{errorMsg}}
</div>
</div>

<div class="modalFooter">
<div v-if="categoryChange === categoryChangeType.Create" id="AddNewCategoryBtn" class="btn btn-primary memo-button" @click="addCategory" :disabled="disableAddCategory">Thema erstellen</div>
<div v-else-if="categoryChange === categoryChangeType.Move" id="MoveCategoryToNewParentBtn" class="btn btn-primary memo-button" @click="moveCategoryToNewParent" :disabled="disableAddCategory">Thema verschieben</div>
<div v-else-if="categoryChange === categoryChangeType.AddChild" id="AddExistingCategoryBtn" class="btn btn-primary memo-button" @click="addExistingCategory" :disabled="disableAddCategory">Thema verknüpfen</div>
<div v-else-if="categoryChange === categoryChangeType.AddParent" id="AddNewParentBtn" class="btn btn-primary memo-button" @click="AddNewParentToCategory" :disabled="disableAddCategory">Thema verknüpfen</div>
<div v-else-if="categoryChange === categoryChangeType.AddParent" id="AddNewParentBtn" class="btn btn-primary memo-button" @click="addNewParentToCategory" :disabled="disableAddCategory">Thema verknüpfen</div>
<div v-else-if="categoryChange === categoryChangeType.AddToWiki" id="AddToWiki" class="btn btn-primary memo-button" @click="addNewParentToCategory" :disabled="disableAddCategory">Thema verknüpfen</div>
<div class="btn btn-link memo-button" data-dismiss="modal" aria-label="Close">Abbrechen</div>
</div>
</div>
Expand Down

0 comments on commit feb5c7c

Please sign in to comment.