{"id":17854770,"url":"https://github.com/olegccc/lm-webforms","last_synced_at":"2025-04-02T17:23:30.167Z","repository":{"id":34406667,"uuid":"38335496","full_name":"olegccc/lm-webforms","owner":"olegccc","description":"AngularJS Angular Material web forms and dialogs","archived":false,"fork":false,"pushed_at":"2015-07-25T16:27:30.000Z","size":1020,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-04-29T09:40:29.429Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/olegccc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-06-30T22:06:13.000Z","updated_at":"2016-02-25T16:28:20.000Z","dependencies_parsed_at":"2022-08-03T20:45:23.394Z","dependency_job_id":null,"html_url":"https://github.com/olegccc/lm-webforms","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olegccc%2Flm-webforms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olegccc%2Flm-webforms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olegccc%2Flm-webforms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/olegccc%2Flm-webforms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/olegccc","download_url":"https://codeload.github.com/olegccc/lm-webforms/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246857533,"owners_count":20845147,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-28T01:04:09.249Z","updated_at":"2025-04-02T17:23:30.149Z","avatar_url":"https://github.com/olegccc.png","language":"TypeScript","readme":"[![Build Status](https://travis-ci.org/olegccc/lm-webforms.svg?branch=master)](https://travis-ci.org/olegccc/lm-webforms)\n[![npm version](https://badge.fury.io/js/lm-webforms.svg)](http://badge.fury.io/js/lm-webforms)\n\n# AngularJS web forms and dialogs with material design based on [Angular Material](https://material.angularjs.org)\n  \nIf you don't want to worry about any HTML markup but want to edit your existing model then this framework is for you.\nJust define your model - fields and their types, and get Angular.Material-powered dialogs and web forms ready to edit your models.\n\nIt is easy to notice that examples contain only bootstrap HTML markup like script and CSS references.\n\nAll code is written completely on TypeScript so you can use it in both JavaScript and TypeScript projects.\n \n# Usage example\n\nSuppose we have the following model:\n\n```json\n{\n  \"title\": \"New User\",\n  \"fields\": {\n    \"id\": {\n      \"title\": \"id\",\n      \"type\": \"number\",\n      \"visible\": false\n    },\n    \"name\": {\n      \"title\": \"Name\",\n      \"type\": \"text\",\n      \"required\": true\n    },\n    \"password\": {\n      \"title\": \"Password\",\n      \"type\": \"password\",\n      \"repeat\": true,\n      \"required\": true\n    },\n    \"email\": {\n      \"title\": \"E-Mail\",\n      \"type\": \"email\",\n      \"required\": true\n    },\n    \"birthday\": {\n      \"title\": \"Birth Date\",\n      \"type\": \"date\"\n    },\n    \"description\": {\n      \"title\": \"Description\",\n      \"type\": \"rich_text\"\n    }\n  }\n}\n```\n\nThen we get the following dialog almost for free:\n\n![Dialog screenshot](docs/screenshot-dialog.png)\n\n# Supported data types\n\n* Rich text - fully functional rich text editor based on CkEditor\n* Code text - html/javascript/css/etc editor based on CodeMirror\n* Select - combo box with predefined list (can be dynamic)\n* Multi select - combo box with multiple selection from the list (can be dynamic)\n* File - to upload a file\n* File list - to upload a file list\n* Password - to specify a password\n* Number - to specify a numeric value\n* Email - to specify e-mail address\n* Image - to upload an image\n* Date - to specify a date\n* Text - simple text\n* Boolean - to present checkbox\n* Typeahed - simple text with automatic fill\n* Multiline text - simple multiline text with automatic resizing\n* Label - to show text information\n\n# Translation\n\nlm-webforms supports [angular.translate](https://angular-translate.github.io) for all text fields.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Folegccc%2Flm-webforms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Folegccc%2Flm-webforms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Folegccc%2Flm-webforms/lists"}