universe:files-blaze-ui

v0.2.2Published 8 years ago

This package has not had recent updates. Please investigate it's current state before committing to using it in your project.

Universe Files Blaze UI

Using as standalone

for file:

1<template name="myFile">
2     {{> universeUploadButton name='file' value=doc.avatar class='img-circle'}}
3 </template>
1Template.myFile.events({
2    fileUploaded (e, tmpl, result) {
3        console.log('uploaded', result);
4    },
5    fileError (e, tmpl, error) {
6         console.error('uploaded', error);
7    }
8});

for image:

1<template name="myImage">
2     {{> universeUploadButton name='image' isImage=true value=doc.avatar class='img-circle'}}
3 </template>
  • parameter isImage=true will activate making sizes for uploaded image (default: small, medium, large)
1Template.myImage.events({
2    fileUploaded (e, tmpl, result) {
3        console.log('uploaded', result);
4    },
5    fileError (e, tmpl, error) {
6         console.error('uploaded', error);
7    }
8});

for avatar:

1<template name="myAvatar">
2     {{> universeAvatar name='avatar' value=doc.avatar class='img-circle'}}
3 </template>
1Template.myAvatar.events({
2    fileUploaded (e, tmpl, result) {
3        console.log('uploaded', result);
4    },
5    fileError (e, tmpl, error) {
6         console.error('uploaded', error);
7    }
8});

Using with AutoForms

for file:

1import {getFileSchemaField} from 'meteor/universe:files-blaze-ui';
2// adding to schema:
3const mySchema = new SimpleSchema(Object.assign({
4        title: {
5            type: String
6        }
7    },
8    getFileSchemaField({
9        name: 'file',
10        isImage: false
11    })
12));
1<template name="myTemplate">
2    {{#autoForm schema=getSchema id="myForm"}}
3        {{> afQuickField name='title'}}
4        {{> afQuickField name='file' class='img-circle' label=false}}
5        <button type="submit">Submit</button>
6    {{/autoForm}}
7</template>

for avatar

1import {getFileSchemaField} from 'meteor/universe:files-blaze-ui';
2// adding to schema:
3const mySchema = new SimpleSchema(Object.assign({
4        title: {
5            type: String
6        }
7    },
8    getAvatarSchemaField({
9        name: 'logo'
10    })
11));
1<template name="myTemplate">
2    {{#autoForm schema=getMySchema id="myLogo"}}
3        {{> afQuickField name='title'}}
4        {{> afQuickField name='logo'  label=false}}
5        <button type="submit">Submit</button>
6    {{/autoForm}}
7</template>