Возникли проблемы с переносом функции из другого файла с помощью компрессора Django - PullRequest
Новая
       7

Возникли проблемы с переносом функции из другого файла с помощью компрессора Django

0 голосов
/ 16 февраля 2019

В настоящее время я пытаюсь извлечь функцию из другого файла, который я могу использовать для внесения изменений в HTML при нажатии на кнопку (которая даст возможность добавить информацию о событии в ваш собственный календарь Google).Человек, работавший над кодом до меня, использовал компрессор из Django для другого файла, и я пытаюсь выяснить, как я могу вызвать функцию с помощью следующего кода.Код выглядит следующим образом: 

{% compress js file event-add %}
  <script src="{% static 'js/event/add.js' %}"></script>
{% endcompress %}
<script async defer src="https://apis.google.com/js/api.js"
  onload="this.onload=function(){};handleClientLoad()"
  onreadystatechange="if (this.readyState === 'complete') 
  this.onload()">
</script>

Когда я пытаюсь это сделать, я получаю сообщение об ошибке в консоли 

Uncaught ReferenceError: handleClientLoad is not defined
at HTMLScriptElement.onload

В частности, моя handleClientLoad функция находится в моем файле add.js идолжен использоваться со скриптом для API календаря Google, но я изо всех сил пытаюсь получить функцию.

Файл add.js настроен следующим образом (сокращен, чтобы показать только нужную мне функцию): 

const AddEventForm = {
googleCalendar: () => {
const CLIENT_ID = 'my client id here';
const API_KEY = 'my api key here';

const SCOPES = "https://www.googleapis.com/auth/calendar.readonly";

const googleButton = document.getElementById('btn-gcalendar');

function handleClientLoad() {
  gapi.load('client:auth2', initClient);
}

function initClient() {
  gapi.client.init({
    apiKey: API_KEY,
    clientId: CLIENT_ID,
    scope: SCOPES
  }).then(function () {
    // Listen for sign-in state changes.

gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);

    // Handle the initial sign-in state.

updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
    googleButton.onclick = handleAuthClick;
  }, function(error) {
    appendPre(JSON.stringify(error, null, 2));
  });
}

function updateSigninStatus(isSignedIn) {
  if (isSignedIn) {
    googleButton.style.display = 'block';
  } else {
    googleButton.style.display = 'block';
  }
}

function handleAuthClick(event) {
  gapi.auth2.getAuthInstance().signIn();
}

function appendPre(message) {
  const pre = document.getElementById('main-content');
  const textContent = document.createTextNode(message + '\n');
  pre.appendChild(textContent);
}

function listUpcomingEvents() {
  gapi.client.calendar.events.list({
    'calendarId': 'primary',
    'timeMin': (new Date()).toISOString(),
    'showDeleted': false,
    'singleEvents': true,
    'maxResults': 10,
    'orderBy': 'startTime'
  }).then(function(response) {
    let events = response.result.items;
    appendPre('Upcoming events:');

    if (events.length > 0) {
      for (i = 0; i < events.length; i++) {
        let event = events[i];
        let when = event.start.dateTime;
        if (!when) {
          when = event.start.date;
        }
        appendPre(event.summary + ' (' + when + ')')
      }
    } else {
      appendPre('No upcoming events found.');
    }
  });
   }
  }
 }
...