Skip to content

Commit

Permalink
corrections
Browse files Browse the repository at this point in the history
  • Loading branch information
GeorgiySergeev committed Jul 24, 2023
1 parent fd26f14 commit a3902ea
Show file tree
Hide file tree
Showing 2 changed files with 22 additions and 23 deletions.
8 changes: 4 additions & 4 deletions src/js/02-video.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,16 @@ import Player from '@vimeo/player';
import throttle from 'lodash.throttle';

const iframe = document.getElementById('vimeo-player');
const player = new Player(iframe);// создаем функцию прототипом которой есть ф-я Плеер

const player = new Player(iframe);
const LOCAL_STORAGE_KEY = "videoplayer-current-time"
player.on(
'timeupdate',
throttle(a => {
localStorage.setItem('videoplayer-current-time', a.seconds);
localStorage.setItem(LOCAL_STORAGE_KEY, a.seconds);
}, 1000)
);

let currentTime = localStorage.getItem('videoplayer-current-time');
let currentTime = localStorage.getItem(LOCAL_STORAGE_KEY);

player
.setCurrentTime(currentTime)
Expand Down
37 changes: 18 additions & 19 deletions src/js/03-feedback.js
Original file line number Diff line number Diff line change
@@ -1,37 +1,36 @@
import { keys } from '@vimeo/player';
import throttle from 'lodash.throttle';

//1.refs
const formEl = document.querySelector('.feedback-form');
const inputEl = document.querySelector('input[name="email"]');
const messageEl = document.querySelector('textarea[name="message"]');

let feedbackFormState = {};
const STORAGE_KEY = 'feedback-form-state';

formEl.addEventListener('input', throttle(onInput, 500));

function onInput() {
const storageObject = { email: inputEl.value, message: messageEl.value };

localStorage.setItem('feedback-form-state', JSON.stringify(storageObject));
function onInput(e) {
feedbackFormState[e.target.name] = e.target.value.trim();
localStorage.setItem(STORAGE_KEY, JSON.stringify(feedbackFormState));
}

formEl.addEventListener('submit', evt => {
evt.preventDefault();
console.log(JSON.parse(localStorage.getItem('feedback-form-state')));
localStorage.clear();
console.log(feedbackFormState);
feedbackFormState = {};
localStorage.removeItem(STORAGE_KEY);
evt.target.reset();
});

const load = key => {
const onLoad = () => {
try {
const serializedState = localStorage.getItem(key);
return serializedState === null ? undefined : JSON.parse(serializedState);
const data = localStorage.getItem(STORAGE_KEY);
if (!data) return;
feedbackFormState = JSON.parse(data);
Object.entries(feedbackFormState).forEach(([key, val]) => {
formEl.elements[key].value = val;
});
} catch (error) {
console.error('Get state error: ', error.message);
console.log(error.message);
}
};

const storageData = load('feedback-form-state');
if (storageData) {
inputEl.value = storageData.email;
messageEl.value = storageData.message;
}
window.addEventListener('load', onLoad);

0 comments on commit a3902ea

Please sign in to comment.