gitcoinco/code_fund_ads

View on GitHub
app/views/shared/_activity_indicator.html.erb

Summary

Maintainability
Test Coverage
<div data-controller="activity-indicator" class="text-center" hidden>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
    <circle cx="7.5" cy="55.5" r="6" fill="#1b0629">
      <animate attributeName="cy" calcMode="spline" keySplines="0 0.5 0.5 1;0.5 0 1 0.5;0.5 0.5 0.5 0.5" repeatCount="indefinite" values="55.5;44.5;55.5;55.5" keyTimes="0;0.3;0.6;1" dur="0.625s" begin="-0.3749999999999999s"></animate>
    </circle> <circle cx="24.5" cy="55.5" r="6" fill="#dc93f8">
      <animate attributeName="cy" calcMode="spline" keySplines="0 0.5 0.5 1;0.5 0 1 0.5;0.5 0.5 0.5 0.5" repeatCount="indefinite" values="55.5;44.5;55.5;55.5" keyTimes="0;0.3;0.6;1" dur="0.625s" begin="-0.31249999999999994s"></animate>
    </circle> <circle cx="41.5" cy="55.5" r="6" fill="#1b0629">
      <animate attributeName="cy" calcMode="spline" keySplines="0 0.5 0.5 1;0.5 0 1 0.5;0.5 0.5 0.5 0.5" repeatCount="indefinite" values="55.5;44.5;55.5;55.5" keyTimes="0;0.3;0.6;1" dur="0.625s" begin="-0.24999999999999994s"></animate>
    </circle> <circle cx="58.5" cy="55.5" r="6" fill="#dc93f8">
      <animate attributeName="cy" calcMode="spline" keySplines="0 0.5 0.5 1;0.5 0 1 0.5;0.5 0.5 0.5 0.5" repeatCount="indefinite" values="55.5;44.5;55.5;55.5" keyTimes="0;0.3;0.6;1" dur="0.625s" begin="-0.18749999999999994s"></animate>
    </circle> <circle cx="75.5" cy="55.5" r="6" fill="#1b0629">
      <animate attributeName="cy" calcMode="spline" keySplines="0 0.5 0.5 1;0.5 0 1 0.5;0.5 0.5 0.5 0.5" repeatCount="indefinite" values="55.5;44.5;55.5;55.5" keyTimes="0;0.3;0.6;1" dur="0.625s" begin="-0.12499999999999997s"></animate>
    </circle> <circle cx="92.5" cy="55.5" r="6" fill="#dc93f8">
      <animate attributeName="cy" calcMode="spline" keySplines="0 0.5 0.5 1;0.5 0 1 0.5;0.5 0.5 0.5 0.5" repeatCount="indefinite" values="55.5;44.5;55.5;55.5" keyTimes="0;0.3;0.6;1" dur="0.625s" begin="-0.062499999999999986s"></animate>
    </circle>
  </svg>
</div>