API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 19th, 2019
171
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.13 KB | None | 0 0
raw download clone embed print report
  1. @using Ad.ViewModels
  2. @model List<ProductViewModel>
  3.  
  4. @{
  5. ViewData["Title"] = "Услуги";
  6.  
  7. var ModelAttachedTrue = Model.Where(a => a.Attached == true);
  8. var ModelAttachedFalse = Model.Where(a => a.Attached == false);
  9. }
  10.  
  11.  
  12.  
  13. <section class="section dark-bg" style="background-image:url('/images/site');">
  14. <h3 class="text-center">Массовые рассылки</h3>
  15. <div class="container">
  16. <div class="row grid-space-10">
  17. @foreach (var product in ModelAttachedTrue)
  18. {
  19. <div class="col-lg-4 col-md-6">
  20. <div class="pv-30 ph-20 hc-item-box text-center hc-element-invisible" data-animation-effect="fadeInDownSmall" data-effect-delay="100">
  21.  
  22. <img class="img-responsive" src="@Url.Content(product.ImageUrl)" width="322" height="190" />
  23. <h3>@product.Name</h3>
  24. <div class="separator clearfix"></div>
  25. <p>@product.Text</p>
  26. <a asp-controller="Service" asp-action="Detail" class="link-dark">Читать подробнее<i class="pl-1 fa fa-angle-double-right"></i></a>
  27. </div>
  28. </div>
  29. }
  30.  
  31. </div>
  32.  
  33. </div>
  34. </section>
  35.  
  36. <!-- #region Search -->
  37.  
  38. <div class="light-gray-bg section">
  39. <div class="container-fluid">
  40. <h3 class="text-center">Смешанная рассылка:</h3>
  41.  
  42. <!-- filters start -->
  43. <div class="sorting-filters text-center mb-20 d-flex justify-content-center">
  44. <form class="form-inline">
  45. <div class="form-group">
  46. <label>Sort by</label>
  47. <select class="form-control">
  48. <option selected="selected">Date</option>
  49. <option>Price</option>
  50. <option>Model</option>
  51. </select>
  52. </div>
  53. <div class="form-group ml-1">
  54. <label>Order</label>
  55. <select class="form-control">
  56. <option selected="selected">Acs</option>
  57. <option>Desc</option>
  58. </select>
  59. </div>
  60. <div class="form-group ml-1">
  61. <label>Price $ (min/max)</label>
  62. <input type="text" class="form-control">
  63. </div>
  64. <div class="form-group ml-1">
  65. <label class="invisible">Price $ (max)</label>
  66. <input type="text" class="form-control">
  67. </div>
  68. <div class="form-group ml-1">
  69. <label>Category</label>
  70. <select class="form-control">
  71. <option selected="selected">Smartphones</option>
  72. <option>Tablets</option>
  73. <option>Smart Watches</option>
  74. <option>Desktops</option>
  75. <option>Software</option>
  76. <option>Accessories</option>
  77. </select>
  78. </div>
  79. <div class="form-group ml-1">
  80. <a href="#" class="btn btn-default">Submit</a>
  81. </div>
  82. </form>
  83. </div>
  84. <!-- filters end -->
  85. </div>
  86. </div>
  87. <!-- #endregion -->
  88.  
  89. <section class="section light-gray-bg clearfix">
  90.  
  91. <div class="container">
  92.  
  93. <div class="row">
  94.  
  95. <!-- main start -->
  96. <!-- ================ -->
  97. <div class="col-lg-8">
  98. <!-- pills start -->
  99. <!-- ================ -->
  100. <!-- Nav tabs -->
  101. <ul class="nav nav-pills" role="tablist">
  102. <li class="nav-item"><a class="nav-link active" href="#pill-1" role="tab" data-toggle="tab" title="Latest Arrivals"><i class="fa fa-star"></i> Все услуги (@ModelAttachedFalse.Count())</a></li>
  103. <li class="nav-item"><a class="nav-link" href="#pill-2" role="tab" data-toggle="tab" title="Featured"><i class="fa fa-heart"></i>Новые</a></li>
  104. <li class="nav-item"><a class="nav-link" href="#pill-3" role="tab" data-toggle="tab" title="Top Sellers"><i class=" fa fa-arrow-up"></i>По цене </a></li>
  105. </ul>
  106. <!-- Tab panes -->
  107. <div class="tab-content clear-style">
  108. <div class="tab-pane active" id="pill-1">
  109.  
  110. @foreach (var product in ModelAttachedFalse)
  111. {
  112. <div class="listing-item mb-20">
  113.  
  114. <div class="row grid-space-0">
  115.  
  116. <div class="col-md-6 col-lg-4 col-xl-3">
  117. <img src="@Url.Content(product.ImageUrl)" width="250" height="200" alt="">
  118.  
  119. </div>
  120.  
  121. <div class="col-md-6 col-lg-8 col-xl-9">
  122.  
  123. <div class="body">
  124. <h3 class="margin-clear"><a href="shop-product.html">@product.Name</a></h3>
  125. <p>
  126. <a href="#" class="btn-sm-link"><i class="fa fa-heart pr-1"></i>Добавить в корзину</a>
  127.  
  128. </p>
  129. <p>
  130. @product.Text
  131.  
  132. </p>
  133. <div class="elements-list clearfix">
  134. <span class="price"><del>$@product.PreviousPrice</del> $@product.Price</span>
  135. <a asp-controller="Service" asp-action="Order" asp-route-id="@product.Url" class="pull-right btn btn-sm btn-default-transparent btn-animated">Подробнее<i class="fa fa-shopping-cart"></i></a>
  136. </div>
  137.  
  138. <p>Категории: <span class="text-primary">#Instagram, #Email</span></p>
  139.  
  140. </div>
  141.  
  142. </div>
  143.  
  144. </div>
  145.  
  146. </div>
  147. }
  148. </div>
  149. <div class="tab-pane" id="pill-2">
  150. @*Model подправить надо, на ModelAttachedFalse. Ибо ошибку выдает*@
  151. @*Последние 5 записей получения.*@
  152. @for (int i = Math.Max(0, ModelAttachedFalse.Count() - 1); i < ModelAttachedFalse.Count(); i++)
  153. {
  154. <div class="listing-item mb-20">
  155.  
  156. <div class="row grid-space-0">
  157.  
  158. <div class="col-md-6 col-lg-4 col-xl-3">
  159.  
  160. <div class="overlay-container">
  161. <img src="@Url.Content(@Model[i].ImageUrl)" width="250" height="200" alt="">
  162. <a class="overlay-link" href="shop-product.html" title="Добавить в корзину"><i class="fa fa-plus"></i></a>
  163. <span class="badge">30% OFF</span>
  164. </div>
  165. </div>
  166.  
  167. <div class="col-md-6 col-lg-8 col-xl-9">
  168.  
  169. <div class="body">
  170. <h3 class="margin-clear"><a href="shop-product.html">@Model[i].Name</a></h3>
  171. <p>
  172. <a href="#" class="btn-sm-link"><i class="fa fa-heart pr-1"></i>Add to Wishlist</a>
  173.  
  174. </p>
  175. <p>
  176. @Model[i].Text
  177. </p>
  178.  
  179. <div class="elements-list clearfix">
  180. <span class="price"><del>$@Model[i].PreviousPrice</del> $@Model[i].Price</span>
  181. <a href="#" class="pull-right btn btn-sm btn-default-transparent btn-animated">Купить<i class="fa fa-shopping-cart"></i></a>
  182. </div>
  183. </div>
  184. </div>
  185.  
  186. </div>
  187.  
  188. </div>
  189. }
  190. </div>
  191. <div class="tab-pane" id="pill-3">
  192. @*В обратном порядке*@
  193. @for (int i = ModelAttachedFalse.Count() - 1; i >= 0; i--)
  194. {
  195. <div class="listing-item mb-20">
  196.  
  197. <div class="row grid-space-0">
  198.  
  199. <div class="col-md-6 col-lg-4 col-xl-3">
  200.  
  201. <div class="overlay-container">
  202. <img src="@Url.Content(@Model[i].ImageUrl)" width="250" height="200" alt="">
  203. <a class="overlay-link" href="shop-product.html" title="Добавить в корзину"><i class="fa fa-plus"></i></a>
  204. <span class="badge">30% OFF</span>
  205. <span class="badge">Instagram</span>
  206. <span class="badge">Email</span>
  207. </div>
  208. </div>
  209.  
  210. <div class="col-md-6 col-lg-8 col-xl-9">
  211.  
  212. <div class="body">
  213. <h3 class="margin-clear"><a href="shop-product.html">@Model[i].Name</a></h3>
  214. <p>
  215. <a href="#" class="btn-sm-link"><i class="fa fa-heart pr-1"></i>Add to Wishlist</a>
  216.  
  217. </p>
  218. <p>
  219. @Model[i].Text
  220. </p>
  221.  
  222. <div class="elements-list clearfix">
  223. <span class="price"><del>$@Model[i].PreviousPrice</del> $@Model[i].Price</span>
  224. <a href="#" class="pull-right btn btn-sm btn-default-transparent btn-animated">Купить<i class="fa fa-shopping-cart"></i></a>
  225. </div>
  226. </div>
  227. </div>
  228.  
  229. </div>
  230.  
  231. </div>
  232. }
  233.  
  234. </div>
  235. </div>
  236. <!-- pills end -->
  237. <!-- pagination start -->
  238. <nav aria-label="Page navigation">
  239. <ul class="pagination justify-content-center">
  240. <li class="page-item">
  241. <a class="page-link" href="#" aria-label="Previous">
  242. <i aria-hidden="true" class="fa fa-angle-left"></i>
  243. <span class="sr-only">Previous</span>
  244. </a>
  245. </li>
  246. <li class="page-item active"><a class="page-link" href="#">1</a></li>
  247. <li class="page-item"><a class="page-link" href="#">2</a></li>
  248. <li class="page-item"><a class="page-link" href="#">3</a></li>
  249. <li class="page-item">
  250. <a class="page-link" href="#" aria-label="Next">
  251. <i aria-hidden="true" class="fa fa-angle-right"></i>
  252. <span class="sr-only">Next</span>
  253. </a>
  254. </li>
  255. </ul>
  256. </nav>
  257. <!-- pagination end -->
  258.  
  259. </div>
  260. <!-- main end -->
  261. <!-- sidebar start -->
  262. <!-- ================ -->
  263. <aside class="col-lg-3 ml-lg-auto">
  264. <div class="sidebar">
  265. <div class="block clearfix">
  266. <h3 class="title">Top Rated</h3>
  267. <div class="separator-2"></div>
  268. <div class="media margin-clear">
  269. <div class="d-flex pr-2">
  270. <div class="overlay-container">
  271. <img class="media-object" src="~/images/site/product-5.jpg" alt="blog-thumb">
  272. <a href="shop-product.html" class="overlay-link small"><i class="fa fa-link"></i></a>
  273. </div>
  274. </div>
  275. <div class="media-body">
  276. <h6 class="media-heading"><a href="shop-product.html">Lorem ipsum dolor sit amet</a></h6>
  277. <p class="margin-clear">
  278. <i class="fa fa-star text-default"></i>
  279. <i class="fa fa-star text-default"></i>
  280. <i class="fa fa-star text-default"></i>
  281. <i class="fa fa-star text-default"></i>
  282. <i class="fa fa-star text-default"></i>
  283. </p>
  284. <p class="price">$99.00</p>
  285. </div>
  286. </div>
  287. <div class="media margin-clear">
  288. <div class="d-flex pr-2">
  289. <div class="overlay-container">
  290. <img class="media-object" src="~/images/site/product-6.jpg" alt="blog-thumb">
  291. <a href="shop-product.html" class="overlay-link small"><i class="fa fa-link"></i></a>
  292. </div>
  293. </div>
  294. <div class="media-body">
  295. <h6 class="media-heading"><a href="shop-product.html">Eum repudiandae ipsam</a></h6>
  296. <p class="margin-clear">
  297. <i class="fa fa-star text-default"></i>
  298. <i class="fa fa-star text-default"></i>
  299. <i class="fa fa-star text-default"></i>
  300. <i class="fa fa-star text-default"></i>
  301. <i class="fa fa-star"></i>
  302. </p>
  303. <p class="price">$299.00</p>
  304. </div>
  305. </div>
  306. <hr>
  307. <div class="media margin-clear">
  308. <div class="d-flex pr-2">
  309. <div class="overlay-container">
  310. <img class="media-object" src="~/images/site/product-7.jpg" alt="blog-thumb">
  311. <a href="shop-product.html" class="overlay-link small"><i class="fa fa-link"></i></a>
  312. </div>
  313. </div>
  314. <div class="media-body">
  315. <h6 class="media-heading"><a href="shop-product.html">Quia aperiam velit fuga</a></h6>
  316. <p class="margin-clear">
  317. <i class="fa fa-star text-default"></i>
  318. <i class="fa fa-star text-default"></i>
  319. <i class="fa fa-star text-default"></i>
  320. <i class="fa fa-star text-default"></i>
  321. <i class="fa fa-star"></i>
  322. </p>
  323. <p class="price">$9.99</p>
  324. </div>
  325. </div>
  326. <hr>
  327. <div class="media margin-clear">
  328. <div class="d-flex pr-2">
  329. <div class="overlay-container">
  330. <img class="media-object" src="~/images/site/product-8.jpg" alt="blog-thumb">
  331. <a href="shop-product.html" class="overlay-link small"><i class="fa fa-link"></i></a>
  332. </div>
  333. </div>
  334. <div class="media-body">
  335. <h6 class="media-heading"><a href="shop-product.html">Fugit non natus officiis</a></h6>
  336. <p class="margin-clear">
  337. <i class="fa fa-star text-default"></i>
  338. <i class="fa fa-star text-default"></i>
  339. <i class="fa fa-star text-default"></i>
  340. <i class="fa fa-star"></i>
  341. <i class="fa fa-star"></i>
  342. </p>
  343. <p class="price">$399.00</p>
  344. </div>
  345. </div>
  346. </div>
  347.  
  348.  
  349.  
  350. </div>
  351. </aside>
  352. <!-- sidebar end -->
  353. </div>
  354. </div>
  355. </section>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!