SWAMPy

✎ CARVE FLESH

EDITING: index.js

/*
 * Copyright (C) 2011 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

import $ from 'jquery'
import '@canvas/datetime'
import moment from 'moment'
import PageViewCollection from './backbone/collections/PageViewCollection'
import PageViewView from './backbone/views/PageViewView'
import ready from '@instructure/ready'

function renderTable(date) {
  const $container = $('#pageviews')
  const $table = $container.find('table')
  const userId = $table.attr('data-user-id')

const pageViews = new PageViewCollection()
  pageViews.url = `/api/v1/users/${userId}/page_views`
  const $csvLink = $('#page_views_csv_link')
  let csvUrl = $csvLink.attr('href').split('?')[0]
  if (date) {
    const start_time = $.unfudgeDateForProfileTimezone(date)
    const end_time = moment(start_time).add(1, 'days')
    const date_params = `?start_time=${start_time.toISOString()}&end_time=${end_time.toISOString()}`
    pageViews.url += date_params
    csvUrl += date_params
  }
  $csvLink.attr('href', csvUrl)

const fetchOptions = {reset: true}

const pageViewsView = new PageViewView({
    collection: pageViews,
    el: $table,
    fetchOptions,
  })

// Add events
  pageViews.on('reset', pageViewsView.render, pageViewsView)

// Fetch page views
  const fetchParams = {per_page: 100}
  pageViewsView.$el.disableWhileLoading(pageViews.fetch({data: fetchParams}))

return pageViewsView
}

ready(() => {
  let view = renderTable()
  $('#page_view_date')
    .datetime_field({dateOnly: true})
    .change(event => {
      const date = $(event.target).data('date')
      view.stopPaginationListener()
      $('#page_view_results').empty()
      view = renderTable(date)
    })
})

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 backbone/	DIR	—	2023-09-24 03:36
📁 jst/	DIR	—	2023-09-24 03:36
📄 index.js	JS	2.3 KB	2023-09-24 03:36	EDIT
📄 package.json	JSON	84 B	2023-09-24 03:36	EDIT