Merge pull request #86 from matteocng/85-feat-primitive-field-link

#85: Primitive Field Type Fields.link(name)
allcount · Jan 7, 2016 · ca133f2 · ca133f2
2 parents 498bc6a + b6493ef
commit ca133f2
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 2 deletions.
diff --git a/docs/configuring.md b/docs/configuring.md
@@ -336,6 +336,7 @@ Primitive fields types are:
 * `Fields.checkbox(name)`
 * `Fields.attachment(name)`
 * `Fields.password(name)`
+* `Fields.link(name)`
 
 `Fields.text(name)` is used to define text fields.
 If you want to define text field `foo` with 'Foo' label you could write:

diff --git a/public/assets/js/allcount.js b/public/assets/js/allcount.js
@@ -285,6 +285,18 @@ allcountModule.config(["fieldRenderingServiceProvider", function (fieldRendering
                 });
                 scope.provider = fieldDescription.fieldType.provider;
                 return $compile('<div lc-upload="fieldValue" provider="{{provider}}"></div>')(scope);
+            }],
+            link: [function (value, fieldDescription) {
+                var link = $('<a target="_blank"></a>');
+                link.attr('href', value);
+                link.text(value);
+                return link;
+            }, function (fieldDescription, controller, updateValue, clone, scope) {
+                scope.linkValue = controller.$viewValue;
+                scope.$watch('linkValue', function (linkValue) {
+                    controller.$setViewValue(linkValue ? linkValue : undefined);
+                });
+                return $compile('<input type="url" ng-model="linkValue" class="form-control">')(scope);
             }]
         }
     }]);

diff --git a/services/js/Fields.js b/services/js/Fields.js
@@ -141,6 +141,15 @@ exports.cloudinaryImage = function (name) {
     });
 };
 
+exports.link = function (name) {
+    return new Field({
+        name: name,
+        fieldType: {
+            id: 'link'
+        }
+    })
+};
+
 function Field(config) {
     _.extend(this, config);
 }

diff --git a/test-fixtures/crud-field-types/crud-app.js b/test-fixtures/crud-field-types/crud-app.js
@@ -12,7 +12,8 @@ A.app({
                     integer: Fields.integer("Integer"),
                     checkbox: Fields.checkbox("Checkbox"),
                     checkboxArrayField: Fields.checkbox("Checkbox Array", 'checkboxArray'),
-                    password: Fields.password("Password")
+                    password: Fields.password("Password"),
+                    link: Fields.link("Link")
                 }
             },
             Bar: {

diff --git a/test/crud-integration-test.js b/test/crud-integration-test.js
@@ -43,7 +43,8 @@ exports.crudFieldTest = function (test) {
                 integer: 123456789,
                 checkbox: true,
                 checkboxArrayField: true,
-                password: '123'
+                password: '123',
+                link: 'http://www.example.com'
             };
             return crud.createEntity(_.clone(entityToCreate)).then(function (id) {
                 return crud.readEntity(id).then(function (entity) {