Commit d33285f

committed

created a new "attributes" directive that binds input/wrapper (with support for other named sets) attributes to elements to support dynamic attributes (such as title="Tooltip Text" data-toggle="tooltip", etc)

* added directive to abstractField * implemented directive in various core fields as an example of usage * updated basic/app.vue with samples

1 parent 122ffbc commit d33285fCopy full SHA for d33285f

File tree

1 file changed

+26

-3

lines changed

projects/basic
- app.vue

1 file changed

+26

-3

lines changed

`‎projects/basic/app.vue`

Lines changed: 26 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -38,22 +38,45 @@ export default {`
`38`	`38`	`type: "input",`
`39`	`39`	`inputType: "text",`
`40`	`40`	`label: "First Name",`
`41`		`- model: "first_name"`
	`41`	`+ model: "first_name",`
	`42`	`+ attributes: {`
	`43`	`+ input: {`
	`44`	`+ "data-toggle": "tooltip"`
	`45`	`+ },`
	`46`	`+ wrapper: {`
	`47`	`+ "data-target": "input"`
	`48`	`+ }`
	`49`	`+ }`
`42`	`50`	`},`
`43`	`51`	`{`
`44`	`52`	`type: "checkbox",`
`45`	`53`	`label: "Active",`
`46`		`- model: "status"`
	`54`	`+ model: "status",`
	`55`	`+ attributes: {`
	`56`	`+ input: {`
	`57`	`+ "data-toggle": "tooltip"`
	`58`	`+ }`
	`59`	`+ }`
`47`	`60`	`},`
`48`	`61`	`{`
`49`	`62`	`type: "input",`
`50`	`63`	`inputType: "color",`
`51`	`64`	`label: "Color",`
`52`		`- model: "color"`
	`65`	`+ model: "color",`
	`66`	`+ attributes: {`
	`67`	`+ input: {`
	`68`	`+ "data-target": "tooltip"`
	`69`	`+ }`
	`70`	`+ }`
`53`	`71`	`},`
`54`	`72`	`{`
`55`	`73`	`type: "submit",`
`56`	`74`	`buttonText: "Change Previous Type",`
	`75`	`+ attributes: {`
	`76`	`+ input: {`
	`77`	`+ "data-target": "toggle"`
	`78`	`+ }`
	`79`	`+ },`
`57`	`80`	`onSubmit: () => {`
`58`	`81`	`// this.schema.fields[2].type = "input";`
`59`	`82`	`if (this.schema.fields[2].inputType === "color") {`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit d33285f

File tree

1 file changed

1 file changed

`‎projects/basic/app.vue`

0 commit comments