我有四個步驟。每個步驟URL是 -使用Laravel細分方法動態放置活動類(不工作)
基本-信息:localhost/project/public/user/sell/basic-info
產品信息:localhost/project/public/user/sell/5/product-info
照片:localhost/project/public/user/sell/5/photos
價格信息:localhost/project/public/user/sell/5/price-info
我想,當我在基礎信息,那麼基本信息步驟必須有active
類,其餘的步驟將有disabled
類。
而當我在產品信息然後,基本信息步驟將不會有任何類和產品信息步驟將具有active
類和其他步驟之後將具有disabled
類,等等。
以下是圖片。
這裏是我的代碼 -
<div class="ui mini top four attached steps">
<div class="{{ Request::segment(3) === 'basic-info' ? 'active' : '' }} step">
<i class="info circle icon"></i>
<div class="content">
<div class="title">Basic Info</div>
<div class="description">Enter the basic information.</div>
</div>
</div>
<div class="{{ Request::segment(4) === 'product-info' ? 'active' : Request::segment(3) === 'basic-info' ? 'disabled' : '' }} step">
<i class="help circle icon"></i>
<div class="content">
<div class="title">Product Info</div>
<div class="description">Enter your product details.</div>
</div>
</div>
<div class="{{ Request::segment(4) === 'photos' ? 'active' : Request::segment(3) === 'basic-info' ? 'disabled' : Request::segment(4) === 'basic-info' ? 'disabled' : '' }} step">
<i class="image icon"></i>
<div class="content">
<div class="title">Photos</div>
<div class="description">Upload the photos of product.</div>
</div>
</div>
<div class="{{ Request::segment(4) === 'price-info' ? 'active' : Request::segment(3) === 'basic-info' ? 'disabled' : Request::segment(4) === 'basic-info' ? 'disabled' : Request::segment(4) === 'basic-info' ? 'disabled' : '' }} step">
<i class="rupee icon"></i>
<div class="content">
<div class="title">Price</div>
<div class="description">Enter the price</div>
</div>
</div>
</div>