krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 14:47:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

[WIP] bootstrap-vue upgrade (#9178)

Browse Source 
* update bootstrap-vue to 1.0.0-beta.9 - remove all individual bootstrap components and use BootstrapVue into Vue

* change modal action names from show::modal to bv::show::modal

* check if drops are undefined

* fix modal widths - sellModal now using input instead of dropbox

* upgrade to bootstrap 4.0beta

* include package-lock changes

* fix app menu dropdown position

* upgrade bootstrap to beta2 (was missing grid offset and other fixes) - refix header menu position

* fix tags popup (auto width to max not working) - fix filter panel width (adding width: 100% works until max-width)

* show hide logo on different screensize (new css breakpoints - http://getbootstrap.com/docs/4.0/utilities/display/ )

* fix package-lock?

* fix active button style / app header toggle button

* fix package-lock !

* update package lock after merge - new mixin "openedItemRows" to save the "show more/show less" in stable

* mixin naming style

* fix buyQuestModal marginTop

* fix customMenuDropdown position

* fix userDropdown items
This commit is contained in:
negue
2017-11-08 18:40:37 +01:00
committed by Matteo Pagliazzi
parent 34f6b63968
commit 4108a22d78
105 changed files with 354 additions and 684 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
website/client/components/challenges/challengeDetail.vue
View File

@@ -177,8 +177,6 @@
const TASK_KEYS_TO_REMOVE = ['_id', 'completed', 'date', 'dateCompleted', 'history', 'id', 'streak', 'createdAt', 'challenge'];
import Vue from 'vue';
import bDropdown from 'bootstrap-vue/lib/components/dropdown';
import bDropdownItem from 'bootstrap-vue/lib/components/dropdown-item';
import findIndex from 'lodash/findIndex';
import cloneDeep from 'lodash/cloneDeep';
import omit from 'lodash/omit';
@@ -209,8 +207,6 @@ export default {
challengeMemberProgressModal,
TaskColumn: Column,
TaskModal,
bDropdown,
bDropdownItem,
},
data () {
return {
@@ -325,7 +321,7 @@ export default {
this.workingTask = this.editingTask;
// Necessary otherwise the first time the modal is not rendered
Vue.nextTick(() => {
this.$root.$emit('show::modal', 'task-modal');
this.$root.$emit('bv::show::modal', 'task-modal');
});
},
createTask (type) {
@@ -334,7 +330,7 @@ export default {
this.workingTask = this.creatingTask;
// Necessary otherwise the first time the modal is not rendered
Vue.nextTick(() => {
this.$root.$emit('show::modal', 'task-modal');
this.$root.$emit('bv::show::modal', 'task-modal');
});
},
cancelTaskModal () {
@@ -361,7 +357,7 @@ export default {
this.$store.state.memberModalOptions.groupId = 'challenge'; // @TODO: change these terrible settings
this.$store.state.memberModalOptions.group = this.group;
this.$store.state.memberModalOptions.viewingMembers = this.members;
this.$root.$emit('show::modal', 'members-modal');
this.$root.$emit('bv::show::modal', 'members-modal');
},
async joinChallenge () {
this.user.challenges.push(this.searchId);
@@ -384,13 +380,13 @@ export default {
await this.$store.dispatch('tasks:fetchUserTasks', {forceLoad: true});
},
closeChallenge () {
this.$root.$emit('show::modal', 'close-challenge-modal');
this.$root.$emit('bv::show::modal', 'close-challenge-modal');
},
edit () {
// @TODO: set working challenge
this.cloning = false;
this.$store.state.challengeOptions.workingChallenge = Object.assign({}, this.$store.state.challengeOptions.workingChallenge, this.challenge);
this.$root.$emit('show::modal', 'challenge-modal');
this.$root.$emit('bv::show::modal', 'challenge-modal');
},
// @TODO: view members
updatedChallenge (eventData) {
@@ -398,7 +394,7 @@ export default {
},
openMemberProgressModal (memberId) {
this.progressMemberId = memberId;
this.$root.$emit('show::modal', 'challenge-member-modal');
this.$root.$emit('bv::show::modal', 'challenge-member-modal');
},
async exportChallengeCsv () {
// let response = await this.$store.dispatch('challenges:exportChallengeCsv', {
@@ -410,7 +406,7 @@ export default {
this.cloning = true;
this.$store.state.challengeOptions.tasksToClone = this.tasksByType;
this.$store.state.challengeOptions.workingChallenge = Object.assign({}, this.$store.state.challengeOptions.workingChallenge, this.challenge);
this.$root.$emit('show::modal', 'challenge-modal');
this.$root.$emit('bv::show::modal', 'challenge-modal');
},
},
};