Initial commit

Author: Kamil Kisiela

.gitignore

@@ -0,0 +1,85 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Example user template template
+### Example user template
+
+# IntelliJ project files
+.idea
+*.iml
+out
+gen### Node template
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
+node_modules
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio
+
+*.iml
+
+## Directory-based project format:
+.idea/
+# if you remove the above rule, at least ignore the following:
+
+# User-specific stuff:
+# .idea/workspace.xml
+# .idea/tasks.xml
+# .idea/dictionaries
+
+# Sensitive or high-churn files:
+# .idea/dataSources.ids
+# .idea/dataSources.xml
+# .idea/sqlDataSources.xml
+# .idea/dynamic.xml
+# .idea/uiDesigner.xml
+
+# Gradle:
+# .idea/gradle.xml
+# .idea/libraries
+
+# Mongo Explorer plugin:
+# .idea/mongoSettings.xml
+
+## File-based project format:
+*.ipr
+*.iws
+
+## Plugin-specific files:
+
+# IntelliJ
+/out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+

README.md

@@ -0,0 +1,47 @@
+FormlyMaterial
+==========
+
+Material Design Templates for [Angular-Formly](http://angular-formly.com). Modern & flexible forms configured easily in a JSON object.
+
+**Angular Formly is not part of Atmosphere. You have to add it manually**
+
+## Install
+
+```
+meteor add mys:angular-formly-templates-material
+```
+
+
+## Getting Started
+
+1. Add package using `meteor add`
+2. Add manually angular-formly library to your project
+3. Add the following dependencies to your Angular module:
+
+```javascript
+angular.module('myAppName', [
+    'ngMessages',
+    'ngMaterial',
+    'formly',
+    'formlyMaterial'
+  ])
+```
+
+# Components
+
+## Fields
+
+- input
+- _rest fields in near future_
+
+## Wrappers
+
+- mdInputContainer
+- label
+- ngMessages
+
+##Roadmap
+- all basic fields
+- basic wrappers
+- e2e tests
+- Requests (?). Post an issue.

lib/client/main.js

@@ -0,0 +1,21 @@
+var {SetModule} = angular2now;
+
+SetModule('formlyMaterial', [
+    'ngMaterial',
+    'formly'
+])
+    .provider('formlyMaterial', formlyMaterial);
+
+function formlyMaterial() {
+    var self = this;
+
+    this.templateUrl = function (templateUrl) {
+        return 'mys_angular-formly-templates-material_' + templateUrl.replace(/^\//, "");
+    };
+
+    this.$get = function () {
+        return {
+            templateUrl: self.templateUrl
+        }
+    };
+}

lib/client/types/input/input.js

@@ -0,0 +1,19 @@
+var {SetModule} = angular2now;
+
+SetModule('formlyMaterial')
+    .config((formlyConfigProvider, formlyMaterialProvider) => {
+
+        formlyConfigProvider.setType({
+            name: 'input',
+            templateUrl: formlyMaterialProvider.templateUrl('lib/client/types/input/input.ng.html'),
+            wrapper: ['mdLabel', 'mdMessages', 'mdInputContainer'],
+            defaultOptions: {
+                ngModelAttrs: {
+                    mdMaxlength: {
+                        bound: 'md-maxlength'
+                    }
+                }
+            }
+        });
+
+    });

lib/client/types/input/input.ng.html

@@ -0,0 +1 @@
+<input ng-model="model[options.key]">

lib/client/wrappers/input-container/input-container.js

@@ -0,0 +1,11 @@
+var {SetModule} = angular2now;
+
+SetModule('formlyMaterial')
+    .config((formlyConfigProvider, formlyMaterialProvider) => {
+
+        formlyConfigProvider.setWrapper({
+            name: 'mdInputContainer',
+            templateUrl: formlyMaterialProvider.templateUrl('lib/client/wrappers/input-container/input-container.ng.html')
+        });
+
+    });

lib/client/wrappers/input-container/input-container.ng.html

@@ -0,0 +1,3 @@
+<md-input-container>
+    <formly-transclude></formly-transclude>
+</md-input-container>

lib/client/wrappers/label/label.js

@@ -0,0 +1,11 @@
+var {SetModule} = angular2now;
+
+SetModule('formlyMaterial')
+    .config((formlyConfigProvider, formlyMaterialProvider) => {
+
+        formlyConfigProvider.setWrapper({
+            name: 'mdLabel',
+            templateUrl: formlyMaterialProvider.templateUrl('lib/client/wrappers/label/label.ng.html')
+        });
+        
+    });

lib/client/wrappers/label/label.ng.html

@@ -0,0 +1,5 @@
+<label for="{{id}}" class="control-label">
+    {{to.label}}
+    {{to.required ? '*' : ''}}
+</label>
+<formly-transclude></formly-transclude>

lib/client/wrappers/messages/messages.js

@@ -0,0 +1,11 @@
+var {SetModule} = angular2now;
+
+SetModule('formlyMaterial')
+    .config((formlyConfigProvider, formlyMaterialProvider) => {
+
+        formlyConfigProvider.setWrapper({
+            name: 'mdMessages',
+            templateUrl: formlyMaterialProvider.templateUrl('lib/client/wrappers/messages/messages.ng.html')
+        });
+
+    });