diff options
author | Regis <boudinot.regis@yahoo.com> | 2017-05-05 19:27:31 +0300 |
---|---|---|
committer | Regis <boudinot.regis@yahoo.com> | 2017-05-05 19:27:31 +0300 |
commit | 62f7b206b936bbd58d3f18021df37920a5c34ddd (patch) | |
tree | baef1b6eb2efc733cb39f7a3cf0b13113b612ae5 /app | |
parent | 58b560fae0f75f5f5de0960d055791c471d58af7 (diff) |
object in css not computed
Diffstat (limited to 'app')
-rw-r--r-- | app/assets/javascripts/issue_show/issue_title_description.vue | 45 |
1 files changed, 18 insertions, 27 deletions
diff --git a/app/assets/javascripts/issue_show/issue_title_description.vue b/app/assets/javascripts/issue_show/issue_title_description.vue index f3437e2ef8b..9dc02bbee7f 100644 --- a/app/assets/javascripts/issue_show/issue_title_description.vue +++ b/app/assets/javascripts/issue_show/issue_title_description.vue @@ -29,22 +29,23 @@ export default { }, }); - const defaultFlags = { - pre: true, - pulse: false, - }; - return { poll, apiData: {}, tasks: '0 of 0', title: null, titleText: '', - titleFlag: defaultFlags, + titleFlag: { + pre: true, + pulse: false, + }, description: null, descriptionText: '', descriptionChange: false, - descriptionFlag: defaultFlags, + descriptionFlag: { + pre: true, + pulse: false, + }, timeAgoEl: $('.issue_edited_ago'), titleEl: document.querySelector('title'), }; @@ -60,7 +61,8 @@ export default { elementsToVisualize(noTitleChange, noDescriptionChange) { if (!noTitleChange) { this.titleText = this.apiData.title_text; - this.titleFlag = { pre: true, pulse: false }; + this.titleFlag.pre = true; + this.titleFlag.pulse = false; } if (!noDescriptionChange) { @@ -68,7 +70,8 @@ export default { this.descriptionChange = true; this.updateTaskHTML(); this.tasks = this.apiData.task_status; - this.descriptionFlag = { pre: true, pulse: false }; + this.descriptionFlag.pre = true; + this.descriptionFlag.pulse = false; } }, setTabTitle() { @@ -82,8 +85,10 @@ export default { this.setTabTitle(); this.$nextTick(() => { - this.titleFlag = { pre: false, pulse: true }; - this.descriptionFlag = { pre: false, pulse: true }; + this.titleFlag.pre = false; + this.titleFlag.pulse = true; + this.descriptionFlag.pre = false; + this.descriptionFlag.pulse = true; }); }, triggerAnimation() { @@ -111,20 +116,6 @@ export default { this.timeAgoEl.attr('title', toolTipTime).tooltip('fixTitle'); }, }, - computed: { - titleAnimationCss() { - return { - 'issue-realtime-pre-pulse': this.titleFlag.pre, - 'issue-realtime-trigger-pulse': this.titleFlag.pulse, - }; - }, - descriptionAnimationCss() { - return { - 'issue-realtime-pre-pulse': this.descriptionFlag.pre, - 'issue-realtime-trigger-pulse': this.descriptionFlag.pulse, - }; - }, - }, created() { if (!Visibility.hidden()) { this.poll.makeRequest(); @@ -163,7 +154,7 @@ export default { <div> <h2 class="title" - :class="titleAnimationCss" + :class="{ 'issue-realtime-pre-pulse': titleFlag.pre, 'issue-realtime-trigger-pulse': titleFlag.pulse }" ref="issue-title" v-html="title" > @@ -175,7 +166,7 @@ export default { > <div class="wiki" - :class="descriptionAnimationCss" + :class="{ 'issue-realtime-pre-pulse': descriptionFlag.pre, 'issue-realtime-trigger-pulse': descriptionFlag.pulse }" v-html="description" ref="issue-content-container-gfm-entry" > |