add keyboard shortcuts for Mac

Author: Maxhodges

lib/mfPkg/messageformat.html

@@ -0,0 +1,120 @@
+<template name="mf">{{{helper UI.contentBlock}}}</template>
+
+<template name="mfTrans">
+	<div class="container" id="mfTransContainer">
+	<h2>{{mf 'mf_site_translations' 'Site Translations'}}</h2>
+	<p>Native language: <b>{{native}}</b> ({{stats.total}} strings)</p>
+
+	{{#if stats.total}}
+
+		<table class="mfTrans">
+			<tr>
+				<th>Language</th>
+				<th>trans.</th>
+				<th>%</th>
+				<th>fuzzy</th>
+				<th>%</th>
+				<th>untrans</th>
+				<th>%</th>
+				<th>graph</th>
+			</tr>
+			{{#each stats.langs}}
+			<tr>
+				<td><a href="/translate/{{lang}}">{{lang}}</a></td>
+				<td>{{trans}}</td>
+				<td>{{transPercent}}</td>
+				<td>{{fuzzy}}</td>
+				<td>{{fuzzyPercent}}</td>
+				<td>{{untrans}}</td>
+				<td>{{untransPercent}}</td>
+				<td>
+					<div class="mfTransGraph trans" style="{{transWidth}}"></div
+					><div class="mfTransGraph fuzzy" style="{{fuzzyWidth}}"></div
+					><div class="mfTransGraph untrans" style="{{untransWidth}}"></div>
+				</td>
+			</tr>
+			{{/each}}
+		</table>
+
+		<br />
+		<p>
+			New language:
+			<input type="text" id="mfTransNewText" placeholder="fr, en_GB, etc" />
+			<input type="submit" id="mfTransNewSubmit" value="Go" />
+		</p>
+
+		<p>
+			Download <a id="mfAllJs" href="/translate/mfAll.js">server/mfAll.js</a>
+			(latest strings from all langs; save before redeploying/releasing an app)
+		</p>
+    <!--
+		<p>
+			Download <a href="/translate/mfSmart.js">server/mfSmart.js</a>
+			(all strings, untranslateable; save before releasing a smart package)
+		</p>
+    -->
+
+	{{else}}
+
+		<p>Run <b>mf_extract</b> in the root directory of your project to extract
+		all the translateable strings.</p>
+
+		<p>For more details see:
+		<a href="http://messageformat.meteor.com/">messageformat.meteor.com</a>.
+		</p>
+
+	{{/if}}
+	</div>
+</template>
+
+<template name="mfTransLang">
+	<div class="container" id="mfTransLang">
+
+		<div id="mfTransPreview">
+			<table>
+				<thead>
+					<tr>
+						<th>Original String ({{orig}})</th>
+						<th>Translation ({{trans}})</th>
+					</tr>
+				</thead>
+			</table>
+			<div class="tbodyScroll">
+				<table>
+					<tbody>
+					{{#each strings}}
+						<tr data-key="{{key}}" class="{{stateClass}} {{isCurrent}}">
+							<td>{{orig}}</td>
+							<td>{{trans}}</td>
+						</tr>
+					{{/each}}
+					</tbody>
+				</table>
+			</div>
+		</div>
+		<p>Keyboard shortcuts: Ctrl-up/down arrow (Win); Control-Command-up/down arrow (Mac)</p>
+		<span><b>{{keyInfo.key}}</b> in {{keyInfo.file}}:{{keyInfo.line
+			}}{{#if keyInfo.template}} (template
+				{{#if keyInfo.routeUrl}}
+					<a href="{{keyInfo.routeUrl}}">{{keyInfo.template}}</a
+				>{{else}}"{{keyInfo.template}}"{{/if}}){{/if
+			}}{{#if keyInfo.func}}; {{keyInfo.func}}{{/if}}
+		</span><br />
+		<textarea id="mfTransOrig" readonly>{{mfTransOrig}}</textarea>
+		<textarea id="mfTransDest">{{mfTransTrans}}</textarea>
+
+	<br /><br />
+	<p>
+		<a href="/translate">Back to Translation Summary</a>
+	</p>
+
+	</div>
+</template>
+
+
+<template name="mfTransLangDenied">
+	<div class="container" id="mfTransLang">
+		<h1>{{mf 'access_denied' 'Access Denied'}}</h1>
+		<p>{{mf 'login_and_access' 'Please ensure you are logged in and have the relevant access to add/edit translations.'}}</p>
+	</div>
+</template>

msgfmt:ui/lib/ui.html

@@ -113,7 +113,9 @@ <h2>{{mf 'mf_site_translations' 'Site Translations'}}</h2>
         Case insensitive ordering
       </label>
       <br />
-      Use ctrl-up and ctrl-down to quickly change keys & click on headers to reorder the columns.
+      Keyboard shortcuts: Ctrl-up/down arrow (Win); Control-Command-up/down arrow (Mac)
+      <br />
+      Click on headers to reorder the columns.
     </p>
     <span><b>{{keyInfo.key}}</b> in {{keyInfo.file}}:{{keyInfo.line
       }}{{#if keyInfo.template}} (template