|
|
@@ -0,0 +1,124 @@
|
|
|
+const getGQL = url =>
|
|
|
+ (query, variables) => fetch(url, {
|
|
|
+ //метод
|
|
|
+ method: 'POST',
|
|
|
+ headers: {
|
|
|
+ //заголовок content-type
|
|
|
+ "Content-Type": "application/json"
|
|
|
+ },
|
|
|
+ body: JSON.stringify({ query, variables })
|
|
|
+ //body с ключами query и variables
|
|
|
+
|
|
|
+ }).then(res => res.json()).then(data => {
|
|
|
+ //расковырять data, если все ок - отдать data.login или data.CategoryFindOne, или шо там еще
|
|
|
+ //если есть errors, то выбросить исключение и тем самым зареджектить промис
|
|
|
+ return data
|
|
|
+ })
|
|
|
+
|
|
|
+const gql = getGQL('http://shop-roles.asmer.fs.a-level.com.ua/graphql');
|
|
|
+
|
|
|
+(async () => {
|
|
|
+ try {
|
|
|
+ console.log((await gql(`
|
|
|
+ query NameForMe1($login:String, $password:String){
|
|
|
+ login(login:$login, password:$password)
|
|
|
+ }
|
|
|
+`, { login: 'tst', password: '123' })).data.login)
|
|
|
+ } catch (error) {
|
|
|
+ console.log(error);
|
|
|
+ }
|
|
|
+})()
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+//Светофор
|
|
|
+
|
|
|
+const delay = ms => new Promise(ok => setTimeout(() => ok(ms), ms))
|
|
|
+
|
|
|
+async function trafficLight(delayG, delayY, delayR) {
|
|
|
+ while (true) {
|
|
|
+ red.classList.remove('active')
|
|
|
+ green.classList.add('active')
|
|
|
+ await delay(delayG)
|
|
|
+ green.classList.remove('active')
|
|
|
+ yellow.classList.add('active')
|
|
|
+ await delay(delayY)
|
|
|
+ yellow.classList.remove('active')
|
|
|
+ red.classList.add('active')
|
|
|
+ await delay(delayR)
|
|
|
+ }
|
|
|
+}
|
|
|
+trafficLight(3000, 200, 3000,)
|
|
|
+
|
|
|
+// Светофор Stage 2
|
|
|
+
|
|
|
+function delay2(ms, el) {
|
|
|
+ return new Promise(ok => {
|
|
|
+ let count = ms / 1000;
|
|
|
+ (counter = (c) => {
|
|
|
+ el.classList.add('active')
|
|
|
+ el.innerText = count
|
|
|
+ if (count > 0) setTimeout(() => counter(count--), 1000);
|
|
|
+ else {
|
|
|
+ el.innerText = ''
|
|
|
+ el.classList.remove('active')
|
|
|
+ return ok()
|
|
|
+ }
|
|
|
+ })()
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+async function trafficLight2(delayG, delayY, delayR) {
|
|
|
+ while (true) {
|
|
|
+ await delay2(delayG, green2)
|
|
|
+ await delay2(delayY, yellow2)
|
|
|
+ await delay2(delayR, red2)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+trafficLight2(5000, 2000, 5000)
|
|
|
+
|
|
|
+//domEventPromise
|
|
|
+
|
|
|
+function domEventPromise(el, eventName) {
|
|
|
+ return new Promise(resolve => {
|
|
|
+ el.addEventListener(eventName, (e) => {
|
|
|
+ el.disabled = true
|
|
|
+ el.removeEventListener('click', () => { })
|
|
|
+ return resolve(e)
|
|
|
+ })
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+domEventPromise(knopka, 'click').then(e => console.log('event click happens', e))
|
|
|
+
|
|
|
+// PedestrianTrafficLight
|
|
|
+
|
|
|
+
|
|
|
+function delay3(ms, el) {
|
|
|
+ return new Promise(ok => {
|
|
|
+ let count = ms / 1000;
|
|
|
+ (counter3 = (c) => {
|
|
|
+ el.classList.add('active')
|
|
|
+ el.innerText = count
|
|
|
+ if (count > 0) setTimeout(() => counter3(count--), 1000);
|
|
|
+ else {
|
|
|
+ el.innerText = ''
|
|
|
+ el.classList.remove('active')
|
|
|
+ return ok()
|
|
|
+ }
|
|
|
+ })()
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+async function trafficLight3(delayG, delayY, delayR, ) {
|
|
|
+ while (true) {
|
|
|
+ await delay3(delayG, green3)
|
|
|
+ await delay3(delayY, yellow3)
|
|
|
+ await delay3(delayR, red3)
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+trafficLight3(5000, 2000, 5000)
|
