angular-json-edit - npm Package Compare versions

Comparing version 0.4.3 to 0.4.4

bower.json

 {
   "name": "angular-json-edit",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "homepage": "https://github.com/Rleahy22/angularJsonEditor",
@@ -5,0 +5,0 @@ "authors": [

dist/angularJsonEdit.js

@@ -200,3 +200,3 @@ (function() {
         '</select>' +
-        '<input type="{{getInputType()}}" class="value-field" placeholder="value" name="newPropertyValue" ng-model="newProperty.value" ng-show="showValueField()">' +
+        '<input type="{{getInputType()}}" class="value-field" placeholder="value" name="newPropertyValue" ng-model="newProperty.value" ng-show="showValueField()" ng-keydown="checkKeydown($event)">' +
         '<select name="newPropertyType" ng-model="newProperty.value" ng-show="newProperty.type === \'boolean\'">' +
@@ -226,2 +226,3 @@ '<option value="true">true</option>' +
       scope.addProperty    = addProperty;
+      scope.checkKeydown   = checkKeydown;
       scope.getInputType   = getInputType;
@@ -274,2 +275,9 @@ scope.isParentArray  = isParentArray;
 
+      function checkKeydown(event) {
+        var key = event.keyCode || event.which;
+        if (key === 13) {
+          scope.addProperty();
+        }
+      }
+
       function getInputType() {
@@ -276,0 +284,0 @@ if (scope.newProperty && scope.newProperty.type === 'number') {

dist/angularJsonEdit.min.js

@@ -1,1 +0,1 @@
-!function(){"use strict";angular.module("angular-json-edit",[])}(),function(){"use strict";function e(){function e(e){function n(n,t){var r={};r[n]=t,e.collapsed.push(r)}function t(n,t){e.isArray(t)?t.splice(n,1):delete t[n]}function r(n,t){var r={};r[n]=t,e.collapsed.forEach(function(t,o){angular.equals(t[n],r[n])&&e.collapsed.splice(o,1)})}function o(e){return"number"==typeof e?"number":"text"}function a(n,t){var r={};r[n]=t,e.highlighted.push(r)}function s(e){return Array.isArray(e)}function i(n,t){var r={},o=!1;return r[n]=t,e.collapsed.forEach(function(e){angular.equals(e[n],r[n])&&(o=!0)}),o}function l(n,t){var r={},o=!1;return r[n]=t,e.highlighted.forEach(function(e){angular.equals(e[n],r[n])&&(o=!0)}),o}function p(e){return"object"==typeof e?!0:!1}function u(n,t){var r={};r[n]=t,e.highlighted.forEach(function(t,o){angular.equals(t[n],r[n])&&e.highlighted.splice(o,1)})}e.collapse=n,e.collapsed=[],e.deleteProperty=t,e.expand=r,e.getInputType=o,e.highlight=a,e.highlighted=[],e.isArray=s,e.isCollapsed=i,e.isHighlighted=l,e.isNested=p,e.unHighlight=u,e.nest='<div class="label-wrapper" ng-class="{\'padded-row\': !isNested(value)}"><span ng-show="isNested(value) && isCollapsed(key, parent)" class="json-arrow" ng-click="expand(key, parent)">&#8658;</span><span ng-show="isNested(value) && !isCollapsed(key, parent)" class="json-arrow" ng-click="collapse(key, parent)">&#8659;</span><label class="json-form-element"><span class="key-span" ng-hide="isArray(parent)">{{key}}:</span><span ng-show="isNested(value) && isArray(value)"> [</span><span ng-show="isNested(value) && !isArray(value)"> {</span></label><div ng-if="!isNested(value)" class="json-input-div"><input type="{{getInputType(value)}}" name="{{key}}" ng-model="parent[key]" class="json-input" required></div><button class="json-delete json-button" type="button" ng-click="deleteProperty(key, parent)" ng-mouseover="highlight(key, parent)"  ng-mouseleave="unHighlight(key, parent)">&times;</button></div><div ng-if="isNested(value)" ng-show="!isCollapsed(key, parent)" class="nested-json"><div ng-repeat="(key, value) in parent[key] track by key" ng-init="parent = child; child = value" class="json-form-row" compile="nest" ng-class="{\'json-highlight\' : isHighlighted(key, parent)}"></div><div json-editor-add-property class="json-new-property padded-row" object="value" newProperty="{}" class="" ng-show="isNested(value)"></div></div><label ng-show="isNested(value)" class="json-form-element padded-row">{{isArray(value) ? \']\' : \'}\'}}</label>'}var n='<div class="json-container"><div class="json-form-div"><form name="jsonEditorForm" ng-submit="" role="form"><div ng-repeat="(key, value) in config track by key" ng-init="parent = config; child = value" class="json-form" compile="nest" ng-class="{\'json-highlight\' : isHighlighted(key, parent)}"></div><div json-editor-add-property class="json-new-property" object="config" newProperty="{}"></div></form></div></div>',t={link:e,template:n,restrict:"EA",scope:{config:"="}};return t}function n(e){return function(n,t,r){n.$watch(function(e){return e.$eval(r.compile)},function(r){t.html(r),e(t.contents())(n)})}}angular.module("angular-json-edit").directive("jsonEditor",e).directive("compile",n),n.$inject=["$compile"]}(),function(){"use strict";function e(){function e(e){function n(){if(e.isParentArray()&&e.newProperty)switch(e.newProperty.type){case"array":e.object.push([]);break;case"object":e.object.push({});break;case"string":e.object.push(e.newProperty.value||"");break;case"number":e.object.push(parseInt(e.newProperty.value)||0);break;case"boolean":e.object.push(Boolean(e.newProperty.value))}else if(e.newProperty)switch(e.newProperty.type){case"array":e.object[e.newProperty.name]=[];break;case"object":e.object[e.newProperty.name]={};break;case"string":e.object[e.newProperty.name]=e.newProperty.value||"";break;case"number":e.object[e.newProperty.name]=parseInt(e.newProperty.value)||0;break;case"boolean":e.object[e.newProperty.name]=Boolean(e.newProperty.value)}e.newProperty={},e.showForm=!1}function t(){return e.newProperty&&"number"===e.newProperty.type?"number":"text"}function r(){return Array.isArray(e.object)}function o(){return e.newProperty?"string"===e.newProperty.type||"number"===e.newProperty.type:void 0}e.addProperty=n,e.getInputType=t,e.isParentArray=r,e.showValueField=o}var n='<div class="new-property-div padded-row" ng-show="showForm"><input type="text" placeholder="key" name="newPropertyName" ng-model="newProperty.name" ng-show="!isParentArray()"><select name="newPropertyType" ng-model="newProperty.type"><option value="" ng-disabled="true">Type</option><option value="array">Array</option><option value="object">Object</option><option value="string">String</option><option value="number">Number</option><option value="boolean">Boolean</option></select><input type="{{getInputType()}}" class="value-field" placeholder="value" name="newPropertyValue" ng-model="newProperty.value" ng-show="showValueField()"><select name="newPropertyType" ng-model="newProperty.value" ng-show="newProperty.type === \'boolean\'"><option value="true">true</option><option value="">false</option></select><button class="json-button" ng-click="addProperty()" ng-show="newProperty.type">&#43;</button></div><div class="new-property-button-div" ng-show="!showForm"><button class="json-button padded-row" ng-click="showForm = true">&#43;</button></div>',t={link:e,template:n,restrict:"EA",scope:{object:"=",newProperty:"="}};return t}angular.module("angular-json-edit").directive("jsonEditorAddProperty",e)}();
+!function(){"use strict";angular.module("angular-json-edit",[])}(),function(){"use strict";function e(){function e(e){function n(n,t){var o={};o[n]=t,e.collapsed.push(o)}function t(n,t){e.isArray(t)?t.splice(n,1):delete t[n]}function o(n,t){var o={};o[n]=t,e.collapsed.forEach(function(t,r){angular.equals(t[n],o[n])&&e.collapsed.splice(r,1)})}function r(e){return"number"==typeof e?"number":"text"}function a(n,t){var o={};o[n]=t,e.highlighted.push(o)}function s(e){return Array.isArray(e)}function i(n,t){var o={},r=!1;return o[n]=t,e.collapsed.forEach(function(e){angular.equals(e[n],o[n])&&(r=!0)}),r}function l(n,t){var o={},r=!1;return o[n]=t,e.highlighted.forEach(function(e){angular.equals(e[n],o[n])&&(r=!0)}),r}function p(e){return"object"==typeof e?!0:!1}function c(n,t){var o={};o[n]=t,e.highlighted.forEach(function(t,r){angular.equals(t[n],o[n])&&e.highlighted.splice(r,1)})}e.collapse=n,e.collapsed=[],e.deleteProperty=t,e.expand=o,e.getInputType=r,e.highlight=a,e.highlighted=[],e.isArray=s,e.isCollapsed=i,e.isHighlighted=l,e.isNested=p,e.unHighlight=c,e.nest='<div class="label-wrapper" ng-class="{\'padded-row\': !isNested(value)}"><span ng-show="isNested(value) && isCollapsed(key, parent)" class="json-arrow" ng-click="expand(key, parent)">&#8658;</span><span ng-show="isNested(value) && !isCollapsed(key, parent)" class="json-arrow" ng-click="collapse(key, parent)">&#8659;</span><label class="json-form-element"><span class="key-span" ng-hide="isArray(parent)">{{key}}:</span><span ng-show="isNested(value) && isArray(value)"> [</span><span ng-show="isNested(value) && !isArray(value)"> {</span></label><div ng-if="!isNested(value)" class="json-input-div"><input type="{{getInputType(value)}}" name="{{key}}" ng-model="parent[key]" class="json-input" required></div><button class="json-delete json-button" type="button" ng-click="deleteProperty(key, parent)" ng-mouseover="highlight(key, parent)"  ng-mouseleave="unHighlight(key, parent)">&times;</button></div><div ng-if="isNested(value)" ng-show="!isCollapsed(key, parent)" class="nested-json"><div ng-repeat="(key, value) in parent[key] track by key" ng-init="parent = child; child = value" class="json-form-row" compile="nest" ng-class="{\'json-highlight\' : isHighlighted(key, parent)}"></div><div json-editor-add-property class="json-new-property padded-row" object="value" newProperty="{}" class="" ng-show="isNested(value)"></div></div><label ng-show="isNested(value)" class="json-form-element padded-row">{{isArray(value) ? \']\' : \'}\'}}</label>'}var n='<div class="json-container"><div class="json-form-div"><form name="jsonEditorForm" ng-submit="" role="form"><div ng-repeat="(key, value) in config track by key" ng-init="parent = config; child = value" class="json-form" compile="nest" ng-class="{\'json-highlight\' : isHighlighted(key, parent)}"></div><div json-editor-add-property class="json-new-property" object="config" newProperty="{}"></div></form></div></div>',t={link:e,template:n,restrict:"EA",scope:{config:"="}};return t}function n(e){return function(n,t,o){n.$watch(function(e){return e.$eval(o.compile)},function(o){t.html(o),e(t.contents())(n)})}}angular.module("angular-json-edit").directive("jsonEditor",e).directive("compile",n),n.$inject=["$compile"]}(),function(){"use strict";function e(){function e(e){function n(){if(e.isParentArray()&&e.newProperty)switch(e.newProperty.type){case"array":e.object.push([]);break;case"object":e.object.push({});break;case"string":e.object.push(e.newProperty.value||"");break;case"number":e.object.push(parseInt(e.newProperty.value)||0);break;case"boolean":e.object.push(Boolean(e.newProperty.value))}else if(e.newProperty)switch(e.newProperty.type){case"array":e.object[e.newProperty.name]=[];break;case"object":e.object[e.newProperty.name]={};break;case"string":e.object[e.newProperty.name]=e.newProperty.value||"";break;case"number":e.object[e.newProperty.name]=parseInt(e.newProperty.value)||0;break;case"boolean":e.object[e.newProperty.name]=Boolean(e.newProperty.value)}e.newProperty={},e.showForm=!1}function t(n){var t=n.keyCode||n.which;13===t&&e.addProperty()}function o(){return e.newProperty&&"number"===e.newProperty.type?"number":"text"}function r(){return Array.isArray(e.object)}function a(){return e.newProperty?"string"===e.newProperty.type||"number"===e.newProperty.type:void 0}e.addProperty=n,e.checkKeydown=t,e.getInputType=o,e.isParentArray=r,e.showValueField=a}var n='<div class="new-property-div padded-row" ng-show="showForm"><input type="text" placeholder="key" name="newPropertyName" ng-model="newProperty.name" ng-show="!isParentArray()"><select name="newPropertyType" ng-model="newProperty.type"><option value="" ng-disabled="true">Type</option><option value="array">Array</option><option value="object">Object</option><option value="string">String</option><option value="number">Number</option><option value="boolean">Boolean</option></select><input type="{{getInputType()}}" class="value-field" placeholder="value" name="newPropertyValue" ng-model="newProperty.value" ng-show="showValueField()" ng-keydown="checkKeydown($event)"><select name="newPropertyType" ng-model="newProperty.value" ng-show="newProperty.type === \'boolean\'"><option value="true">true</option><option value="">false</option></select><button class="json-button" ng-click="addProperty()" ng-show="newProperty.type">&#43;</button></div><div class="new-property-button-div" ng-show="!showForm"><button class="json-button padded-row" ng-click="showForm = true">&#43;</button></div>',t={link:e,template:n,restrict:"EA",scope:{object:"=",newProperty:"="}};return t}angular.module("angular-json-edit").directive("jsonEditorAddProperty",e)}();

package.json

 {
   "name": "angular-json-edit",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Infinitely nesting JSON editor for Angular with no dependencies",
@@ -5,0 +5,0 @@ "main": "dist/angularJsonEdit.js",

No alert changes

Improved metrics

Total package byte prevSize

123895

increased by0.39%

Lines of code

1529

increased by0.46%

No dependency changes