Untitled

From anonymous, 1 Month ago, written in Plain Text, viewed 24 times.
URL https://paste.codexterous.com/view/ea2ea409 Embed
Download Paste or View Raw
  1. {% extends "blog/blog_post_list.html" %}
  2. {% load humanize static mezzanine_tags comment_tags keyword_tags rating_tags templateutils i18n  disqus_tags auction_tags %}
  3. {% block body_class %}{% if blog_post.auction.auction_type == 5 %}dealerVehicleDetails{% elif blog_post.slug == 'virtual-car-show' %}noSideBar{% endif %}{% endblock %}
  4. {% block body_id %}bodyDetails{% endblock %}
  5. {% block meta_title %}{{ blog_post.meta_title }}{% endblock %}
  6.  
  7. {% block meta_keywords %}{{ blog_post.meta_title }}{% metablock %}
  8. {% keywords_for blog_post as tags %}
  9. {% for tag in tags %}{% if not forloop.first %}, {% endif %}{{ tag }}{% endfor %}
  10. {% endmetablock %}{% endblock %}
  11.  
  12. {% block meta_description %}{% metablock %}
  13. {{ blog_post.description }}
  14. {% endmetablock %}{% endblock %}
  15. {% block meta_og_image %}{% metablock %}{{ MEDIA_URL }}{% thumbnail blog_post.featured_image 600 0 quality=100 top=0 %}{% endmetablock %}{% endblock %}
  16.  
  17. {% block extra_css %}
  18. {{ block.super }}
  19. <link rel="stylesheet" href="{% static "main/contrib/photoswipe/photoswipe.css" %}" type="text/css" />
  20. <link rel="stylesheet" href="{% static "main/contrib/photoswipe/default-skin/default-skin.css" %}" type="text/css" />
  21. <style>
  22. @-webkit-keyframes glow {
  23.     to {
  24.          border-color: #cc3333;
  25.     -webkit-box-shadow: 0 0 5px #cc3333;
  26.        -moz-box-shadow: 0 0 5px #cc3333;
  27.             box-shadow: 0 0 5px #cc3333;
  28.     }
  29. }
  30.  
  31. .myGlower {
  32.     border: 1px solid transparent;
  33.     -webkit-animation: glow 1.0s 3 alternate;
  34.      -webkit-transition: border 1.0s linear, box-shadow 1.0s linear;
  35.        -moz-transition: border 1.0s linear, box-shadow 1.0s linear;
  36.             transition: border 1.0s linear, box-shadow 1.0s linear;
  37. }
  38. </style>
  39. {% endblock %}
  40.  
  41. {% block extra_js %}
  42. {# This is for scrolling to the desired comment from url anchor id #}
  43. <script src="{% static "js/jquery.scrollTo.min.js" %}"></script>
  44. <script language="javascript">
  45.   $(document).ready(function () {
  46.     var hash = window.location.hash;
  47.     if (hash) {
  48.       try {
  49.         var elem = $('a[name=' + hash + ']');
  50.         if (elem.length) {
  51.           $('html, body').animate({ scrollTop: elem.offset().top - 50 }, 'slow');
  52.           elem.addClass("myGlower");
  53.         }
  54.       }
  55.       catch (e) { /* ignore invalid expressions caused by photoswipe */}
  56.     }
  57. });
  58. </script>
  59. <script>
  60.   var pusherCommentEvents = '{{ pusher_comment_events }}';
  61.   var auctionBidType = '{% if blog_post.auction.is_deal_tank %}offer{% else %}bid{% endif %}';
  62. </script>
  63. {% endblock %}
  64. {% block right_panel %}
  65.   {% if is_original %}
  66.     {% include "blog/includes/filter_panel.html" %}
  67.   {% else %}
  68.     {% if blog_post.auction %}
  69.       {% if blog_post.auction.dealership and blog_post.auction.dealership.slug %}
  70.         <a href="{% url "auction:list" "dealership" blog_post.auction.dealership.slug %}" class="btn allCars">{{ blog_post.auction.dealership }}<br/>FEATURED INVENTORY</a>
  71.         <a class="listAllCars" href="{% url "auction:list" "dealership" blog_post.auction.dealership.slug 'list' %}">Full Dealer Inventory</a>
  72.       {% endif %}
  73.       <h3 class="lot-num-hidden">Lot #{{ blog_post.auction.display_lot_number }}</h3>
  74.       <ul class="auction clearfix">
  75.         {% if blog_post.auction.vehicle %}
  76.           {% if blog_post.auction.vehicle.year %}<li><strong>Year</strong>: {{ blog_post.auction.vehicle.year }}</li>{% endif %}
  77.           {% if blog_post.auction.vehicle.make %}<li><strong>Make</strong>: {{ blog_post.auction.vehicle.make }}</li>{% endif %}
  78.           {% if blog_post.auction.vehicle.model %}<li><strong>Model</strong>: {{ blog_post.auction.vehicle.model }}</li>{% endif %}
  79.           {% if blog_post.auction.vehicle.trim %}<li><strong>Trim</strong>: {{ blog_post.auction.vehicle.trim }}</li>{% endif %}
  80.           {% if blog_post.auction.vehicle.body_style %}<li><strong>Body Style</strong>: {{ blog_post.auction.vehicle.body_style }}</li>{% endif %}
  81.           <li><strong>VIN</strong>: {{ blog_post.auction.vin }}</li>
  82.           {% if blog_post.auction.mileage_engine and blog_post.auction.mileage_engine != blog_post.auction.mileage_body %}
  83.           <li><strong>Mileage (Body)</strong>:  {{ blog_post.auction.mileage_body|intcomma }}{% if blog_post.auction.odometer_units %}{{ blog_post.auction.odometer_units }}{% endif %}{% if blog_post.auction.tmu %} (TMU){% endif %}</li>
  84.           <li><strong>Mileage (Engine)</strong>: {{ blog_post.auction.mileage_engine|intcomma }}{% if blog_post.auction.odometer_units %}{{ blog_post.auction.odometer_units }}{% if blog_post.auction.tmu %} (TMU){% endif %}{% endif %}</li>
  85.           {% else %}
  86.           <li><strong>Mileage</strong>: {{ blog_post.auction.mileage_body|intcomma }}{% if blog_post.auction.odometer_units %}{{ blog_post.auction.odometer_units }}{% if blog_post.auction.tmu %} (TMU){% endif %}{% endif %}</li>
  87.           {% endif %}
  88.         {% endif %}
  89.         {% if blog_post.auction.dealership and blog_post.auction.dealership.slug %}
  90.         <li>
  91.           <strong>Dealership</strong>: <a href="{% url "auction:list" "dealership" blog_post.auction.dealership.slug %}">{{ blog_post.auction.dealership }}</a>
  92.         </li>
  93.           {% if blog_post.blog_post_dealer_auction.stock_number %}
  94.           <li>
  95.             <strong>Stock No.</strong>: {{ blog_post.blog_post_dealer_auction.stock_number }}
  96.           </li>
  97.           {% endif %}
  98.         {% endif %}
  99.         {% if blog_post.features %}
  100.         {% for feature in blog_post.features.all %}
  101.           <li>
  102.             {% if feature.title %}<strong>{{ feature.title }}</strong>:{% endif %} {{ feature.description }}
  103.           </li>
  104.         {% endfor %}
  105.         {% endif %}
  106.       </ul>
  107.     {% endif %}
  108.     {% block contactseller %}
  109.       {% if blog_post.auction %}
  110.         {% if IS_STAFF or blog_post.auction.started %}
  111.           {% if blog_post.auction.auction_type != 3 and blog_post.auction.auction_type != 4 %}
  112.             {% if blog_post.auction.high_bid_user == request.user or not blog_post.auction.ended %}
  113.             <!-- jQuery Modal -->
  114.             <div class="clearfix contactButton"
  115.                   data-logged-in="{% if request.user.is_anonymous %}false{% else %}true{% endif %}"
  116.                   data-modal-url="/contact/seller/{{ blog_post.slug }}/">
  117.               <span class="button"><i class="pcar-icon icon-email">&#xe80d;</i>&nbsp;&nbsp;CONTACT {% if blog_post.auction.auction_type == 5 %}DEALER{% else %}SELLER{% endif %}</span>
  118.             </div>
  119.             {% endif %}
  120.           {% endif %}
  121.         {% endif %}
  122.       {% endif %}
  123.     {% endblock %}
  124.  
  125.     {% if blog_post.auction.auction_type != 5 and blog_post.slug != 'virtual-car-show' %}
  126.     <div class="sbPromo vehDetail">
  127.       <a href="https://www.hagerty.com/insurance/compare-to-daily-driver-insurance/?utm_source=pcarmarket&utm_medium=referral&utm_campaign=pcarmarket_auto_ins&utm_content=side_logo_link&utm_term=insurance_quote"><img src="/static/main/img/hagerty_thin.jpg" alt="Hagerty Insurance" /></a>
  128.       <a class="descr" href="https://www.hagerty.com/insurance/compare-to-daily-driver-insurance/?utm_source=pcarmarket&utm_medium=referral&utm_campaign=pcarmarket_auto_ins&utm_content=side_logo_link&utm_term=insurance_quote">Hagerty Insurance Quote</a>
  129.     </div>
  130.     <div class="sbPromo vehDetail">
  131.       <a href="http://plycargroup.com/freequote_pcarmarket.php"><img src="{% static "main/img/plycar_small.jpg" %}" alt="PlyCar Shipping Quote" /></a>
  132.       <a class="descr" href="http://plycargroup.com/freequote_pcarmarket.php">PLYCAR Shipping Quote</a>
  133.     </div>
  134.     {% endif %}
  135.  
  136.     {% if blog_post.gallery %}
  137.       {% if IS_STAFF %}
  138.       <form id="auctionGalleryForm" action="{% url "auction:rearrange_images" auction=object.slug %}">
  139.       {% endif %}
  140.         <h3 id="rearrange-title">
  141.           Gallery
  142.           {% if IS_STAFF %}
  143.           <span id="rearrange"><i class="fa fa-arrows-alt"></i><span>Rearrange</span></span>
  144.           <span id="rearrange-options">
  145.             <span id="rearrange-cancel">Cancel</span>
  146.             <input type="submit" value="Confirm" id="rearrange-confirm">
  147.           </span>
  148.           {% endif %}
  149.         </h3>
  150.         <div id="draggableAuctionGallery" class="clearfix auctionGallery">
  151.           {% spaceless %}
  152.           <ul>
  153.             {% for image in blog_post.gallery.photos.all %}
  154.               <li data-pid="{{image.id}}">
  155.                 <span data-href="{{ MEDIA_URL }}{{ image.image.name }}" class="galleryThumb">
  156.                   {% if IS_STAFF %}<span class="rearrange-icon"><i class="fa fa-arrows-alt"></i></span>{% endif %}
  157.                   <img src="{{ MEDIA_URL }}{% thumbnail image.image.name 300 0 quality=100 %}" alt="{{ blog_post.display_title }}" />
  158.                 </span>
  159.                 {% if IS_STAFF %}
  160.                 <span class="deleteGalleryThumb"><a href="javascript:void">delete</a></span>
  161.                 {% endif %}
  162.               </li>
  163.             {% endfor %}
  164.           </ul>
  165.           {% endspaceless %}
  166.         </div>
  167.       {% if IS_STAFF %}
  168.       </form>
  169.       {% endif %}
  170.     {% endif %}
  171.     <div class="sbBottom">
  172.       {% market_grid_auctions blog_post=blog_post as active_auctions %}
  173.       {% if active_auctions %}
  174.       <h3>{% trans "MARKET" %}<span class="grid">{% trans "GRID" %}</span></h3>
  175.       <ul class="recent-posts sbPad firstGrid grid">
  176.       {% for recent_post in active_auctions %}
  177.             <li class="{% if forloop.counter|modulo:3 == 1 %}left{% elif forloop.counter|modulo:3 == 2 %}center{% else %}right{% endif %}">
  178.                 {% if settings.BLOG_USE_FEATURED_IMAGE and recent_post.featured_image %}
  179.                 <a style="background-image: url('{{ MEDIA_URL }}{% thumbnail recent_post.featured_image 300 0 quality=100 %}');"
  180.                    href="{% if not IS_STAFF and not recent_post.auction.started %}javascript:void{% else %}{{ recent_post.get_absolute_url }}{% endif %}">
  181.                   <span>{% if IS_STAFF or recent_post.auction and recent_post.auction.started %}VIEW {{ recent_post.auction.human_item_type|upper }}{% endif %}</span>
  182.  
  183.                   {% comment %}
  184.                   <img class="feat_img thumb" src="{{ MEDIA_URL }}{% thumbnail recent_post.featured_image 300 0 quality=100 %}" onload="imgLoaded(this)" />
  185.                   {% endcomment %}
  186.  
  187.                 </a>
  188.                 {% endif %}
  189.             </li>
  190.       {% endfor %}
  191.       </ul>
  192.       {% endif %}
  193.     </div>
  194.     {{ block.super }}
  195.   {% endif %}
  196. {% endblock %}
  197.  
  198. {% block above_fold %}
  199. <h2 class="blogPostDisplayTitle"> {{ blog_post.display_title }}
  200.   {% if blog_post.auction.auction_type == 5 %}
  201.   <div>
  202.     {% if blog_post.auction.msrp %}
  203.     MSRP <strike>${{ blog_post.auction.msrp|floatformat:"0"|intcomma }}</strike>
  204.     {% endif %}
  205.     <span>{% if blog_post.auction.reserve_price %}${{ blog_post.auction.reserve_price|floatformat:"0"|intcomma }}{% else %}Call for price{% endif %}</span>
  206.   </div>
  207.   {% endif %}
  208. </h2>
  209.  
  210. <div class="clearfix post_meta">
  211.     <div class="time-tags-cats">
  212.       {% if blog_post.auction.dealership and blog_post.auction.dealership.slug %}
  213.         <p class="time-tags-hidden">Presented by <a href="{% url "auction:list" "dealership" blog_post.auction.dealership.slug %}">{{ blog_post.auction.dealership }}</a></p>
  214.       {% endif %}
  215.       <div class="time-tags-reg">
  216.  
  217.         {% keywords_for blog_post as tags %}
  218.         {% if tags %}
  219.         {#/#}
  220.         {% trans "Tags" %}:
  221.         {% for tag in tags %}
  222.         <a href="{% url "blog_post_list_tag" tag.slug %}">{{ tag }}</a>{% if not forloop.last %}, {% endif %}
  223.         {% endfor %}
  224.         {% endif %}
  225.  
  226.         {% with blog_post.categories.all as categories %}
  227.         {% if categories %}
  228.         {% trans "Categories" %}:
  229.         {% for category in categories %}
  230.         <a href="{% if category.slug == 'pcar-originals' %}{% url "original:list" %}{% else %}{% url "blog_post_list_category" category.slug %}{% endif %}">{{ category }}</a>{% if not forloop.last %}, {% endif %}
  231.         {% endfor %}
  232.         {% endif %}
  233.         {% endwith %}
  234.  
  235.         {% if blog_post.auction %}
  236.           {% with high_bid=blog_post.auction.high_bid %}
  237.           <div class="metaAuctionType">
  238.             <span class="slash">/</span>
  239.             {% trans "Auction type" %}:
  240.             {% if blog_post.auction.auction_type == 2 %}
  241.               <span class="auctiontype-red">Blind Auction</span>
  242.             {% elif blog_post.auction.auction_type == 3 %}
  243.               <span class="auctiontype-red">Deal Tank</span>
  244.             {% elif blog_post.auction.auction_type == 4 %}
  245.               <span class="auctiontype-red">Deal Tank Direct</span>
  246.             {% elif blog_post.auction.auction_type == 5 %}
  247.               <span class="auctiontype-red">Dealer Listing</span>
  248.             {% elif blog_post.auction.reserve_price %}
  249.               {% if blog_post.auction.ended and blog_post.auction.hide_sell_price %}
  250.                 <span class="winner">Reserve</span>
  251.               {% else %}
  252.                 <span class="auctiontype-red">Reserve</span>
  253.               {% endif %}
  254.             {% else %}
  255.               <span class="auctiontype-red">No-Reserve</span>
  256.             {% endif %}
  257.             {% if blog_post.auction.ended %}
  258.             <span class="slash">/</span>
  259.             <span class="{{ blog_post.auction.completed_status_class }}">{{ blog_post.auction.completed_status_class|title }}</span>
  260.             {% endif %}
  261.           </div>
  262.           {% endwith %}
  263.           <span class="slash"></span>
  264.  
  265.         {% endif %}
  266.       </div>
  267.     </div>
  268.  
  269.     {% if IS_STAFF or blog_post.auction.started or blog_post.slug == 'virtual-car-show' %}
  270.       {% if settings.COMMENTS_DISQUS_SHORTNAME %}
  271.       <a href="{{ blog_post.get_absolute_url }}#disqus_thread"
  272.           data-disqus-identifier="{% disqus_id_for blog_post %}">
  273.           {% trans "Comments" %}
  274.       </a>
  275.       {% else %}
  276.       <div class="comments">
  277.           {% if IS_STAFF %}
  278.           <span class="{% if have_comments or bids_count %}pipe{% endif %}"><a href="/admin/blog/blogpost/{{ blog_post.id }}/change/?all=true">Edit Listing</a></span>
  279.           {% endif %}
  280.           <a href="{{ blog_post.get_absolute_url }}#comments">
  281.             {% if blog_post.auction and blog_post.auction.auction_type != 5 %}
  282.               {% if have_comments or bids_count %}
  283.                 {% if bids_count %}{{ bids_count }} bid{{ bids_count|pluralize:"s" }}{% if have_comments %}, {% endif %}{% endif %}{% if have_comments %}{{ comments_count }} comment{{ comments_count|pluralize:"s"}}{% endif %}
  284.               {% endif %}
  285.             {% else %}
  286.               {{ comments_count }} comment{{ comments_count|pluralize:"s"}}
  287.             {% endif %}
  288.           </a>
  289.       </div>
  290.       {% endif %}
  291.  
  292.     {% endif %}
  293. </div>
  294.  
  295. {% if dealer_portal %}
  296. <div class="clearfix post_meta">
  297.   <div class="seller-portal">
  298.     <h3><i class="fas fa-2x fa-car"></i> <span>Dealer Central</span></h3>
  299.     <form method="post" id="sellerPortal" action="{% url "auction:dealer_portal" auction=object.slug %}">
  300.       {% csrf_token %}
  301.       <p class="seller-only">Only you (the dealership) can see this.</p>
  302.       <div class="seller-portal-flex full">
  303.         <div class="cell"></div>
  304.         <div class="cell">
  305.           <label for="enableComments">Enable comments:</label>
  306.           <input class="seller-portal-checkbox" type="checkbox" name="enable_comments" id="enableComments" {% if blog_post.allow_comments %}checked="checked"{% endif %} />
  307.         </div>
  308.         <div class="cell">
  309.           <p class="help-text" style="margin-left: 180px;">
  310.             Enable or disable comments on this listing.
  311.           </p>
  312.         </div>
  313.       </div>
  314.       <div class="seller-portal-flex full">
  315.         <div class="cell"></div>
  316.         <div class="cell">
  317.           <label for="allowMakeOffer">Enable offers:</label>
  318.           <input class="seller-portal-checkbox" type="checkbox" name="allow_make_offer" id="allowMakeOffer" {% if blog_post.auction.allow_make_offer %}checked="checked"{% endif %} />
  319.         </div>
  320.         <div class="cell">
  321.           <p class="help-text" style="margin-left: 180px;">
  322.             Enable or disable offers on this listing. Overrides the global dealership setting.
  323.           </p>
  324.         </div>
  325.       </div>
  326.       <div class="seller-portal-flex full">
  327.         <div class="cell"></div>
  328.         <div class="cell">
  329.           <label for="promoText">Promotion</label>
  330.           <input type="text" name="promo_text" id="promoText" value="{{ blog_post.auction.promo_text }}">
  331.         </div>
  332.         <div class="cell">
  333.           <p class="help-text" style="margin-left: 180px;">
  334.             Optional promotional text to use for this car in the list view.
  335.           </p>
  336.         </div>
  337.       </div>
  338.       <input type="submit" value="Confirm" class="seller-portal-button">
  339.     </form>
  340.   </div>
  341. </div>
  342. {% endif %}
  343. {% if seller_portal %}
  344. <div class="clearfix post_meta">
  345.   <div class="seller-portal">
  346.     <h3><i class="fas fa-2x fa-comments-dollar"></i> <span>Seller Central</span></h3>
  347.     <form method="post" id="sellerPortal" action="{% url "auction:seller_portal" auction=object.slug %}">
  348.       {% csrf_token %}
  349.       <p class="seller-only">Only you (the seller) can see this. Please do not share your private reserve price with anyone. If you would like to lower the reserve of your item to increase your chances of a sale, you may do so below. The change will be effective immediately.</p>
  350.       <div class="seller-portal-flex full">
  351.         <div class="cell"></div>
  352.         <div class="cell">
  353.           <label for="old_reservePrice">Your current reserve price:</label>
  354.           <input type="text" name="old_reserve_price" disabled="disabled" readonly="readonly" id="old_reservePrice" value="${{ reserve_price|intcomma }}" class="disabled" >
  355.         </div>
  356.       </div>
  357.  
  358.       {% if blog_post.auction.recommended_reserve %}
  359.       <div class="seller-portal-flex full">
  360.         <div class="cell"></div>
  361.         <div class="cell">
  362.           <label for="old_reservePrice">Recommended reserve price:</label>
  363.           <input type="text" name="old_reserve_price" disabled="disabled" readonly="readonly" id="old_reservePrice" value="${{ blog_post.auction.recommended_reserve|floatformat:"0"|intcomma }}" class="disabled" >
  364.         </div>
  365.       </div>
  366.       {% endif %}
  367.  
  368.  
  369.       <div class="seller-portal-flex full">
  370.         <div class="cell"></div>
  371.         <div class="cell">
  372.           <label for="reservePrice">Your new reserve price:</label>
  373.           <input type="text" name="reserve_price" id="reservePrice" value="" required>
  374.           <span class="required">*</span>
  375.         </div>
  376.         <div class="cell">
  377.           {% with current_bid=blog_post.auction.current_bid current_bid_obj=blog_post.auction.high_bid %}
  378.  
  379.           <p class="help-text" style="margin-left: 180px;">
  380.             Enter whole numbers only. {% if current_bid %}Current high bid: <strong><span class="pushed_bid_amount no_color" data-slug="{{ blog_post.slug }}">${{ current_bid|floatformat:"0"|intcomma }}</span></strong>{% endif %}
  381.           </p>
  382.  
  383.           {% endwith %}
  384.         </div>
  385.       </div>
  386.       {% comment %}
  387.       <div class="flex-outer">
  388.         <div class="seller-portal-flex">
  389.           <div class="cell">
  390.             <label for="example-one">Input example</label>
  391.           </div>
  392.           <div class="cell">
  393.             <input type="text" name="example-one">
  394.           </div>
  395.         </div>
  396.         <div class="seller-portal-flex">
  397.           <div class="cell">
  398.             <label for="example-two">Input example</label>
  399.           </div>
  400.           <div class="cell">
  401.             <input type="text" name="example-two">
  402.           </div>
  403.         </div>
  404.         <div class="seller-portal-flex">
  405.           <div class="cell">
  406.             <label for="example-three">Input example</label>
  407.           </div>
  408.           <div class="cell">
  409.             <p class="error-text">Invalid string provided.</p>
  410.             <input type="text" name="example-three">
  411.             <p class="help-text">Example help text.</p>
  412.           </div>
  413.         </div>
  414.         <div class="seller-portal-flex">
  415.           <div class="cell">
  416.             <label for="example-four">Larger input example</label>
  417.           </div>
  418.           <div class="cell">
  419.             <input type="text" name="example-four">
  420.           </div>
  421.         </div>
  422.       </div>
  423.       {% endcomment %}
  424.       <input type="submit" value="Confirm" class="seller-portal-button">
  425.     </form>
  426.   </div>
  427. </div>
  428. {% endif %}
  429.  
  430. {% if settings.BLOG_USE_FEATURED_IMAGE and blog_post.featured_image %}
  431. {% block blog_post_list_post_featured_image %}
  432. <div style="background: url('{% static "img/ajax-loader.gif" %}') no-repeat; background-position: center; margin-bottom: 10px;" class="img_wrapper dealer_image">
  433.     <a href="{{ blog_post.get_absolute_url }}">
  434.         <img class="feat_img" alt="{{ blog_post.display_title }}" src="{{ MEDIA_URL }}{% thumbnail blog_post.featured_image 960 0 quality=100 top=0 %}" onload="imgLoaded(this)" />
  435.     </a>
  436. </div>
  437. {% endblock %}
  438. {% endif %}
  439. {% endblock %}
  440.  
  441. {% block main %}
  442. <div class="full-post clearfix {% if not enable_comments %}no-comments{% endif %}">
  443.     {% if blog_post.slug == 'virtual-car-show' %}
  444.     <div class="carShowAnchors">
  445.       {#<a href="javascript:;" id="submitYourCar">Submit Your Car</a>#}
  446.       <a href="javascript:;" id="goToShow">Go to Show</a>
  447.       <a href="javascript:;" id="joinTheConversation">Join the Conversation</a>
  448.     </div>
  449.     {% endif %}
  450.     {% if blog_post.auction.promo_text %}
  451.       <h4 class="detail-page-promo">{{ blog_post.auction.promo_text }}</h4>
  452.     {% endif %}
  453.  
  454.     {% block blog_post_detail_content %}
  455.     {{ blog_post.content|richtext_filters|safe }}
  456.     {% endblock %}
  457.  
  458.     {% block blog_post_detail_keywords %}
  459.     {% keywords_for blog_post as tags %}
  460.     {% if tags %}
  461.     {% spaceless %}
  462.     <ul class="list-inline clearfix">
  463.         {% for tag in tags %}
  464.         <li class="tag">
  465.             <div class="tag-body"><a href="{% url "blog_post_list_tag" tag.slug %}">{{ tag }}</a></div>
  466.             <i class="tag-tip"><i></i></i>
  467.         </li>
  468.         {% endfor %}
  469.     </ul>
  470.     {% endspaceless %}
  471.     {% endif %}
  472.     {% endblock %}
  473.  
  474.     {% block auction_results %}
  475.     {% if blog_post.auction and blog_post.auction.ended %}
  476.     <div id="auctionResults">
  477.       <h3>Auction Results</h3>
  478.       <ul class="auction clearfix">
  479.         {% if blog_post.auction.last_chance %}
  480.           <li class="finalizing">This blind auction is currently awaiting last chance bids. Results will be posted soon.</li>
  481.         {% elif not blog_post.auction.finalized %}
  482.           <li class="finalizing">This auction is in the process of being finalized. Results will be posted soon.</li>
  483.         {% else %}
  484.           {% with current_bid=blog_post.auction.current_bid current_bid_obj=blog_post.auction.high_bid %}
  485.           {% if not blog_post.auction.hide_sell_price %}
  486.             {% if current_bid_obj.is_reserve_guarantee %}
  487.             <li><strong class="sold">Sold:</strong> Reserve Guarantee Program</li>
  488.             {% elif current_bid_obj.is_buy_now %}
  489.             <li><strong class="sold">Buy now purchase price:</strong> ${{ blog_post.auction.current_bid|intcomma }}</li>
  490.             {% else %}
  491.               {% if blog_post.auction.completed_status_class == "sold" %}
  492.                 <li><strong class="sold">Sold for:</strong> ${{ blog_post.auction.current_bid|intcomma }}</li>
  493.               {% else %}
  494.                 <li><strong>Highest {% if blog_post.auction.is_deal_tank %}Offer{% else %}Bid{% endif %}:</strong> {% if current_bid %}${{ blog_post.auction.current_bid|intcomma }}{% else %}No bids{% endif %}</li>
  495.               {% endif %}
  496.             {% endif %}
  497.           {% endif %}
  498.           {% endwith %}
  499.           <li><strong>Auction End:</strong> {{ end_date }}</li>
  500.           <li><strong>Number of {% if blog_post.auction.is_deal_tank %}Offers{% else %}Bids{% endif %}:</strong> {{ blog_post.auction.bid_count }}</li>
  501.         {% endif %}
  502.       </ul>
  503.     </div>
  504.     {% endif %}
  505.     {% endblock %}
  506.  
  507.     {% block seen_stats %}
  508.     <div class="seenstats bp">
  509.       {% if blog_post.auction %}
  510.       <span class="time-tags-cats">viewed {% if blog_post.auction.displayed_view_count %}{{ blog_post.auction.displayed_view_count|intcomma }}{% else %}{{ blog_post.auction.view_count|intcomma }}{% endif %} times</span>
  511.       <span class="comments">saved {{ save_count|intcomma }} times</span>
  512.       {% endif %}
  513.       <span class="social">
  514.           {% set_short_url_for blog_post %}
  515.           {#Share to:#}
  516.           <strong>SHARE:</strong>
  517.           <a target="_blank" href="https://twitter.com/intent/tweet?text={{ blog_post.short_url|urlencode }}%20{{ blog_post.title|urlencode }}"><img src="{% static "img/social/tw.png" %}" alt="Share on Twitter" /></a>
  518.           <a target="_blank" href="https://www.facebook.com/sharer.php?u={{ request.build_absolute_uri }}&amp;t={{ blog_post.title|urlencode }}"><img src="{% static "img/social/fb.png" %}" alt="Share on Facebook" /></a>
  519.           <a target="_blank" href="https://www.instagram.com/pcarmarket/"><img src="{% static "img/social/ig.png" %}" alt="Share on Instagram" /></a>
  520.       </span>
  521.     </div>
  522.     {% endblock %}
  523. </div> <!-- END full-post-->
  524. <!-- bps: {{ blog_post.slug }} -->
  525. {% if blog_post.slug == 'virtual-car-show' %}
  526.   <!-- yes 1 -->
  527. <!-- yes 2 -->
  528.  
  529. <div id="carShow">
  530.   {% comment %}
  531.     <h3><i class="fas fa-2x fa-car"></i> <span>Upload Your Car</span></h3>
  532.     {% if request.user.is_anonymous %}
  533.     <p>Please <a href="{% url "login" %}?next={{ current_url }}">log in</a> to submit your car.</p>
  534.     {% else %}
  535.     <div class="generic-form">
  536.       <p>Submit your car to the show.</p>
  537.       <form id="genericForm" action="{% url 'auction:submit_car_show_photo' %}?gal=carshow" method="post" enctype="multipart/form-data">
  538.         {% csrf_token %}
  539.         <div class="generic-form-flex full">
  540.           <div class="cell"></div>
  541.           <div class="cell">
  542.             <label for="promoText">Image Title</label>
  543.             <input type="text" name="title" id="promoText" required>
  544.           </div>
  545.           <div class="cell">
  546.             <p class="help-text" style="margin-left: 85px;">
  547.               Submit your year, model, and something special about your car. Be creative! Maximum of 50 characters.
  548.             </p>
  549.           </div>
  550.         </div>
  551.         <div class="generic-form-flex full">
  552.           <div class="cell"></div>
  553.           <div class="cell">
  554.             <label for="promoText">Your Photo</label>
  555.             <input type="file" name="photo" id="carShowPhoto">
  556.           </div>
  557.           <div class="cell">
  558.             <p class="help-text" style="margin-left: 85px;">
  559.               Your best photo of your car.
  560.             </p>
  561.           </div>
  562.         </div>
  563.         <input type="submit" value="Confirm" class="generic-form-button" required>
  564.       </form>
  565.     </div>
  566.     {% endif %}
  567.   {% endcomment %}
  568.   {% if car_show_gallery %}
  569.   {% comment %}
  570.   <h3><i class="fas fa-2x fa-car"></i> <span>People's Choice</span></h3>
  571.   <p>These are the winners. Click the thumbnails to view a full gallery of the winner's car. <strong>Get Brett text to put here.</strong></p>
  572.   <div class="auctionGallery clearfix carShow carShowWinners" style="display: block !important;">
  573.     {% spaceless %}
  574.     <ul>
  575.       {% for image in car_show_winners %}
  576.         <li data-pid="{{image.summary.thumb_id}}"
  577.             data-sort-pid="{{image.summary.thumb_id}}" {# sort by this (descending) if sorting by newest #}
  578.             data-slug="{{ image.summary.slug }}">
  579.  
  580.           <div class="heartCtr">
  581.             <span data-href="{{ MEDIA_URL }}{{ image.summary.thumb }}" class="galleryThumb">
  582.                     <img src="{{ MEDIA_URL }}{% thumbnail image.summary.thumb 300 225 quality=100 %}" alt="{{ image.summary.title }}"  />
  583.             </span>
  584.           </div>
  585.           <div class="carShowDetails">
  586.             <span class="title">{{ image.summary.title }}</span>
  587.           </div>
  588.         </li>
  589.       {% endfor %}
  590.     </ul>
  591.     {% endspaceless %}
  592.   </div>
  593.   {% endcomment %}
  594.   <h3>
  595.     Car Show Entries
  596.     <br>
  597.     <label for="carShowSort" id="sortPhotosBy">Sort photos by:</label>
  598.     <select id="carShowSort">
  599.       {#<option value="newest">Recently added (is this drop-down still needed?)</option>#}
  600.       <option value="votes">Most votes</option>
  601.     </select>
  602.     <a href="javascript:;" id="joinTheConversationEntries">Join the Conversation {#(move this elsewhere? remove it?)#}</a>
  603.   </h3>
  604.   <br>
  605.   {#<p><strong>Give Brett new text to put here.</strong> Tap the heart to vote for your favorite cars. Sort by popular or newest cars first.</p>#}
  606.   <div class="auctionGallery clearfix carShow" style="display: block !important;">
  607.     {% spaceless %}
  608.     <ul>
  609.       {% for image in car_show_gallery %}
  610.         <li {% if forloop.counter0 == 0 or forloop.counter0 == 1 %}class="pchoice"{% endif %}
  611.             data-pid="{{image.photo.id}}"
  612.             data-sort-pid="{{image.photo.id}}" {# sort by this (descending) if sorting by newest #}
  613.             data-sort-votes="{{ image.vote_count }}" {# sort by this (descending) if sorted by vote count #}>
  614.  
  615.           <div class="heartCtr">
  616.             <span data-href="{{ MEDIA_URL }}{{ image.photo.image.name }}" class="galleryThumb">
  617.               <img src="{{ MEDIA_URL }}{% thumbnail image.photo.image.name 300 225 quality=100 %}" alt="{{ image.photo.title }}" data-width="{{ image.photo.image.width }}" data-height="{{ image.photo.image.height }}" />
  618.             </span>
  619.           </div>
  620.           <div class="carShowDetails">
  621.             <span class="title">{{ image.photo.title }}</span>
  622.             <span class="votes"><strong>{{ image.vote_count }}</strong> VOTES</span>
  623.           </div>
  624.         </li>
  625.       {% endfor %}
  626.     </ul>
  627.     {% endspaceless %}
  628.   </div>
  629.   {% endif %}
  630. </div>
  631.  
  632. {% endif %}
  633. <div id="output"></div>
  634.  
  635.     {% if blog_post.auction.started or IS_STAFF or blog_post.slug == 'virtual-car-show' %}
  636.       {# N.B. you can copy into project and overide the `generic.templates.generic.includes.comment(s)` #}
  637.       {# template to change the style of the comment and new comment form #}
  638.       {% block blog_post_detail_comments %}
  639.       {% if enable_comments %}
  640.           {% if settings.COMMENTS_ORDERBYSCORE %}
  641.               {# Loads the context with `all_comments` var #}
  642.               {# as usual but with comments ordered by score func that #}
  643.               {# causes higher rank to float to top, but decay with time. #}
  644.               {# when `comments_for` acts below it sees `all_comments` already in context #}
  645.               {# and does not recreate. #}
  646.               {% order_comments_by_score_for blog_post %}
  647.           {% endif %}
  648.           {% comments_for blog_post %}
  649.       {% endif %}
  650.       {% endblock %}
  651.     {% endif %}
  652.  
  653.     {# gallery modal #}
  654.     <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  655.         <div class="pswp__bg"></div>
  656.         <div class="pswp__scroll-wrap">
  657.             <div class="pswp__container">
  658.                 <div class="pswp__item"></div>
  659.                 <div class="pswp__item"></div>
  660.                 <div class="pswp__item"></div>
  661.             </div>
  662.             <div class="pswp__ui pswp__ui--hidden">
  663.                 <div class="pswp__top-bar">
  664.                     <div class="pswp__counter"></div>
  665.                     <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
  666.                     <button class="pswp__button pswp__button--share" title="Share"></button>
  667.                     <button class="pswp__button pswp__button--download" title="Download image"</button>
  668.                     <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
  669.                     <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
  670.                     <div class="pswp__preloader">
  671.                         <div class="pswp__preloader__icn">
  672.                           <div class="pswp__preloader__cut">
  673.                             <div class="pswp__preloader__donut"></div>
  674.                           </div>
  675.                         </div>
  676.                     </div>
  677.                 </div>
  678.                 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
  679.                     <div class="pswp__share-tooltip"></div>
  680.                 </div>
  681.                 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
  682.                 </button>
  683.                 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
  684.                 </button>
  685.                 <div class="pswp__caption">
  686.                     <div class="pswp__caption__center"></div>
  687.                 </div>
  688.             </div>
  689.         </div>
  690.     </div>
  691.     {% if blog_post.auction %}
  692.       {# bid form #}
  693.       <div class="bidForm" id="bidForm">
  694.         {% include 'auction/bid_fragment.html' %}
  695.       </div>
  696.       {% if is_deal_tank and buy_now_available %}
  697.       <div class="bidForm" id="buyForm">
  698.         {% include 'auction/buy_fragment.html' %}
  699.       </div>
  700.       {% endif %}
  701.     {% endif %}
  702. {% endblock %}
  703.  
  704. {% block post_footer %}
  705. {% if blog_post.auction %}
  706. {% with bid_count=blog_post.auction.bid_count high_bid=blog_post.auction.high_bid seconds_until_end=blog_post.auction.seconds_until_end %}
  707. <div id="auctionDetails">
  708.   <div id="auctionDetailsInner">
  709.     <div id="auctionTitle">{{ blog_post.display_title }}</div>
  710.     {% if blog_post.auction.auction_type != 5 %}
  711.     <div id="bidAmount">
  712.       {% if not IS_STAFF and not blog_post.auction.started %}
  713.         <!-- seconds elapsed until start -->
  714.         <span class="endingIn">Bidding opens in <span class="countdownTimer" data-ending-in="{{ seconds_until_start }}"></span></span>
  715.       {% else %}
  716.         {% comment %}
  717.           {% if request.user.is_anonymous %}
  718.             <a href="{% url 'login' %}">Log in</a> or <a href="{% url 'signup' %}">register</a> to view current bid.
  719.           {% else  %}
  720.         {% endcomment %}
  721.  
  722.  
  723.         {% if blog_post.auction.auction_type == 2 and blog_post.auction.user != request.user %}
  724.         <span class="pipe">
  725.           Blind auction
  726.         </span>
  727.         {% elif not blog_post.auction.ended and blog_post.auction.is_deal_tank %}
  728.             {# uncomment when the wind changes #}
  729.             {% if not hide_minimum_offer %}
  730.               <span>
  731.               {% if is_deal_tank and buy_now_available %}
  732.                     <strong>Buy Now:</strong>
  733.                     <span class="pushed_bid_amount" data-slug="{{ blog_post.slug }}">${{ blog_post.auction.retail_value|floatformat:"0"|intcomma }}</span>
  734.               {% elif current_offer %}
  735.                     <strong>Current offer:</strong>
  736.                     <span class="pushed_bid_amount" data-slug="{{ blog_post.slug }}">${{ current_offer|floatformat:"0"|intcomma }}</span>
  737.               {% endif %}
  738.               </span>
  739.             {% endif %}
  740.         {% elif blog_post.auction.auction_type == 5 %}
  741.             <span>
  742.               <strong>Purchase price:</strong>
  743.               <span class="pushed_bid_amount" data-slug="{{ blog_post.slug }}">
  744.                 {% if blog_post.auction.reserve_price %}
  745.                 ${{ blog_post.auction.reserve_price|floatformat:"0"|intcomma }}
  746.                 {% else %}
  747.                 Call for price
  748.                 {% endif %}
  749.              </span>
  750.             </span>
  751.         {% elif blog_post.auction.auction_type != 4 and blog_post.auction.auction_type != 5 %}
  752.           {% if not blog_post.auction.ended_hide_sell_price %}
  753.             <span {% if blog_post.auction.auction_type != 4 and blog_post.auction.auction_type != 3 and blog_post.auction.auction_type != 5 %}class="pipe"{% endif %}>
  754.               {% if not bid_count or not high_bid %}
  755.               <span class="no_bids_pushed_amount" data-slug="{{ blog_post.slug }}">No {% if not is_deal_tank %}bids{% else %}offers{% endif %} yet. {% if is_deal_tank and buy_now_available %}Buy this item now for ${{ blog_post.auction.retail_value|floatformat:"0"|intcomma }}.{% endif %}</span>
  756.               {% else %}
  757.                   {% if high_bid.is_reserve_guarantee %}
  758.                     <strong>Purchase price:</strong>
  759.                     <span class="winner">Reserve Guarantee</span>
  760.                   {% elif high_bid.is_buy_now and blog_post.auction.ended %}
  761.                     <strong>Purchase price:</strong>
  762.                     <span class="pushed_bid_amount{% if user_has_bid %} {% if high_bid.user == request.user %}winner{% else %}loser{% endif %}{% endif %}" data-slug="{{ blog_post.slug }}">${{ high_bid.amount|floatformat:"0"|intcomma }}</span>
  763.                   {% else %}
  764.                     <strong>{% if blog_post.auction.ended %}Final{% else %}Current high{% endif %} {% if blog_post.auction.is_deal_tank %}offer{% else %}bid{% endif %}:</strong>
  765.                     <span class="pushed_bid_amount{% if user_has_bid %} {% if high_bid.user == request.user %}winner{% else %}loser{% endif %}{% endif %}" data-slug="{{ blog_post.slug }}">${{ high_bid.amount|floatformat:"0"|intcomma }}</span>
  766.                   {% endif %}
  767.               {% endif %}
  768.             </span>
  769.           {% endif %}
  770.         {% endif %}
  771.       {% endif %}
  772.       {% if 0 and blog_post.auction.auction_type != 2 and blog_post.auction.reserve_price and high_bid <= blog_post.auction.reserve_price %}
  773.       <span class="pipe reserveNotMet">Reserve not met</span>
  774.       {% endif %}
  775.       {% if blog_post.auction.auction_type != 3 and blog_post.auction.auction_type != 4 and blog_post.auction.auction_type != 5 %}
  776.         {% if seconds_until_end %}
  777.           <span class="endingIn">Ends in:</span> <span class="countdownTimer{% if blog_post.auction.is_deal_tank %} dealTank{% endif %}" data-slug="{{ blog_post.slug }}" data-ending-in="{{ seconds_until_end }}"></span>
  778.         {% else %}
  779.           <span class="auctionEnded">This {% if blog_post.auction.is_deal_tank %}listing{% else %}auction{% endif %} has ended.</span>
  780.         {% endif %}
  781.       {% endif %}
  782.     </div>
  783.     {% endif %}
  784.     <div id="bidButtons">
  785.       <a href="#" class="button addMarket{% auction_is_saved blog_post.auction %}">
  786.         <span class="heartImage {% auction_is_saved blog_post.auction %}"
  787.                                data-logged-in="{% if request.user.is_anonymous %}false{% else %}true{% endif %}"
  788.                                data-save-url="{% url "mymarket:add" auction=blog_post.slug %}"
  789.                                data-delete-url="{% url "mymarket:delete" auction=blog_post.slug %}"
  790.                                data-login-url="{% url "login" %}">
  791.           <i class="pcar-icon icon-heart-empty">&#xe800;</i>
  792.           <i class="pcar-icon icon-heart">&#xe801;</i>
  793.         </span>
  794.       </a>
  795.       {# comment button is hidden if this is a dealer listing because there's no room #}
  796.       {% if user_can_comment and enable_comments %}<a href="#addComment" class="button {% if blog_post.auction.auction_type == 5 %}hidden-xs hidden-sm hidden-md{% endif %}">COMMENT</a>{% endif %}
  797.       {% if user_can_bid %}
  798.         {% if seconds_until_end %}
  799.           {% if blog_post.auction.auction_type != 5 or allow_make_offer %}
  800.           <a data-logged-in="{% if request.user.is_anonymous %}false{% else %}true{% endif %}" href="{% url "auction:bid" auction=blog_post.slug %}"{% if nbb %} id="modalBidButton"{% endif %} class="button">{% place_bid_text blog_post.auction user_has_bid %}</a>
  801.           {% endif %}
  802.         {% elif blog_post.auction.ended %}
  803.         <a href="#auctionResults" class="button">SEE RESULTS</a>
  804.         {% endif %}
  805.         {% if buy_now_available and seconds_until_end %}
  806.         <a data-buy="true" data-logged-in="{% if request.user.is_anonymous %}false{% else %}true{% endif %}" href="{% url "auction:bid" auction=blog_post.slug %}?type=buy"{% if nbb %} id="modalBuyButton"{% endif %} class="button">BUY NOW</a>
  807.         {% endif %}
  808.         {% if blog_post.auction.auction_type == 5 %}
  809.         <a class="contactButton"
  810.               data-logged-in="{% if request.user.is_anonymous %}false{% else %}true{% endif %}"
  811.               data-modal-url="/contact/seller/{{ blog_post.slug }}/">
  812.           <span class="button"><i class="pcar-icon icon-email">&#xe80d;</i>&nbsp;&nbsp;CONTACT DEALER</span>
  813.         </a>
  814.         {% endif %}
  815.       {% endif %}
  816.     </div>
  817.   </div>
  818. </div>
  819. {% endwith %}
  820. {% endif %}
  821. {% endblock %}
  822.  
  823. {% block all_content_extra_class %}{% endblock %}
  824.  
  825. {% block extra_foot_js %}
  826. <!-- extra_foot_js start -->
  827. {{ block.super }}
  828. <!-- Portfolio Filter & Shuffle -->
  829. <script src="{% static "js/jquery.mixitup.min.js" %}"></script>
  830. <script>
  831. {% if car_show_winners_json %}
  832.   var carShowMediaURL = '{{ MEDIA_URL }}';
  833.   var carShowWinners = {{ car_show_winners_json }};
  834. {% endif %}
  835. $(function(){
  836.     $('#Container').mixItUp();
  837. });
  838. if ($('#reservePrice').length) {
  839.   new AutoNumeric('#reservePrice', {
  840.       allowDecimalPadding: false,
  841.       currencySymbol: "$",
  842.       decimalPlaces: 0,
  843.       decimalPlacesRawValue: 0,
  844.       modifyValueOnWheel: false,
  845.       unformatOnSubmit: false,
  846.       decimalCharacter : '.',
  847.       digitGroupSeparator : ',',
  848.       minimumValue: '0'
  849.   });
  850. }
  851. </script>
  852. <script type="text/javascript" src="{% static "main/contrib/photoswipe/photoswipe.js" %}"></script>
  853. <script type="text/javascript" src="{% static "main/contrib/photoswipe/photoswipe-ui-default.js" %}"></script>
  854. <script type="text/javascript" src="{% static "main/contrib/imagesloaded/imagesloaded.min.js" %}"></script>
  855. <script type="text/javascript" src="{% static "js/galleryinit.js" %}"></script>
  856. {% if IS_STAFF %}
  857. <script type="text/javascript" src="{% static "js/draggableConfirm.js" %}"></script>
  858. {% endif %}
  859. <script type="text/javascript" src="{% static "js/sellerPortal.js" %}"></script>
  860. <script type="text/javascript" src="{% static "js/genericForm.js" %}"></script>
  861. <script type="text/javascript" src="{% static "js/jquery.sortElements.js" %}"></script>
  862. <script src="{% static "js/bid.js" %}"></script>
  863. <script src="{% static "js/jquery.numeric.min.js" %}"></script>
  864.  
  865. {{ block.super }}
  866. <!-- extra_foot_js end -->
  867. {% endblock %}
  868.  

Reply to "Untitled"

Here you can reply to the paste above