radiant-shop-extension 0.10.0 → 0.11.0

data/public/javascripts/admin/extensions/shop/edit.js

@@ -0,0 +1,20 @@
+var Shop = {};
+
+document.observe("dom:loaded", function() {
+  shop = new Shop();
+  
+  Event.addBehavior({
+    '.popup .close:click' : function(e) { Element.closePopup($(this)); }
+  });
+});
+
+var Shop = Class.create({
+  
+  getRoute: function(route, format, id) {
+    format = format || 'js';
+    id = id || null;
+    result = id ? ROUTES[route].replace(/(:\w+)/, id) : ROUTES[route];
+    return (result + '.' + format);
+  }
+  
+});

data/public/javascripts/admin/extensions/shop/packages/edit.js

@@ -0,0 +1,109 @@
+document.observe("dom:loaded", function() {
+  shop_package_edit = new ShopPackageEdit();
+  shop_package_edit.initialize();
+  
+  Event.addBehavior({
+    '#available_products .product:click'  : function(e) { shop_package_edit.productAttach($(this)) },
+    '#package_products .quantity:blur'    : function(e) { shop_package_edit.productUpdate($(this)) },
+    '#package_products .delete:click'     : function(e) { shop_package_edit.productRemove($(this)) }
+  })
+});
+
+var ShopPackageEdit = Class.create({
+  
+  initialize: function() {
+    this.productsSort();
+  },
+  
+  productsSort: function() {
+    var route = shop.getRoute('sort_admin_shop_package_packings_path');    
+    Sortable.create('package_products', {
+      constraint:   false, 
+      overlap:      'horizontal',
+      containment:  ['package_products'],
+      onUpdate: function(element) {
+        new Ajax.Request(route, {
+          method: 'put',
+          parameters: {
+            'package_id': $('shop_package_id').value,
+            'packings'  : Sortable.serialize('package_products')
+          }
+        });
+      }
+    })
+  },
+  
+  productAttach: function(element) {
+    var product = element;
+    var route   = shop.getRoute('admin_shop_package_packings_path');
+    
+    showStatus('Adding Product...');
+    new Ajax.Request(route, {
+      method: 'post',
+      parameters: {
+        'package_id': $('shop_package_id').value,
+        'product_id': element.getAttribute('data-product_id'),
+      },
+      onSuccess: function(data) {
+        $('package_products').insert({ 'bottom' : data.responseText});
+        shop_package_edit.productPostChanges(product);
+      }.bind(element),
+      onFailure: function() {
+        thi.productError();
+      }
+    });
+  },
+  
+  productUpdate: function(element) {
+    var product    = element.up('.product');
+    var packing_id = product.readAttribute('data-packing_id');
+    var route      = shop.getRoute('admin_shop_package_packing_path', 'js', packing_id);
+    
+    showStatus('Updating Quantity...');
+    new Ajax.Request(route, { 
+      method: 'put',
+      parameters: {
+        'quantity': element.value
+      },
+      onSuccess: function(data) {
+        hideStatus();
+      },
+      onFailure: function(data) {
+        shop_package_edit.errorStatus();
+      }
+    });
+  },
+  
+  productRemove: function(element) {
+    var product    = element.up('.product');
+    var packing_id = product.readAttribute('data-packing_id');
+    var route      = shop.getRoute('admin_shop_package_packing_path', 'js', packing_id);
+    
+    showStatus('Removing Product...');
+    element.hide();
+    new Ajax.Request(route, { 
+      method: 'delete',
+      onSuccess: function(data) {
+        $('available_products').insert({ 'bottom' : data.responseText });
+        shop_package_edit.productPostChanges(product);
+      },
+      onFailure: function(data) {
+        shop_package_edit.errorStatus();
+      }
+    });
+  },
+  
+  productPostChanges: function(element) {
+    element.remove();
+    
+    this.productsSort();
+    
+    hideStatus();
+  },
+  
+  errorStatus: function() {
+    setStatus('Something went wrong, refreshing.');
+    location.reload(true);
+  }
+  
+});

data/public/javascripts/admin/extensions/shop/products/edit.js

@@ -1,43 +1,31 @@
-var ShopProductAssets = {}
-
 document.observe("dom:loaded", function() {
-  shop = new Shop()
-  shop.ProductInitialize()
+  shop_product_edit = new ShopProductEdit();
+  shop_product_edit.initialize();
   
   Event.addBehavior({
-    '#browse_images_popup_close:click' : function(e) { shop.ImageClose() },
-    '#new_image_popup_close:click' : function(e) { shop.ImageClose() },
-    
-    '#image_form:submit' : function(e) { shop.ImageSubmit() },
+    '#image_form:submit'                  : function(e) { shop_product_edit.imageSubmit() },
+    '#browse_images_popup .image:click'   : function(e) { shop_product_edit.imageAttach($(this)) },
+    '#product_attachments .delete:click'  : function(e) { shop_product_edit.imageRemove($(this).up('.image')) },
     
-    '#browse_images_popup .image:click' : function(e) { shop.ProductImageCreate($(this)) },
-    '#product_attachments .delete:click' : function(e) { shop.ProductImageDestroy($(this).up('.image')) }
-  })
-})
-
-ShopProductAssets.List = Behavior.create({
-  
-  onclick: function() { 
-    shop.ProductImageCreate(this.element)
-  }
-  
+    '#variants .delete:click'             : function(e) { shop_product_edit.variantRemove($(this).up('.variant')) }
+  });
 });
 
-var Shop = Class.create({
+var ShopProductEdit = Class.create({
   
-  ProductInitialize: function() {
-    if($('shop_product_id')) {
-      this.ProductImagesSort()
-    }
+  initialize: function() {
+    this.imagesSort();
   },
   
-  ProductImagesSort: function() {
+  imagesSort: function() {
+    var route = shop.getRoute('sort_admin_shop_product_images_path');
+    
     Sortable.create('product_attachments', {
       constraint: false, 
       overlap: 'horizontal',
       containment: ['product_attachments'],
       onUpdate: function(element) {
-        new Ajax.Request(urlify($('sort_admin_shop_product_images_path').value), {
+        new Ajax.Request(route, {
           method: 'put',
           parameters: {
             'product_id': $('shop_product_id').value,
@@ -48,68 +36,79 @@ var Shop = Class.create({
     })
   },
   
-  ProductImageCreate: function(element) {
-    showStatus('Adding Image...')
-    element.hide()
-    new Ajax.Request(urlify($('admin_shop_product_images_path').value), {
+  imageAttach: function(element) {
+    var route = shop.getRoute('admin_shop_product_images_path');
+    
+    showStatus('Adding Image...');
+    element.hide();
+    
+    new Ajax.Request(route, {
       method: 'post',
       parameters: {
         'product_id' : $('shop_product_id').value,
         'attachment[image_id]' : element.getAttribute('data-image_id')
       },
       onSuccess: function(data) {
-        // Insert item into list, re-call events
-        $('product_attachments').insert({ 'bottom' : data.responseText})
-        shop.ProductImagesSort()
-        element.remove()
-        hideStatus()
+        $('product_attachments').insert({ 'bottom' : data.responseText});
+        shop_product_edit.imagesSort();
+        element.remove();
       }.bind(element),
       onFailure: function() {
-        element.show()
-        hideStatus()
+        element.show();
+      },
+      onComplete: function() {
+        hideStatus();        
       }
     });
   },
   
-  ProductImageDestroy: function(element) {
+  imageRemove: function(element) {
+    var attachment_id = element.readAttribute('data-attachment_id');
+    var route         = shop.getRoute('admin_shop_product_image_path', 'js', attachment_id);
+    
     showStatus('Removing Image...');
     element.hide();
-    new Ajax.Request(urlify($('admin_shop_product_images_path').value, element.readAttribute('data-attachment_id')), { 
+    
+    new Ajax.Request(route, { 
       method: 'delete',
       onSuccess: function(data) {
         $('images').insert({ 'bottom' : data.responseText })
-        element.remove()
-        hideStatus()
-      }.bind(this),
+        element.remove();
+      }.bind(element),
       onFailure: function(data) {
         element.show();
-        hideStatus();
-      }.bind(this)
+      }.bind(element),
+      onComplete: function() {
+        hideStatus();        
+      }
     });
   },
   
-  ImageSubmit: function() {
-    showStatus('Uploading Image...')
-  },
-  
-  ImageClose: function() {
-    Element.closePopup('new_image_popup')
-    Element.closePopup('browse_images_popup')
+  variantRemove: function(element) {
+    var variant_id  = element.readAttribute('data-variant_id');
+    var route       = shop.getRoute('admin_shop_product_variant_path', 'js', variant_id);
     
-    $$('.clearable').each(function(input) {
-      input.value = ''
-    })
-  }
+    if(confirm('Are you Sure?')) {
+      showStatus('Removing Variant...');
+      element.hide();
+      
+      new Ajax.Request(route, { 
+        method: 'delete',
+        onSuccess: function(data) {
+          element.remove();
+        }.bind(element),
+        onFailure: function(data) {
+          element.show();
+        }.bind(element),
+        onComplete: function() {
+          hideStatus();        
+        }
+      });
+    }
+  },
   
-})
-
-function urlify(route, id) {
-  var url = route
-  if ( id !== undefined ) {
-    url += '/' + id
+  imageSubmit: function() {
+    showStatus('Uploading Image...');
   }
   
-  url += '.js?' + new Date().getTime()
-  
-  return url
-}
+});

data/public/javascripts/admin/extensions/shop/products/index.js

@@ -1,60 +1,55 @@
-var ShopProducts = {}
-
 document.observe("dom:loaded", function() {
-  shop = new Shop()
-  shop.ProductsInitialize()
-  
-  Event.addBehavior({
-    // empty
-  })
+  shop_product_index = new ShopProductIndex();
+  shop_product_index.initialize();
 })
 
-var Shop = Class.create({
+var ShopProductIndex = Class.create({
   
-  ProductsInitialize: function() {
-    if($('products_map')) {
-     this.ProductsSort()
-     this.CategoriesSort()
-    }
+  initialize: function() {
+    this.sortCategories();
+    this.sortProducts();
   },
   
-  
-  CategoriesSort: function() {
-    Sortable.create('shop_categories', {
-      overlap: 'vertical',
-      only: 'category',
-      handle: 'handle',
+  sortCategories: function() {
+    var route = shop.getRoute('sort_admin_shop_categories_path');
+    
+    Sortable.create('categories', {
+      overlap:    'vertical',
+      only:       'category',
+      handle:     'move',
       onUpdate: function() {
-        new Ajax.Request('/admin/shop/categories/sort', {
+        new Ajax.Request(route, {
           method: 'put',
           parameters: {
-            'categories':Sortable.serialize('shop_categories')
+            'categories':   Sortable.serialize('categories')
           }
         })
       }
     })
   },
   
-  ProductsSort: function() {
-    var categories = Array()
-    $$('li.category').each(function(el, i) {
-      categories[i] = $(el).id + '_products'
+  sortProducts: function() {
+    var route = shop.getRoute('sort_admin_shop_products_path');
+    
+    var categories = new Array();
+    $$('li.category').each(function(el) {
+      categories.push($(el).id + '_products');
     })
     
     categories.each(function(category) { 
       Sortable.create(category, {
-        overlap: 'vertical',
-        only: 'product',
-        handle: 'handle',
-        dropOnEmpty: true,
-        hoverclass: 'hover',
-        containment: categories,
+        overlap:      'vertical',
+        only:         'product',
+        handle:       'move',
+        dropOnEmpty:  true,
+        hoverclass:   'hover',
+        containment:  categories,
         onUpdate: function() {
-          new Ajax.Request('/admin/shop/products/sort', {
-            method: 'put',
+          new Ajax.Request(route, {
+            method:   'put',
             parameters: {
-              'category_id': $(category).readAttribute('data-id'),
-              'products':Sortable.serialize(category)
+              'category_id':  $(category).readAttribute('data-id'),
+              'products':     Sortable.serialize(category)
             }
           })
         }.bind(this)

data/public/stylesheets/sass/admin/extensions/shop/edit.sass

@@ -2,15 +2,17 @@
   white:
     space: nowrap
     
-.drawer_contents select
-  width: 100%
+.drawer_contents 
+
+  select
+    width: 100%
   
-.drawer_contents .date
-  float: left
-  width: 93%
-  heigth: 18px
-  font:
-    size: 16px
+  .date
+    float: left
+    width: 93%
+    heigth: 18px
+    font:
+      size: 16px
     
 .tabs .close
   display: none
@@ -43,6 +45,30 @@
     &:hover
       background:
         image: url('/images/admin/minus.png')
+  
+  .popup_content
+    color: #333333
+        
+    ol
+      padding: 10px
+    
+      li
+        overflow: hidden
+        padding:
+          bottom: 18px
+        &.file
+          padding-bottom: 10px
+        &.submit
+          float: right
+          padding-bottom: 10px
+        label
+          display: block
+          float: left
+          width: 100px
+          padding-top: 6px
+      
+        input[type=text]
+          float: left
 
 h1
   position: relative
@@ -79,8 +105,29 @@ h1
       position: relative
       top: -2px
       
-    &:hover
-      background: #ffffff
+    &:hover, &.active
+      background: #ebebeb
       color: #000000
       text:
-        shadow: 1px 1px 1px #ffffff
+        shadow: 1px 1px 1px #FFFFFF
+        
+.actions
+  position: relative
+  
+  .delete
+    position: absolute
+    width: 20px
+    height: 20px
+    top: 3px
+    right: -20px
+    display: block
+    cursor: pointer
+    background:
+      image: url('/images/admin/minus_disabled.png')
+      repeat: no-repeat
+      position: 0 0
+    cursor: pointer
+    
+    &:hover
+      background:
+        image: url('/images/admin/minus.png')