Merge pull request #2822 from metabase/expose-full-version-info

Expose the rest of the version info in a tooltip

frontend/src/metabase/components/ProfileLink.jsx

@@ -2,6 +2,7 @@ import React, { Component, PropTypes } from 'react';
 import OnClickOut from 'react-onclickout';
 import cx from 'classnames';
 import _ from "underscore";
+import { capitalize } from "metabase/lib/formatting";
 
 import MetabaseSettings from "metabase/lib/settings";
 import Modal from "metabase/components/Modal.jsx";
@@ -49,7 +50,7 @@ export default class ProfileLink extends Component {
     render() {
         const { user, context } = this.props;
         const { modalOpen, dropdownOpen } = this.state;
-        const { tag, date } = MetabaseSettings.get('version');
+        const { tag, date, ...versionExtra } = MetabaseSettings.get('version');
 
         let dropDownClasses = cx({
             'NavDropdown': true,
@@ -132,10 +133,17 @@ export default class ProfileLink extends Component {
                                     <LogoIcon width={48} height={48} />
                                 </div>
                                 <h2 style={{fontSize: "1.75em"}} className="text-dark">Thanks for using Metabase!</h2>
-                                <p className="pt2">
-                                    <h3 className="text-dark">You're on version {tag}</h3>
-                                    <span className="text-grey-3 text-bold">built on {date}</span>
-                                </p>
+                                <div className="pt2">
+                                    <h3 className="text-dark mb1">You're on version {tag}</h3>
+                                    <p className="text-grey-3 text-bold">Built on {date}</p>
+                                    { !/^v\d+\.\d+\.\d+$/.test(tag) &&
+                                        <div>
+                                        { _.map(versionExtra, (value, key) =>
+                                            <p key={key} className="text-grey-3 text-bold">{capitalize(key)}: {value}</p>
+                                        ) }
+                                        </div>
+                                    }
+                                </div>
                             </div>
                             <div style={{borderWidth: "2px"}} className="p2 h5 text-centered text-grey-3 border-top">
                                 <span className="block"><span className="text-bold">Metabase</span> is a Trademark of Metabase, Inc</span>