frendms-rails 0.2.0 → 0.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b3e3f98672eae3d9f518f416c77ab315a9b44fde
-  data.tar.gz: 11f47583bbeffe034fca369f0f63210f577e38fb
+  metadata.gz: c55a23b726edfce96a7c0ae48e7debff78de9ee1
+  data.tar.gz: ca5bf05805e23810c39878e422f913a75112f898
 SHA512:
-  metadata.gz: 5a4cd1f2e8c318c7b1ac653dfa78ef98c99f7742abfbe53491c305c6ae7c1445bd5bc74ca5dbdcb48960ce9a7a9e2369bd3586acce9caa1cf026ee05a3f5da20
-  data.tar.gz: ae84dfeb5cda8b0f46fc412f9d068f8c413341fa55fe4eebb87ca9c6c27297d015a4631b3a5cdb9430712a9f887123ca825cad9946ce45f8ffa23ca3d947f5e2
+  metadata.gz: 16a0a6cdeaca42b803f3a7b0546564858d0d0387d489b0d9782702008344ee1fe2c0a3839bb187eafbf7e9c1d452ef78576ace522ce1a68425bd05d719d039f4
+  data.tar.gz: 7f14064c0b09586fd1d800ed32fc514867b642d3de65d1ab661d5f7a851ab582250a865803ef25041c8893879c08994cde961048ba9d79a4f8dd46a520d06edc

data/.gitignore

@@ -8,3 +8,4 @@
 /spec/reports/
 /tmp/
 .DS_Store
+*.gem

data/README.md

@@ -34,7 +34,7 @@ Add to the bottom of your layout file
 <% if user_signed_in? %>
 <script>
 	$(document).ready(function(){
-		$('.frend').addClass('enabled')
+		$('.frend').addClass('enabled').attr('contenteditable', 'true')
 	})
 </script>
 <% end %>
@@ -61,7 +61,7 @@ Example of an editable layout:
 <% if user_signed_in? %>
 <script>
 	$(document).ready(function(){
-		$('.frend').addClass('enabled')
+		$('.frend').addClass('enabled').attr('contenteditable', 'true')
 	})
 </script>
 <% end %>

data/frendms-rails.gemspec

@@ -3,18 +3,18 @@
 
 Gem::Specification.new do |s|
   s.name = "frendms-rails"
-  s.version = "0.2.0"
+  s.version = "0.3.2"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.metadata = { "allowed_push_host" => "https://rubygems.org" } if s.respond_to? :metadata=
   s.require_paths = ["lib"]
   s.authors = ["Tyson Holub"]
   s.bindir = "exe"
-  s.date = "2016-10-10"
-  s.description = "Click a html element to make it an editable textarea. Changes are saved to the database via ajax. When the page is loaded the changes will be injected into that element."
+  s.date = "2016-01-27"
+  s.description = "Click and edit any html element. Changes are saved to the database via ajax. When the page is loaded the changes will be injected into that element."
   s.email = ["tyson@tysonholub.com"]
   s.files = [".gitignore", ".travis.yml", "CODE_OF_CONDUCT.md", "Gemfile", "LICENSE.txt", "README.md", "Rakefile", "app/controllers/frendms/element_controller.rb", "app/models/frendms/element.rb", "bin/console", "bin/setup", "config/routes.rb", "frendms-rails.gemspec", "lib/frendms/rails.rb", "lib/frendms/rails/version.rb", "lib/generators/frendms/frendms_generator.rb", "lib/generators/frendms/templates/migration.rb", "vendor/assets/javascripts/dompath.js", "vendor/assets/javascripts/frendms.js", "vendor/assets/stylesheets/frendms.css"]
-  s.homepage = "http://frendms.tysonholub.com"
+  s.homepage = "https://github.com/tysonholub/frendms-rails"
   s.licenses = ["MIT"]
   s.rubygems_version = "2.2.2"
   s.summary = "The Front End Management System"

data/lib/frendms/rails/version.rb

@@ -1,5 +1,5 @@
 module Frendms
   module Rails
-    VERSION = "0.2.0"
+    VERSION = "0.3.2"
   end
 end

data/vendor/assets/javascripts/dompath.js

@@ -2,29 +2,29 @@
     $.fn.dompath = function(config) {
         var dompath = [],
             node,
-			sender = $(this)[0], 
+			sender = $(this)[0],
 			tag;
-		
+
 		// dompath.push(_buildTag(sender))
 
-		for (node = sender.parentNode; node; node = node.parentNode) {
+		for (node = sender; node; node = node.parentNode) {
 			if(node.tagName.toLowerCase() == "html") break;
 			dompath.push(_buildTag(node))
 		}
-        
+
 		function _buildTag(node) {
 			tag = node.tagName.toLowerCase();
-			
+
 			if (node.id) {
 				tag += "#" + node.id.replace(/ /g, '#');
 			}
 			else if (node.className) {
 				tag += "." + node.className.replace(/ /g, '.');
 			}
-			
+
 			return tag;
 		}
-		
+
 		return dompath.reverse().join(" ");
     }
-})(jQuery);
+})(jQuery);

data/vendor/assets/javascripts/frendms.js

@@ -24,10 +24,9 @@ function getElements(frender){
 }
 
 function updateElement(element){
-	element.parent().toggleClass('focused');
 	var id = element.dompath().replace('.enabled', '');
-	var text = element.val().trim();
-	var index = $(id).toArray().indexOf(element.parent()[0]);
+	var text = element.html().trim();
+	var index = $(id).toArray().indexOf(element[0]);
 	var frender = element.closest('.frender').attr('id');
 
 	$.ajax({
@@ -55,41 +54,11 @@ $(window).load(function(){
 		getElements(frender.id);
 	});
 
-	var value = '';
-	$('.frend.enabled').on('click', function(){
-		if(($(this).find('textarea').prop('tagName')) != 'TEXTAREA'){
-			var height = $(this).height()
-			var width = $(this).width()
-			$(this).toggleClass('focused')
-			var content = $(this).text()
-			value = content
-			$(this).html('<textarea id="box-in-frend" class="frend-input-box" />')
-			$('#box-in-frend').val(content.trim())
-			$(this).find('.frend-input-box').css({
-				'height' : height + 'px',
-				'width' : width + 'px'
-			}).select()
-		}
-	})
-
-	$('.frend.enabled').on('blur', 'textarea', function(){
-		if($(this).val() != value){
-			updateElement($(this))
-		}
+	$('.frender').on('blur', '.enabled', function(){
+		updateElement($(this))
 
-		if($(this).val().length < 1){
-			$(this).parent().html($(this).parent().dompath().replace('.enabled', ''))
-		} else {
-			$(this).parent().html($(this).val())
+		if($(this).html().length < 1){
+			$(this).html($(this).dompath().replace('.enabled', ''))
 		}
-		$('.frend').removeClass('focused')
-	})
-
-	$('.frend.enabled').on('keyup', 'textarea', function(){
-		var h = $(this).height()
-		$(this).css('height', '0px')
-		var sh = $(this).prop('scrollHeight')
-		var minh = $(this).css('min-height').replace('px', '')
-		$(this).css('height', Math.max(sh,minh)+'px')
 	})
 })

data/vendor/assets/stylesheets/frendms.css

@@ -1,6 +1,5 @@
 .frend{
 	display:none;
-	white-space:pre-wrap;
 }
 
 .frend-input-box{
@@ -31,4 +30,4 @@
 .frend.enabled:hover{
 	cursor:pointer;
 	outline:1px dotted green;
-}
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: frendms-rails
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.2
 platform: ruby
 authors:
 - Tyson Holub
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-10-10 00:00:00.000000000 Z
+date: 2016-01-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -38,9 +38,8 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
-description: Click a html element to make it an editable textarea. Changes are saved
-  to the database via ajax. When the page is loaded the changes will be injected into
-  that element.
+description: Click and edit any html element. Changes are saved to the database via
+  ajax. When the page is loaded the changes will be injected into that element.
 email:
 - tyson@tysonholub.com
 executables: []
@@ -67,7 +66,7 @@ files:
 - vendor/assets/javascripts/dompath.js
 - vendor/assets/javascripts/frendms.js
 - vendor/assets/stylesheets/frendms.css
-homepage: http://frendms.tysonholub.com
+homepage: https://github.com/tysonholub/frendms-rails
 licenses:
 - MIT
 metadata:
@@ -88,7 +87,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.8
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: The Front End Management System