Merge pull request #4 from RostiMelk/development

Version 2.4.2

manifest.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 2,
   "name": "ACF Tools",
-  "version": "2.4.0",
-  "description": "This is a Chrome extension for Advanced Custom Fields to help with developing sites faster.",
+  "version": "2.4.2",
+  "description": "Advanced Custom Fields code made simple!",
   "icons": {
     "16": "icons/icon16.png",
     "48": "icons/icon48.png",
@@ -15,7 +15,8 @@
       "css": ["styles/style.css"],
       "js": [
         "lib/jquery-3.4.1.min.js",
-        "scripts/scripts.js",
+        "scripts/app.js",
+        "scripts/misc.js",
         "scripts/fields.js"
       ]
     }

scripts/scripts.js → scripts/app.js

@@ -6,66 +6,44 @@ $(document).ready(function() {
 	appendFieldNameOnEdit();
 });
 
-function copyMessage(message) {
-	$(".acftools-message").remove();
-	var dismissBtn = '<button type="button" class="notice-dismiss"><span class="screen-reader-text">Dismiss this notice.</span></button>';
-	$("body").append('<div class="acftools-message notice notice-success is-dismissible"><p>'+message+'</p>'+dismissBtn+'</div>');
-	$("body").on('click', '.acftools-message .notice-dismiss', function() {
-		$(".acftools-message").remove();
-	})
-}
-
-function copyStringToClipboard(element) {
-  var temp = $("<input>");
-  $("body").append(temp);
-  temp
-	.val(
-		$(element)
-			.text()
-			.trim()
-	)
-	.select();
-  document.execCommand("copy");
-  temp.remove();
-}
-
+// Running some functions again when edits are made
+$("body").on('click', function() {
+	setTimeout(function() {
+		copyFieldName();
+		openDocs();
+	}, 100);
+})
+
+// Copy the field name feature:
 function copyFieldName() {
-	$("body").on("click", ".li-field-name", function() {
+	$(".acf-tbody .li-field-name").each(function() {
+		if(!$(this).children('.copy-field-name').length) {
+			var str = $(this).text();
+			$(this).text('');
+			$(this).append('<a href="#" class="copy-field-name">'+str+'</a>');
+		}
+	})
+	$("body").on("click", ".copy-field-name", function(e) {
+		e.preventDefault();
 		copyStringToClipboard(this);
 		copyMessage('Copied field name to clipboard!');
 	});
 }
 
-function copyCodeToClipboard(fieldCode, subFields) {
-	var temp = $("<textarea></textarea>")
-		.val(fieldCode)
-		.appendTo("body")
-		.select();
-	document.execCommand("copy");
-	temp.remove();
-
-	if(subFields.length) {
-		copyMessage('Copied code with sub fields to clipboard!');
-	} else {
-		copyMessage('Copied code to clipboard!');
-	}
-}
-
+// Open ACF Field documentation:
 function openDocs() {
-	$("body").on("click", ".li-field-type", function() {
-		var type = $(this)
-			.closest(".acf-field-object")
-			.attr("data-type");
-		var url = type.replace("_", "-");
-		window.open("https://www.advancedcustomfields.com/resources/" + url, "_blank");
-	});
-}
-
-function fieldError() {
-	alert("Unsupported field, submit an issue on: \nhttps://github.com/RostiMelk/ACF-Tools");
-	throw new Error("Unsupported field, submit an issue on: \nhttps://github.com/RostiMelk/ACF-Tools");
+	$(".acf-tbody .li-field-type").each(function() {
+		if(!$(this).children('.open-field-docs').length) {
+			var str = $(this).text(),
+				slug = $(this).closest('.acf-field-object').attr('data-type').replace("_", "-"),
+				url = "https://www.advancedcustomfields.com/resources/"+slug;
+			$(this).text('');
+			$(this).append('<a href="'+url+'" target="_blank" class="open-field-docs">'+str+'</a>');
+		}
+	})
 }
 
+// Copy ACF meta field code feature:
 function appendCopyCodeBtns() {
 	// Append copy field code button
 	function appendCopyCodeBtn() {

scripts/fields.js

@@ -226,9 +226,7 @@ function acf_field(appendCode, fieldName, typeOfField, returnType, seniority, pl
 	// Copy to clipboard
 	sessionStorage.removeItem('fieldcode');
 	sessionStorage.setItem('fieldcode', '\n\t\t' + fieldCode + '\n');
-
-
-
+	// Copy the code to the clipboard if sub fields are done appending to a repeater or group field
 	if(!appendCode) {
 		copyCodeToClipboard(fieldCode, subFields);
 	}

scripts/misc.js

@@ -0,0 +1,42 @@
+function copyMessage(message) {
+	$(".acftools-message").remove();
+	var dismissBtn = '<button type="button" class="notice-dismiss"><span class="screen-reader-text">Dismiss this notice.</span></button>';
+	$("body").append('<div class="acftools-message notice notice-success is-dismissible"><p>'+message+'</p>'+dismissBtn+'</div>');
+	$("body").on('click', '.acftools-message .notice-dismiss', function() {
+		$(".acftools-message").remove();
+	})
+}
+
+function copyStringToClipboard(element) {
+    var temp = $("<input>");
+    $("body").append(temp);
+    temp
+      .val(
+          $(element)
+              .text()
+              .trim()
+      )
+      .select();
+    document.execCommand("copy");
+    temp.remove();
+}
+
+function copyCodeToClipboard(fieldCode, subFields) {
+	var temp = $("<textarea></textarea>")
+		.val(fieldCode)
+		.appendTo("body")
+		.select();
+	document.execCommand("copy");
+	temp.remove();
+
+	if(subFields.length) {
+		copyMessage('Copied code with sub fields to clipboard!');
+	} else {
+		copyMessage('Copied code to clipboard!');
+	}
+}
+
+function fieldError() {
+	alert("Unsupported field, submit an issue on: \nhttps://github.com/RostiMelk/ACF-Tools");
+	throw new Error("Unsupported field, submit an issue on: https://github.com/RostiMelk/ACF-Tools");
+}

styles/style.css

@@ -23,15 +23,6 @@
   }
 }
 
-.li-field-name,
-.li-field-type {
-  cursor: pointer;
-}
-.li-field-name:hover,
-.li-field-type:hover {
-  text-decoration: underline;
-}
-
 .row-options {
   display: flex;
   align-items: center;