1. JavaScript / Говнокод #27389

    0

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    41. 41
    42. 42
    43. 43
    44. 44
    45. 45
    46. 46
    47. 47
    48. 48
    49. 49
    50. 50
    51. 51
    52. 52
    53. 53
    54. 54
    55. 55
    56. 56
    57. 57
    58. 58
    59. 59
    60. 60
    61. 61
    62. 62
    63. 63
    64. 64
    65. 65
    66. 66
    67. 67
    68. 68
    69. 69
    70. 70
    71. 71
    72. 72
    73. 73
    74. 74
    75. 75
    76. 76
    // В одном файле
    
    // Getting gif by url
    const getGifUrl = (searchQuery, gifRating) => {
      const fullUrl = `${giphyUrl}${giphyApiKey}&tag=${searchQuery}&rating=${gifRating}`;
      let gifSource;
      let girSourceOriginal;
    
      fetch(fullUrl).then(response => {
        return response.json();
      }, networkError => {
        console.log(networkError);
      }).then(jsonResponse => {
        if (!jsonResponse)
          gifSource = '';
        else {
          gifSource = jsonResponse.data.images.preview_gif.url;
          gifSoucreOriginal = jsonResponse.data.image_original_url;
        }
    
        renderGif(gifSource, gifSoucreOriginal);
      });
    };
    
    // Где-то в другом файле
    
    // incapsulating image
    const incapsulateImage = (gifUrl, gifUrlOriginal) => {
      // creating gif preview tile
      const image = document.createElement('img');
      image.src = gifUrl;
    
      // create link to the original gif
      const linkOriginal = document.createElement('a');
      linkOriginal.href = gifUrlOriginal;
    
      // incapsulating gif tile into link
      linkOriginal.appendChild(image);
    
      // create container-tile
      const tile = document.createElement('div');
      tile.className = "container-tile";
    
      // incapsulating linked gif into tile
      tile.appendChild(linkOriginal);
    
      return tile;
    }
    
    // Rendering one gif image
    const renderGif = (gifUrl, gifUrlOriginal) => {
      if (gifUrl) {
        const imageTile = incapsulateImage(gifUrl, gifUrlOriginal);
        $gifContainer.append(imageTile);
      } else if (!$gifContainer.html()) {
        const notFoundHeading = document.createElement('h1');
        notFoundHeading.innerHTML = NOT_FOUND_TEXT;
        $gifContainer.append(notFoundHeading);
      }
    };
    
    const render = () => {
       // Rendering whole block of gifs
      const renderContainer = (searchQuery, gifCount, gifRating) => {
        for (let i = 0; i < gifCount; i++) {
          getGifUrl(searchQuery, gifRating);
    
          const heading = $gifContainer.find('h1');
          if (heading && heading.text() == NOT_FOUND_TEXT) {
            break;
          }
        }
      }
    
      // ...Сетап всяких обработчиков событий на элементы...
    }

    Когда толком не знал про промисы (а уж тем более про модули), городил такую дичь.

    Запостил: JaneBurt, 02 Мая 2021

    Комментарии (1) RSS

    Добавить комментарий