timbrandin/autoform-slingshot

Autoform file upload directive using slingshot

Tim Brandin

Static site generated from React components.

For an overview of the project structure please refer to the Gatsby documentation - Building with Components

Deploy

npm run build
npm run deploy

or

npm run publish

autoform-slingshot's Issues

Less dependency blocks Meteor 1.2+

Meteor broke a bunch of packags when they released 1.2 because they bumped the version of less they use to 2, and then for some reason locked the versionless less to version 1. If you want to be able to update a package that relies on less, you must update the package like so: '[email protected] || 2.5.0',

I submitted a PR for this to TheAncientGoat's repo. I should do the same here?

Is it possible to add metaContext?

One way to allow the meta context (https://github.com/CulturalMe/meteor-slingshot#add-meta-context-to-your-uploads) is to let the user define a new slingshot upload uploader = new Slingshot.Upload(directiveName) and not do it in the plugin. Any idea?

Its possible use jquery crop?

i need to crop on 3 diferent aspect ratios for isotope. if possible use jquery cropper

i try to put on onbeforeUpload but i can do work that. thanks

Previous file array item clears out while adding new item.

I have following schema for my autoform.

uploads: {
        type: Array,
        label: 'Upload Files',
        optional: true
    },
    'uploads.$': {
        type: Object,
        label: 'Add file'
    },
    'uploads.$.fileType': {
        type: String,
        label: 'Select the type of file',
        autoform: {
            type: 'selectize',
            options: function () {
                return [
                    {label: "label1", value: "label1"},
                    {label: "label2", value: "label2"},
                    {label: "label3", value: "label3"}
                ];
            }
        }
    },
    'uploads.$.fileName': {
        type: String,
        label: 'Enter file name (Optional)'
    },
    'uploads.$.pictureUrl': {
      type: String,
      label: 'Upload a Photo',
      autoform: {
            type: 'slingshotFileUpload',
            afFieldInput:{
              slingshotdirective: 'uploadImages'
            }
        }
    }

But whehever, I click on adding new element in my autoform, the file upload label from of previous element gets change to upload from remove... then I had to again go to that upper element and choose file second time to upload it successfully.

Autoform autosave does not work well with this package.

The issue is that when a picture is added it is uploaded as expected automatically and saved to the collection with the new url, but when trying to replace it with a new picture it doesn't work. The old image just returns.

Turning off autosave fixes the problem.

Files removed if used in an autoform array when adding another item

I have an array in my schema where each item in the array I want to use the file uploader to pick a file (in this case, an image) to upload.

If I click the "+" button on the fields, before I start choosing files, it works correctly, but if I choose a file, then click the "+" button, the previous image disappears and is not saved. Here's a snippet of my schema, and my form

  image: {
    type: Array,
    label: "Images",
    optional: true
  },
  'image.$': {
    type: String,
    label: "Image",
    autoform: {
      type: 'slingshotFileUpload',
      afFieldInput: {
        slingshotdirective: 'imageUpload'
      }
    }
  },

<template name="insertHostForm">
  {{#autoForm collection=hostsCollection id="insertHostForm" type="insert"}}
      {{> afQuickField name="name"}}
      {{> afQuickField name="bio" type="textarea"}}
      {{> afQuickField name="image"}}
    <button type="submit" class="wdav button">Save</button>
  {{/autoForm}}
</template>

Autoform 6 support

Please can this support Autoform v6.