availabilityPrice.controller.js
7 years ago
availabilityPrice.directive.js
7 years ago
availabilityPrice.scss
7 years ago
availabilityPrice.tpl.html
7 years ago
availabilityPrice.tpl.html
137 lines
| 1 | <div class="wpallexport-collapsed wpallexport-section" ng-class="{closed: !availabilityPrice.open}"> |
| 2 | <div class="wpallexport-content-section"> |
| 3 | <div class="wpallexport-collapsed-header disable-jquery" ng-click="availabilityPrice.open = !availabilityPrice.open"> |
| 4 | <h3>Availability & Price</h3> |
| 5 | </div> |
| 6 | <div class="wpallexport-collapsed-content" id="availability-price" ng-slide-down="availabilityPrice.open" duration="0.5"> |
| 7 | <div class="wpallexport-collapsed-content-inner"> |
| 8 | <h4>Price</h4> |
| 9 | <div class="input"> |
| 10 | <label><input type="radio" ng-model="availabilityPrice.price" value="useProductPrice" /> Use the product's price</label> |
| 11 | </div> |
| 12 | <div class="input"> |
| 13 | <label><input type="radio" ng-model="availabilityPrice.price" value="customValue" /> Custom data</label> |
| 14 | |
| 15 | <div class="input inner" ng-slide-down="availabilityPrice.price == 'customValue'" duration="0.2"> |
| 16 | <input type="text" class="wpae-default-input" ng-model="availabilityPrice.priceCV" droppable /> |
| 17 | </div> |
| 18 | </div> |
| 19 | |
| 20 | <div class="input inner"> |
| 21 | <a href="" ng-click="availabilityPrice.adjustPrice = !availabilityPrice.adjustPrice" class="adjust-price-link"> |
| 22 | <span class="open-indicator" ng-if="availabilityPrice.adjustPrice">-</span> |
| 23 | <span class="open-indicator" ng-if="!availabilityPrice.adjustPrice">+</span> Adjust Price |
| 24 | </a> |
| 25 | <div ng-slide-down="availabilityPrice.adjustPrice" class="adjust-price" duration="0.2"> |
| 26 | <div class="input"> |
| 27 | <input type="text" class="wpae-default-input" ng-model="availabilityPrice.adjustPriceValue" droppable /><select ng-model="availabilityPrice.adjustPriceType"> |
| 28 | <option value="%">%</option> |
| 29 | <option value="USD">{{currency}}</option> |
| 30 | </select> |
| 31 | |
| 32 | <div ng-show="availabilityPrice.adjustPriceType == '%'" class="tooltip-container"> |
| 33 | <a href="#" ng-cloak="" class="wpallexport-help" |
| 34 | tipsy="Leave blank or enter in 100% to keep the price as is. Enter in 110% to markup by 10%. Enter in 50% to cut prices in half.">?</a> |
| 35 | </div> |
| 36 | <div ng-show="availabilityPrice.adjustPriceType == 'USD'" class="tooltip-container"> |
| 37 | <a href="#" ng-cloak="" class="wpallexport-help" |
| 38 | tipsy="Enter a negative number to reduce prices.">?</a> |
| 39 | </div> |
| 40 | </div> |
| 41 | </div> |
| 42 | </div> |
| 43 | <h4>Sale Price</h4> |
| 44 | <div class="input"> |
| 45 | <label><input type="radio" ng-model="availabilityPrice.salePrice" value="useProductSalePrice"/>Use the product's sale price</label> |
| 46 | </div> |
| 47 | <div class="input"> |
| 48 | <div class="input"> |
| 49 | <label><input type="radio" ng-model="availabilityPrice.salePrice" value="customValue" />Custom data</label> |
| 50 | <div class="input inner" ng-slide-down="availabilityPrice.salePrice == 'customValue'" duration="0.2"> |
| 51 | <input type="text" class="wpae-default-input" ng-model="availabilityPrice.salePriceCV" droppable/> |
| 52 | </div> |
| 53 | </div> |
| 54 | </div> |
| 55 | <div class="input inner"> |
| 56 | <a href="" ng-click="availabilityPrice.adjustSalePrice = !availabilityPrice.adjustSalePrice" ng-init="availabilityPrice.adjustSalePrice= false" class="adjust-price-link"> |
| 57 | <span class="open-indicator" ng-if="availabilityPrice.adjustSalePrice">-</span> |
| 58 | <span class="open-indicator" ng-if="!availabilityPrice.adjustSalePrice">+</span> Adjust Sale Price |
| 59 | </a> |
| 60 | <div ng-slide-down="availabilityPrice.adjustSalePrice" class="adjust-price" duration="0.2"> |
| 61 | <div class="input"> |
| 62 | <input type="text" class="wpae-default-input" ng-model="availabilityPrice.adjustSalePriceValue" droppable /><select ng-model="availabilityPrice.adjustSalePriceType"> |
| 63 | <option value="%">%</option> |
| 64 | <option value="USD">{{currency}}</option> |
| 65 | </select> |
| 66 | <div ng-show="availabilityPrice.adjustSalePriceType == '%'" class="tooltip-container"> |
| 67 | <a href="#" ng-cloak="" class="wpallexport-help" |
| 68 | tipsy="Leave blank or enter in 100% to keep the price as is. Enter in 110% to markup by 10%. Enter in 50% to cut prices in half.">?</a> |
| 69 | </div> |
| 70 | <div ng-show="availabilityPrice.adjustSalePriceType == 'USD'" class="tooltip-container"> |
| 71 | <a href="#" ng-cloak="" class="wpallexport-help" |
| 72 | tipsy="Enter a negative number to reduce prices.">?</a> |
| 73 | </div> |
| 74 | </div> |
| 75 | </div> |
| 76 | </div> |
| 77 | <h4>Availability</h4> |
| 78 | <div class="input"> |
| 79 | <label><input type="radio" ng-model="availabilityPrice.availability" value="useWooCommerceStockValues"/>Use WooCommerce stock values</label> |
| 80 | </div> |
| 81 | <div class="input"> |
| 82 | <label><input type="radio" ng-model="availabilityPrice.availability" value="customValue" />Custom data</label> |
| 83 | <div class="input inner" ng-slide-down="availabilityPrice.availability == 'customValue'" duration="0.2"> |
| 84 | <input type="text" class="wpae-default-input" ng-model="availabilityPrice.availabilityCV" droppable /> |
| 85 | </div> |
| 86 | </div> |
| 87 | </div> |
| 88 | <div class="wpallexport-collapsed wpallexport-section wpallexport-google-merchants-advanced-options" ng-init="advancedOptionsOpen = false" ng-class="{closed: !advancedOptionsOpen} "> |
| 89 | <div class="wpallexport-content-section rad0"> |
| 90 | <div class="wpallexport-collapsed-header wpallexport-advanced-options-header disable-jquery" ng-click="advancedOptionsOpen = !advancedOptionsOpen"> |
| 91 | <h3 class="advanced-options">Advanced Options</h3> |
| 92 | </div> |
| 93 | <div class="wpallexport-collapsed-content wpallexport-advanced-options-content" ng-slide-down="advancedOptionsOpen" duration="0.5"> |
| 94 | <div class="wpallexport-collapsed-content-inner"> |
| 95 | <div class="input"> |
| 96 | <h4>Currency</h4> |
| 97 | <div class="input"> |
| 98 | <div class="select-container" style="padding-left: 0px;"> |
| 99 | <select class="custom-value" chosen ng-model="availabilityPrice.currency"> |
| 100 | <option value="AUD">Australian Dollars (AUD)</option> |
| 101 | <option value="BRL">Brazilian Reals (BRL)</option> |
| 102 | <option value="GBP">British Pounds (GBP)</option> |
| 103 | <option value="CAD">Canadian Dollars (CAD)</option> |
| 104 | <option value="CZK">Czech Crowns (CZK)</option> |
| 105 | <option value="DKK">Danish Krone (DKK)</option> |
| 106 | <option value="EUR">Euros (EUR)</option> |
| 107 | <option value="INR">Indian Rupees (INR)</option> |
| 108 | <option value="JPY">Japanese Yen (JPY)</option> |
| 109 | <option value="MXN">Mexican Pesos (MXN)</option> |
| 110 | <option value="NZD">New Zealand Dollars (NZD)</option> |
| 111 | <option value="NOK">Norwegian Krone (NOK)</option> |
| 112 | <option value="PLN">Polish Złoty (PLN)</option> |
| 113 | <option value="RUB">Russian Rubles (RUB)</option> |
| 114 | <option value="SGD">Singapore Dollars (SGD)</option> |
| 115 | <option value="ZAR">South Africa Rand (ZAR)</option> |
| 116 | <option value="SEK">Swedish Krona (SEK)</option> |
| 117 | <option value="TRY">Turkish Lira (TRY)</option> |
| 118 | <option value="USD">United States Dollars (USD)</option> |
| 119 | </select> |
| 120 | </div> |
| 121 | </div> |
| 122 | <h4>Availability Date</h4> |
| 123 | <div class="input"> |
| 124 | <input type="text" class="wpae-default-input" ng-model="availabilityPrice.availabilityDate" droppable /> |
| 125 | </div> |
| 126 | <h4>Sale Price Effective Date</h4> |
| 127 | <div class="input"> |
| 128 | <input type="text" class="wpae-default-input" ng-model="availabilityPrice.salePriceEffectiveDate" droppable /> |
| 129 | </div> |
| 130 | </div> |
| 131 | </div> |
| 132 | </div> |
| 133 | </div> |
| 134 | </div> |
| 135 | </div> |
| 136 | </div> |
| 137 | </div> |