raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-03 02:21:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add image column to product bulk edit

Browse Source
This commit is contained in:
Matt-Yorkley
2017-02-21 22:42:34 +00:00
parent 23d36e3898
commit 24dca5e51f
6 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/assets/stylesheets/admin/products.css.scss
View File

@@ -32,6 +32,9 @@ table#listing_products.bulk {
clear: both;
colgroup col {
&.image {
width: 1%;
}
&.producer {
width: 18%;
}
@@ -61,6 +64,19 @@ table#listing_products.bulk {
}
}
td.image {
padding: 10px;
img {
border: 1px solid transparent;
}
img:hover {
opacity: 0.8;
cursor: pointer;
background-color: #fbfbfb;
border: 1px solid #e4e4e4;
}
}
td.unit {
input, select {
width: 100%;

2
app/views/spree/admin/products/bulk_edit/_products_head.html.haml
View File

@@ -1,5 +1,6 @@
%colgroup
%col.actions
%col.image{ ng: { show: 'columns.image.visible' } }
%col.producer{ ng: { show: 'columns.producer.visible' } }
%col.sku{ ng: { show: 'columns.sku.visible' } }
%col.name{ ng: { show: 'columns.name.visible' } }
@@ -21,6 +22,7 @@
%th.left-actions
%a{ 'ng-click' => 'toggleShowAllVariants()', :style => 'color: red; cursor: pointer' }
= t(:expand_all)
%th.image{ 'ng-show' => 'columns.image.visible' }
%th.producer{ 'ng-show' => 'columns.producer.visible' }=t('admin.producer')
%th.sku{ 'ng-show' => 'columns.sku.visible' }=t('admin.sku')
%th.name{ 'ng-show' => 'columns.name.visible' }=t('.name')

2
app/views/spree/admin/products/bulk_edit/_products_product.html.haml
View File

@@ -2,6 +2,8 @@
%td.left-actions
%a{ 'ofn-toggle-variants' => 'true', :class => "view-variants", 'ng-show' => 'hasVariants(product)' }
%a{ :class => "add-variant icon-plus-sign", 'ng-click' => "addVariant(product)", 'ng-show' => "!hasVariants(product) && hasUnit(product)" }
%td.image{ 'ng-show' => 'columns.image.visible' }
%img{'ng-src' => '{{ product.image_url }}'}
%td.producer{ 'ng-show' => 'columns.producer.visible' }
%select.select2.fullwidth{ 'ng-model' => 'product.producer_id', :name => 'producer_id', 'ofn-track-product' => 'producer_id', 'ng-options' => 'producer.id as producer.name for producer in producers' }
%td.sku{ 'ng-show' => 'columns.sku.visible' }

1
app/views/spree/admin/products/bulk_edit/_products_variant.html.haml
View File

@@ -2,6 +2,7 @@
%td.left-actions
%a{ :class => "variant-item icon-caret-right", 'ng-hide' => "$last" }
%a{ :class => "add-variant icon-plus-sign", 'ng-click' => "addVariant(product)", 'ng-show' => "$last", 'ofn-with-tip' => t('.new_variant') }
%td{ 'ng-show' => 'columns.image.visible' }
%td{ 'ng-show' => 'columns.producer.visible' }
%td{ 'ng-show' => 'columns.sku.visible' }
%input{ 'ng-model' => "variant.sku", :name => 'variant_sku', 'ofn-track-variant' => 'sku', :type => 'text' }

1
config/locales/en.yml
View File

@@ -269,6 +269,7 @@ en:
phone: Phone
price: Price
producer: Producer
image: Image
product: Product
quantity: Quantity
schedule: Schedule

1
lib/open_food_network/column_preference_defaults.rb
View File

@@ -58,6 +58,7 @@ module OpenFoodNetwork
def products_bulk_edit_columns
node = "spree.admin.products.bulk_edit.products_head"
{
image: { name: I18n.t("admin.image"), visible: true },
producer: { name: I18n.t("admin.producer"), visible: true },
sku: { name: I18n.t("admin.sku"), visible: false },
name: { name: I18n.t("admin.name"), visible: true },