add src

index.html

@@ -42,7 +42,7 @@ <h1 class="display-3 mb-0">RSS агрегатор</h1>
       <div class="container-xl">
         <div class="text-center">
            created by 
-          <a href="https://github.com/Tatyana-js" target="_blank">Tatyana</a>
+          <a href="https://github.com/Tatyana-js" rel="noopener" target="_blank">Tatyana</a>
         </div>
       </div>
     </footer>

src/app.js

@@ -1,7 +1,7 @@
 import i18next from 'i18next';
 import * as yup from 'yup';
 import axios from 'axios';
-import validate, { proxyObj } from './utils.js';
+import validate, { createLink } from './utils.js';
 import watch from './view.js';
 import resources from './locales/index.js';
 
@@ -25,7 +25,7 @@ const state = {
     isValid: false,
   },
   loadingProcess: {
-    status: 'waiting',
+    status: 'waiting', // 'sending'
     error: '',
   },
   posts: [],
@@ -64,7 +64,7 @@ export default () => {
       watchedState.loadingProcess.state = 'sending';
 
       validate(urlTarget, urlFeeds)
-        .then(({ url }) => axios.get(proxyObj(url)))
+        .then(({ url }) => axios.get(createLink(url)))
         .catch((error) => {
           watchedState.form.isValid = false;
           watchedState.form.errors.push(error);

src/utils.js

@@ -11,5 +11,10 @@ const validate = (url, urlFeeds) => {
   return schema.validate({ url });
 };
 
-export const proxyObj = (url) => url;
+export const createLink = (url) => {
+  const originsUrl = new URL('https://allorigins.hexlet.app/get?');
+  originsUrl.searchParams.set('disableCache', 'true');
+  originsUrl.searchParams.set('url', url);
+  return originsUrl;
+};
 export default validate;

src/view.js

@@ -15,12 +15,13 @@ export default (elements, i18n, state) => {
     });
   };
   const watchedState = onChange(state, (path) => {
-    const { errorElement } = elements;
+    const { errorElement, input } = elements;
     switch (path) {
       case 'form.isValid':
         renderValid();
         break;
       case 'form.errors':
+        input.classList.add('is-invalid');
         errorElement.classList.remove('text-success');
         errorElement.classList.add('text-danger');
         errorElement.textContent = t('errors.invalidUrl');