Added cheat sheet. Still requires icon.

Signed-off-by: Grant Skinner <[email protected]>

Author: gskinner

index.html

@@ -161,6 +161,38 @@ <h1 class="substitution-title">Substitution</h1>
 			<li>Search for & rate <b>Community</b> patterns.</li>
 		</ul>
 	</div>
+	<div id="cheatsheet">
+		<table class="cheatsheet">
+			<tr><td>.</td><td>any char except newline</td></tr>
+			<tr><td>\w \d \s</td><td>word, digit, space char</td></tr>
+			<tr><td>\W \D \S</td><td>NOT word, digit, space char</td></tr>
+			<tr><td>[abc]</td><td>any of a, b, or c</td></tr>
+			<tr><td>[^abc]</td><td>NOT a, b, or c</td></tr>
+			<tr><td>[a-g]</td><td>a char between a & g</td></tr>
+			
+			<tr><td>^ $</td><td>start / end of the string</td></tr>
+			<tr><td>\b</td><td>word boundary</td></tr>
+			
+			<tr><td>\. \* \\</td><td>escaped special chars</td></tr>
+			<tr><td>\u00A9</td><td>unicode escaped &copy;</td></tr>
+			
+			<tr><td>(abc)</td><td>capture group</td></tr>
+			<tr><td>\1 \2</td><td>backreference to capture group</td></tr>
+			<tr><td>(?:abc)</td><td>non-capturing group</td></tr>
+			<tr><td>(?=abc)</td><td>positive lookahead</td></tr>
+			<tr><td>(?!abc)</td><td>negative lookahead</td></tr>
+			
+			<tr><td>a+</td><td>one or more</td></tr>
+			<tr><td>a*</td><td>zero or more</td></tr>
+			<tr><td>a?</td><td>zero or one</td></tr>
+			<tr><td>a{5}</td><td>exactly five</td></tr>
+			<tr><td>a{1,3}</td><td>between 1 & 3</td></tr>
+			<tr><td>a{2,}</td><td>two or more</td></tr>
+			<tr><td>a+? a*?</td><td>match as few as possible</td></tr>
+			
+		</table>
+		
+	</div>
 </div>
 
 <div class="doc subst-disabled" id="docview">

js/documentation.js

@@ -416,6 +416,14 @@ var library = {
 			}
 		]
 
+		},
+		{
+		id:"cheatsheet",
+		label: "Cheat Sheet",
+		max:true,
+		kids:[],
+		icon: "",
+		desc:"pulled from html"
 		},
 		{
 		label: "Examples",

js/index.template.js

@@ -67,8 +67,11 @@ SOFTWARE.
 		DocView.DEFAULT_TEXT = (def.textContent || def.innerText).trim().replace("{{ctrl}}", Utils.getCtrlKey().toLowerCase());
 		docView.setText(); // need to do this as well as the defer below, to keep the history clean.
 		$.defer(docView, docView.setText); // this fixes an issue with CodeMirror returning bad char positions at specific widths.
-
 		def.style.display = "none";
+		
+		var cheatsheet = $.el("#cheatsheet");
+		cheatsheet.style.display = "none";
+		Docs.getItem("cheatsheet").desc = cheatsheet.innerHTML;
 
 		docView.setExpression(DocView.DEFAULT_EXPRESSION).setSubstitution(DocView.DEFAULT_SUBSTITUTION);
 		docView.resetHistory();

js/views/LibView.js

@@ -125,6 +125,13 @@ SOFTWARE.
 			this.favorites.show();
 			$.addClass(this.list.element, "hidden");
 		}
+		
+		if (item.max) {
+			$.addClass(this.content, "maximized");
+			console.log("max");
+		} else {
+			$.removeClass(this.content, "maximized");
+		}
 
 		$.removeClass(this.element, "hidden");
 	};

scss/views/libView.scss

@@ -39,6 +39,12 @@
 		height: $lib-content-height;
 		padding: $pad *1.5;
 		line-height: 1.5em;
+		overflow-y: auto;
+		
+		&.maximized {
+			height: auto;
+			top: $title-h-pad+0.125rem;
+		}
 
 		h1 {
 			font-size: 1em;
@@ -133,3 +139,24 @@
   }
 }
 
+table.cheatsheet {
+	width:100%;
+	position: relative;
+	border-spacing: 0;
+	
+	td {
+		margin:0;
+		padding:0;
+		border:0;
+	}
+	
+	td:first-child {
+		font-family: $monospace;
+		color: $white;
+		padding-right: 0.5em;
+	}
+	
+	tr:nth-child(odd) {
+		background: rgba(255,255,255,0.02);
+	}
+}