Merge pull request #142 from 10up/feat/55

feat/55: add colored icons for autoshare status

assets/css/admin-autoshare-for-twitter.css

@@ -118,7 +118,7 @@ span.over-limit {
 }
 
 .autoshare-for-twitter-status-logo::before {
-	background-image: url('../images/twitter_black.svg');
+	background-image: url('../images/twitter_default.svg');
 	background-repeat: no-repeat;
 	background-size: 25px 25px;
 	content: ' ';
@@ -127,6 +127,18 @@ span.over-limit {
 	width: 25px;
 }
 
-tbody .autoshare-for-twitter-status-logo:hover::before {
-	background-image: url('../images/twitter_blue.svg');
-}
+tbody .autoshare-for-twitter-status-logo--published::before {
+	background-image: url('../images/twitter_tweeted.svg');
+}
+
+tbody .autoshare-for-twitter-status-logo--error::before {
+	background-image: url('../images/twitter_failed.svg');
+}
+
+tbody .autoshare-for-twitter-status-logo--enabled::before {
+	background-image: url('../images/twitter_enabled.svg');
+}
+
+tbody .autoshare-for-twitter-status-logo--disabled::before {
+	background-image: url('../images/twitter_disabled.svg');
+}

includes/core.php

@@ -9,6 +9,7 @@
 
 use TenUp\AutoshareForTwitter\Utils;
 use const TenUp\AutoshareForTwitter\Core\Post_Meta\TWITTER_STATUS_KEY;
+use function TenUp\AutoshareForTwitter\Utils\autoshare_enabled;
 
 const POST_TYPE_SUPPORT_FEATURE = 'autoshare-for-twitter';
 
@@ -134,8 +135,20 @@ function modify_post_type_add_tweet_status( $column_name, $post_id ) {
 
 		printf(
 			'<a href="' . esc_url( $twitter_url ) . '" target="_blank" title="' . esc_attr( $tweet_title ) . '">
-				<span class="autoshare-for-twitter-status-logo"></span>
+				<span class="autoshare-for-twitter-status-logo autoshare-for-twitter-status-logo--published"></span>
 			</a>'
 		);
+	} elseif ( 'publish' === $post_status && 'error' === $status ) {
+		printf(
+			'<span class="autoshare-for-twitter-status-logo autoshare-for-twitter-status-logo--error"></span>'
+		);
+	} elseif ( 'future' === $post_status && autoshare_enabled( $post_id ) ) {
+		printf(
+			'<span class="autoshare-for-twitter-status-logo autoshare-for-twitter-status-logo--enabled"></span>'
+		);
+	} else {
+		printf(
+			'<span class="autoshare-for-twitter-status-logo autoshare-for-twitter-status-logo--disabled"></span>'
+		);
 	}
 }