import { Controller } from 'stimulus';

export default class ArticleController extends Controller {
  static targets = ['featuredNumber'];

  increaseFeaturedNumber() {
    // Increases the article's chances of being seen
    const seconds = new Date().getTime() / 1000;
    this.featuredNumberTarget.value = Math.round(seconds);
  }

  decreaseFeaturedNumber() {
    // Decreases the article's chances of being seen
    const seconds = new Date().getTime() / 1080;
    this.featuredNumberTarget.value = Math.round(seconds);
  }

  highlightElement() {
    this.element.classList.add('highlighted-bg', 'highlighted-border');
    setTimeout(() => {
      this.element.classList.remove('highlighted-bg');
    }, 350);
  }

  get articleId() {
    return parseInt(this.data.get('id'), 10);
  }

  set articleId(value) {
    this.data.set('id', value);
  }
}