Add options to display or hide icons

zenorocha · May 11, 2013 · 69d16df · 69d16df
1 parent 6367996
commit 69d16df
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 2 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -93,6 +93,7 @@
 
 .github-box .github-box-header .github-stats .repo-forks {
 	padding-left: 2px;
+	border-right: 1px solid #ddd;
 }
 
 /* Github Box Content */

diff --git a/demo/index.html b/demo/index.html
@@ -38,7 +38,7 @@ <h1>jQuery Github</h1>
 	<script src="../dist/jquery.github.min.js"></script>
 
 	<script>
-		$('[data-repo]').github();
+		$("[data-repo]").github();
 	</script>
 
 </body>

diff --git a/src/jquery.github.js b/src/jquery.github.js
@@ -3,7 +3,9 @@
 	var pluginName = "github",
 			document   = window.document,
 			defaults   = {
-				propertyName: "value"
+				iconStars:  true,
+				iconForks:  true,
+				iconIssues: false
 			};
 
 	function Plugin( element, options ) {
@@ -19,6 +21,7 @@
 		self._name     = pluginName;
 
 		self.init();
+		self.displayIcons();
 	}
 
 	// Initializer
@@ -34,6 +37,31 @@
 		}
 	};
 
+	// Display or hide icons
+	Plugin.prototype.displayIcons = function () {
+		$iconStars = $( ".repo-stars" );
+		$iconForks = $( ".repo-forks" );
+		$iconIssues = $( ".repo-issues" );
+
+		if ( this.options.iconStars ) {
+			$iconStars.css( "display", "inline-block" );
+		} else {
+			$iconStars.css( "display", "none" );
+		}
+
+		if ( this.options.iconForks ) {
+			$iconForks.css( "display", "inline-block" );
+		} else {
+			$iconForks.css( "display", "none" );
+		}
+
+		if ( this.options.iconIssues ) {
+			$iconIssues.css( "display", "inline-block" );
+		} else {
+			$iconIssues.css( "display", "none" );
+		}
+	};
+
 	// Apply results to HTML template
 	Plugin.prototype.applyTemplate = function ( repo ) {
 		var self  = this,
@@ -110,6 +138,7 @@
 					<div class='github-stats'> \
 						<a class='repo-stars' title='Stars' data-icon='7' href='" + repo_url + "/watchers'>" + repo.watchers + "</a> \
 						<a class='repo-forks' title='Forks' data-icon='f' href='" + repo_url + "/network'>" + repo.forks + "</a> \
+						<a class='repo-issues' title='Issues' data-icon='i' href='" + repo_url + "/issues'>" + repo.open_issues + "</a> \
 					</div> \
 				</div> \
 				<div class='github-box-content'> \