Update styles and output on front-end tool.

jpederson · Apr 15, 2019 · b5fc4cc · b5fc4cc
1 parent a60b773
commit b5fc4cc
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 15 deletions.
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -49,13 +49,6 @@ module.exports = function(grunt) {
             }
         },
 
-        // start the server and all that
-        nodemon: {
-            dev: {
-                script: 'server.js'
-            }
-        },
-
         // bump package.json for publishing
         bump: {
             options: {
@@ -66,7 +59,7 @@ module.exports = function(grunt) {
         // concurrent blocking task management
         concurrent: {
             target: {
-                tasks: [ 'nodemon', 'watch' ],
+                tasks: [ 'watch' ],
                 options: {
                     logConcurrentOutput: true
                 }

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "colorvert-api",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Color conversion JSON API",
   "main": "server.js",
   "repository": {

diff --git a/public/css/main.css b/public/css/main.css
diff --git a/public/css/main.css.map b/public/css/main.css.map
diff --git a/public/css/src/main.scss b/public/css/src/main.scss
@@ -33,6 +33,11 @@ p, ul, ol {
 	padding: 10px 0;
 }
 
+pre a {
+	color: rgba( black, .7 ) !important;
+	border-bottom: 1px dotted rgba( black, .7 ) !important;
+}
+
 strong, th {
 	font-weight: 700;
 }

diff --git a/public/js/main.js b/public/js/main.js
diff --git a/public/js/src/main.js b/public/js/src/main.js
@@ -59,8 +59,10 @@ $(function(){
 
 		$.getJSON( endpoint, function( response ){
 
+			var url = window.location + endpoint.substring( 1 );
+
 			// set it into the response div
-			$(".response").html( "<pre>" + JSON.stringify( response, null, 3 ) + "</pre>" );
+			$(".response").html( "<pre><strong>URL:</strong><br><a href='" + url + "' target='_blank'>" + url + "</a><br><br><strong>Response:</strong><br>" + JSON.stringify( response, null, 3 ) + "</pre>" );
 
 			// set colors on body text and background.
 			$("body").css( "background-color", response.hex ).css( "color", response.hex_readable );