diff options
Diffstat (limited to 'app/assets/javascripts/projects/star.js')
-rw-r--r-- | app/assets/javascripts/projects/star.js | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/app/assets/javascripts/projects/star.js b/app/assets/javascripts/projects/star.js new file mode 100644 index 00000000000..578e22ca25d --- /dev/null +++ b/app/assets/javascripts/projects/star.js @@ -0,0 +1,38 @@ +import $ from 'jquery'; +import createFlash from '~/flash'; +import axios from '~/lib/utils/axios_utils'; +import { spriteIcon } from '~/lib/utils/common_utils'; +import { __, s__ } from '~/locale'; + +export default class Star { + constructor(container = '.project-home-panel') { + $(`${container} .toggle-star`).on('click', function toggleStarClickCallback() { + const $this = $(this); + const $starSpan = $this.find('span'); + const $starIcon = $this.find('svg'); + const iconClasses = $starIcon.attr('class').split(' '); + + axios + .post($this.data('endpoint')) + .then(({ data }) => { + const isStarred = $starSpan.hasClass('starred'); + $this.parent().find('.count').text(data.star_count); + + if (isStarred) { + $starSpan.removeClass('starred').text(s__('StarProject|Star')); + $starIcon.remove(); + $this.prepend(spriteIcon('star-o', iconClasses)); + } else { + $starSpan.addClass('starred').text(__('Unstar')); + $starIcon.remove(); + $this.prepend(spriteIcon('star', iconClasses)); + } + }) + .catch(() => + createFlash({ + message: __('Star toggle failed. Try again later.'), + }), + ); + }); + } +} |