Ignore:
Timestamp:
09/02/26 05:22:09 (4 weeks ago)
Author:
mmilevski <markomilevski3@…>
Branches:
main
Children:
1dcdb2c
Parents:
d89d25b
Message:

Various UI bugfixes.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • KernelRecordsMVC.Web/Views/Wishlist/Index.cshtml

    rd89d25b r595d2e5  
    88
    99    <div class="page-header">
     10
    1011        <div>
    11             <span class="page-eyebrow">YOUR COLLECTION</span>
     12
     13            <span class="page-eyebrow">
     14                YOUR COLLECTION
     15            </span>
     16
    1217            <h1>My Wishlist</h1>
    13             <p>Save releases and physical formats you want to get later.</p>
    14         </div>
     18
     19            <p>
     20                Save releases and physical formats you want to get later.
     21            </p>
     22
     23        </div>
     24
    1525    </div>
     26
    1627
    1728    @if (TempData["Success"] != null)
    … …  
    3546        </div>
    3647    }
     48
    3749
    3850    @if (Model.WishlistProducts == null ||
    … …  
    4557            </div>
    4658
    47             <h2>Your wishlist is empty</h2>
     59            <h2>
     60                Your wishlist is empty
     61            </h2>
    4862
    4963            <p>
    … …  
    5468            <a asp-controller="Release"
    5569               asp-action="Index"
    56                class="btn-primary">
     70               class="store-button primary">
     71
    5772                Browse Releases
     73
    5874            </a>
    5975
    … …  
    6985                var release = product.Release;
    7086
     87
    7188                <div class="wishlist-card">
     89
     90                    <!-- COVER -->
    7291
    7392                    <a asp-controller="Release"
    … …  
    7695                       class="wishlist-cover">
    7796
    78                         <img src="@release.CoverPhoto"
    79                              alt="@release.Title" />
     97                        @if (!string.IsNullOrWhiteSpace(
     98                            release.CoverPhoto))
     99                        {
     100                            <img src="@release.CoverPhoto"
     101                                 alt="@release.Title" />
     102                        }
     103                        else
     104                        {
     105                            <div class="release-no-cover">
     106                                <span>♪</span>
     107                            </div>
     108                        }
    80109
    81110                    </a>
     111
     112
     113                    <!-- CONTENT -->
    82114
    83115                    <div class="wishlist-info">
    … …  
    87119                        </span>
    88120
     121
    89122                        <h2>
     123
    90124                            <a asp-controller="Release"
    91125                               asp-action="Details"
    92126                               asp-route-id="@release.ReleaseId">
     127
    93128                                @release.Title
     129
    94130                            </a>
     131
    95132                        </h2>
     133
    96134
    97135                        <p class="wishlist-genre">
    … …  
    99137                        </p>
    100138
    101                         <div class="wishlist-price">
    102                             @product.Price.ToString("C")
    103                         </div>
    104 
    105                         @if (product.Stock > 0)
    106                         {
    107                             <span class="stock available">
    108                                 In stock
    109                             </span>
    110                         }
    111                         else
    112                         {
    113                             <span class="stock unavailable">
    114                                 Out of stock
    115                             </span>
    116                         }
    117 
    118                         <div class="wishlist-actions">
    119 
    120                             @if (product.Stock > 0)
    121                             {
     139
     140                        <!-- PRICE + BUTTONS -->
     141
     142                        <div class="wishlist-bottom">
     143
     144                            <div class="wishlist-price-area">
     145
     146                                <div class="wishlist-price">
     147                                    @product.Price.ToString("C")
     148                                </div>
     149
     150
     151                                @if (product.Stock > 0)
     152                                {
     153                                    <span class="stock available">
     154                                        In stock
     155                                    </span>
     156                                }
     157                                else
     158                                {
     159                                    <span class="stock unavailable">
     160                                        Out of stock
     161                                    </span>
     162                                }
     163
     164                            </div>
     165
     166
     167                            <div class="wishlist-actions">
     168
     169                                @if (product.Stock > 0)
     170                                {
     171                                    <form asp-controller="Wishlist"
     172                                          asp-action="AddToCart"
     173                                          method="post">
     174
     175                                        @Html.AntiForgeryToken()
     176
     177                                        <input type="hidden"
     178                                               name="productId"
     179                                               value="@product.ProductId" />
     180
     181                                        <button type="submit"
     182                                                class="store-button">
     183
     184                                            Add to Cart
     185
     186                                        </button>
     187
     188                                    </form>
     189                                }
     190
     191
    122192                                <form asp-controller="Wishlist"
    123                                       asp-action="AddToCart"
     193                                      asp-action="Remove"
    124194                                      method="post">
    125195
    … …  
    131201
    132202                                    <button type="submit"
    133                                             class="btn-primary">
    134                                         Add to Cart
     203                                            class="btn-remove">
     204
     205                                        Remove
     206
    135207                                    </button>
    136208
    137209                                </form>
    138                             }
    139 
    140                             <form asp-controller="Wishlist"
    141                                   asp-action="Remove"
    142                                   method="post">
    143 
    144                                 @Html.AntiForgeryToken()
    145 
    146                                 <input type="hidden"
    147                                        name="productId"
    148                                        value="@product.ProductId" />
    149 
    150                                 <button type="submit"
    151                                         class="btn-remove">
    152                                     Remove
    153                                 </button>
    154 
    155                             </form>
     210
     211                            </div>
    156212
    157213                        </div>
Note: See TracChangeset for help on using the changeset viewer.