plugins: note,shared - move to iconfont

css/cdm.less

@@ -5,7 +5,8 @@
 		flex-wrap : nowrap;
 	}
 
-	.header img, .footer img {
+	.header img, .footer img,
+	.footer i {
 		margin : 0px 4px;
 		vertical-align: middle;
 	}

css/default.css

@@ -1029,7 +1029,8 @@ body.ttrss_main .hl.published .left i.pub-pic {
   flex-wrap: nowrap;
 }
 .cdm .header img,
-.cdm .footer img {
+.cdm .footer img,
+.cdm .footer i {
   margin: 0px 4px;
   vertical-align: middle;
 }

plugins/note/init.php

@@ -22,10 +22,8 @@ class Note extends Plugin {
 
 
 	function hook_article_button($line) {
-		return "<img src=\"plugins/note/note.png\"
+		return "<i class='material-icons' onclick=\"Plugins.Note.edit(".$line["id"].")\"
-			style=\"cursor : pointer\" style=\"cursor : pointer\"
+			style='cursor : pointer' title='".__('Edit article note')."'>note_add</i>";
-			onclick=\"Plugins.Note.edit(".$line["id"].")\"
-			class='tagsPic' title='".__('Edit article note')."'>";
 	}
 
 	function edit() {

plugins/share/init.php

@@ -20,6 +20,10 @@ class Share extends Plugin {
 		return file_get_contents(dirname(__FILE__) . "/share.js");
 	}
 
+	function get_css() {
+		return file_get_contents(dirname(__FILE__) . "/share.css");
+	}
+
 	function get_prefs_js() {
 		return file_get_contents(dirname(__FILE__) . "/share_prefs.js");
 	}
@@ -72,12 +76,11 @@ class Share extends Plugin {
 	}
 
 	function hook_article_button($line) {
-		$img = $line['uuid'] ? "share.png" : "notshared.png";
+		$img_class = $line['uuid'] ? "shared" : "";
 
-		return "<img id='SHARE-IMG-".$line['int_id']."' src=\"plugins/share/$img\"
+		return "<i id='SHARE-IMG-".$line['int_id']."' class='material-icons icon-share $img_class'
-			class='tagsPic' style=\"cursor : pointer\"
+			style='cursor : pointer' onclick=\"Plugins.Share.shareArticle(".$line['int_id'].")\"
-			onclick=\"Plugins.Share.shareArticle(".$line['int_id'].")\"
+			title='".__('Share by URL')."'>share</i>";
-			title='".__('Share by URL')."'>";
 	}
 
 	function shareArticle() {

plugins/share/share.css

@@ -0,0 +1,3 @@
+i.icon-share.shared {
+    color : #0a0;
+}

plugins/share/share.js

@@ -32,7 +32,7 @@ Plugins.Share = {
 								new Effect.Highlight(e);
 
 								const img = $("SHARE-IMG-" + id);
-								if (img) img.src = img.src.replace("notshared.png", "share.png");
+								img.addClassName("shared");
 
 								Notify.close();
 
@@ -54,8 +54,8 @@ Plugins.Share = {
 					xhrPost("backend.php", query, () => {
 						notify("Article unshared.");
 
-						var img = $("SHARE-IMG-" + id);
+						const img = $("SHARE-IMG-" + id);
-						if (img) img.src = img.src.replace("share.png", "notshared.png");
+						img.removeClassName("shared");
 
 						dialog.hide();
 					});
@@ -68,7 +68,7 @@ Plugins.Share = {
 		dialog.show();
 
 		const img = $("SHARE-IMG-" + id);
-		if (img) img.src = img.src.replace("notshared.png", "share.png");
+		img.addClassName("shared");
 	}
 };
 

themes/night.css

@@ -1029,7 +1029,8 @@ body.ttrss_main .hl.published .left i.pub-pic {
   flex-wrap: nowrap;
 }
 .cdm .header img,
-.cdm .footer img {
+.cdm .footer img,
+.cdm .footer i {
   margin: 0px 4px;
   vertical-align: middle;
 }