Add coloured border next to active or inactive snippets

Author: sheabunge

css/edit.scss

@@ -1,3 +1,4 @@
+
 /**
  * Custom styling for the single snippet admin page
  */
@@ -19,6 +20,22 @@ h2 {
 	}
 }
 
+.inactive-snippet, .active-snippet {
+	#title {
+		border-left-width: 4px;
+	}
+}
+
+.active-snippet #title {
+	border-left-color: #46b450;
+}
+
+
+.inactive-snippet #title {
+	border-left-color: #dc3232;
+}
+
+
 /* Position the description heading on the same level as the editor buttons */
 label[for='snippet_description'] h3 div {
 	position: absolute;

php/views/edit.php

@@ -16,6 +16,14 @@
 $edit_id = code_snippets()->get_menu_slug( 'edit' ) === $_REQUEST['page'] ? absint( $_REQUEST['id'] ) : 0;
 $snippet = get_snippet( $edit_id );
 
+$classes = array();
+
+if ( $edit_id ) {
+	$classes[] = ( $snippet->active ? '' : 'in' ) . 'active-snippet';
+} else {
+	$classes[] = 'new-snippet';
+}
+
 ?>
 <div class="wrap">
 	<h1><?php
@@ -30,7 +38,7 @@
 	}
 	?></h1>
 
-	<form method="post" id="snippet-form" action="" style="margin-top: 10px;">
+	<form method="post" id="snippet-form" action="" style="margin-top: 10px;" class="<?php echo implode( ' ', $classes ); ?>">
 		<?php
 		/* Output the hidden fields */