@(activeStep: Int)


@active1 = @{if (activeStep == 1) "active "}
@active2 = @{if (activeStep == 2) "active "}
@active3 = @{if (activeStep == 3) "active "}
@active4 = @{if (activeStep == 4) "active "}
@active5 = @{if (activeStep == 5) "active "}
@active6 = @{if (activeStep == 6) "active "}




<div class="ui five small steps">
  <div class="@active1 step">
    <i class="database icon"></i>
    <div class="content">
      <div class="title"><a href="/scope/resource">Resources</a></div>
    </div>
  </div>
  <div class="@active2 step">
    <i class="random icon"></i>
    <div class="content">
      <div class="title"><a href="/scope/action">Actions</a></div>
    </div>
  </div>
  <div class="@active3 step">
    <i class="retweet icon"></i>
    <div class="content">
      <div class="title"><a href="/scope/operation">Operations</a></div>
    </div>
  </div>
  <div class="@active4 step">
    <i class="copy icon"></i>
    <div class="content">
      <div class="title"><a href="/scope/element">Elements</a></div>
    </div>
  </div>
  <div class="@active5 step">
    <i class="retweet icon"></i>
    <div class="content">
      <div class="title"><a href="/scope/element/operation">Operations</a></div>
    </div>
  </div>
</div>