firebase_fillform-element

WebJar for firebase_fillform-element

License	MIT
Categories	ORM Data
GroupId	org.webjars.bowergithub.manufosela
ArtifactId	firebase-fillform
Last Version	1.1.5
Release Date	Feb 3, 2018
Type	jar
Description	firebase_fillform-element WebJar for firebase_fillform-element
Project URL	http://webjars.org
Source Code Management	https://github.com/manufosela/firebase-fillform

Download firebase-fillform

Filename	Size
firebase-fillform-1.1.5.pom
firebase-fillform-1.1.5.jar	11 KB
firebase-fillform-1.1.5-sources.jar	22 bytes
firebase-fillform-1.1.5-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.manufosela/firebase-fillform/ -->
<dependency>
    <groupId>org.webjars.bowergithub.manufosela</groupId>
    <artifactId>firebase-fillform</artifactId>
    <version>1.1.5</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.manufosela/firebase-fillform/
implementation 'org.webjars.bowergithub.manufosela:firebase-fillform:1.1.5'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.manufosela/firebase-fillform/
implementation ("org.webjars.bowergithub.manufosela:firebase-fillform:1.1.5")

Apache Buildr

'org.webjars.bowergithub.manufosela:firebase-fillform:jar:1.1.5'

Apache Ivy

<dependency org="org.webjars.bowergithub.manufosela" name="firebase-fillform" rev="1.1.5">
  <artifact name="firebase-fillform" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.manufosela', module='firebase-fillform', version='1.1.5')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.manufosela" % "firebase-fillform" % "1.1.5"

Leiningen

[org.webjars.bowergithub.manufosela/firebase-fillform "1.1.5"]

Dependencies

compile (13)

Group / Artifact	Type	Version
org.webjars.bowergithub.polymerelements : paper-button	jar	[2.0.0,3)
org.webjars.bowergithub.firebase : polymerfire	jar	[2.1.0,3)
org.webjars.bowergithub.polymerelements : paper-dialog	jar	[2.0.0,3)
org.webjars.bowergithub.tg9413 : paper-dropdown-menu-multi	jar	[0.2.0,0.3)
org.webjars.bowergithub.polymerelements : paper-spinner	jar	[2.0.0,3)
org.webjars.bowergithub.polymerelements : paper-listbox	jar	[2.0.0,3)
org.webjars.bowergithub.polymerelements : iron-form	jar	[2.0.0,3)
org.webjars.bowergithub.polymerelements : paper-input	jar	[2.0.1,3)
org.webjars.bowergithub.polymer : polymer	jar	[2.0.0,3)
org.webjars.bowergithub.polymerelements : paper-dialog-scrollable	jar	[2.1.0,3)
org.webjars.bowergithub.polymerelements : neon-animation	jar	[2.0.1,3)
org.webjars.bowergithub.polymerelements : paper-dropdown-menu	jar	[2.0.0,3)
org.webjars.bowergithub.polymerelements : paper-item	jar	[2.0.0,3)

Project Modules

There are no modules declared in this project.

firebase-fillform

It generate a form based in a firebase path to fill it easyly.

Works with an array of objects with a level of deep.

The fields can be simple fields or arrays.

For example:

{
  "movies" : [ {
    "classification" : ["science fiction", "adventure" ],
    "colección" : "Star Wars",
    "director" : "George Lucas",
    "formato" : "blue-ray",
    "titulo" : "The Phantom Menace",
    "valoracion" : 10
   } ]
 }

Is mandatory it exists in the path at least one entry because The component uses the first entry in the path to get the fields and generate the form.

You can use a firebase path to show a select option in a field. To do this the firebase path must have the same name of the field.

For example:

{
  "classification" : [ "science fiction", "adventure", "drama", "comedy", "horror", "psychological thriller", "crime", "romantic", "historical" ],
  "movies" : [ {
    "classification" : ["science fiction", "adventure" ],
    "colección" : "Star Wars",
    "director" : "George Lucas",
    "formato" : "blue-ray",
    "titulo" : "The Phantom Menace",
    "valoracion" : 10
   } ]
 }

Now the clasification field it is not a free field, it is shown like a select with the list values.

https://github.com/manufosela/firebase-fillform

Dependencies

• polymerfire
• web-animations-js

Use

Put the component in your polymer app.

• path value of the path to get fields to fill
• api-key value of the api-key of your firebase database
• domain value of the domain of your firebase database.

IMPORTANT: If use 2 or more firebase-fillform components in the same page, only define path and api-key in the first component to avoid conflicts and firebase-app object redefinition.

Configure Firebase:

• Enable google login method authentication
• Add a domain if necessary

<h3>Basic firebase-fillform demo</h3>
<h4>Simple</h4>
<firebase-fillform name='simple-example' path="/categoria" api-key="AIzaSyBaehmgaklz_vaqsBVZhvBm0fsD7PF8PHQ" domain="coleccion-peliculas"></firebase-fillform>
<h3>Complex</h3>
<firebase-fillform name='complex-example' path="/peliculas" debug="true"></firebase-fillform>
</div>

Versions

Version
1.1.5 Feb 3, 2018