Merge pull request #298 from Developer-Autodesk/feature/INVGEN-40309

feature/invgen-40309: add a link to the about dialog

Author: msimko81

WebApplication/ClientApp/src/actions/parametersActions.test.js

@@ -297,7 +297,7 @@ describe('fetchParameters', () => {
         const first = {
             value: "12000 mm",
             units: "mm"
-        }
+        };
 
         it('makes exact match', () => {
             expect(compareParamaters(first, first)).toBeTruthy();

WebApplication/ClientApp/src/components/bomUtils.js

@@ -29,7 +29,7 @@ export function getMaxColumnTextWidth(strings) {
       const width = context2d.measureText(element).width;
       maxWidth = width>maxWidth ? width : maxWidth;
     });
-  
+
     // round to 10times number, like 81.5 -> 90, 87.1 -> 90, etc
     const roundTo = 10;
     const rounded = (maxWidth % roundTo==0) ? maxWidth : maxWidth-maxWidth%roundTo + roundTo;

WebApplication/ClientApp/src/components/userDetails.css

@@ -26,17 +26,20 @@ span.user {
   margin-right: 12px !important;
 }
 
-span.username {
+span.username, span.hyperlink {
   width: 70px;
   height: 20px;
-  color: rgb(60, 60, 60);
   font-size: 14px;
   font-family: ArtifaktElement, sans-serif;
-  font-weight: 700;
   line-height: 20px;
   margin: 12px;
 }
 
+span.username {
+  color: rgb(60, 60, 60);
+  font-weight: 700;
+}
+
 div.auth-button {
   width: 244px;
   height: 36px;

WebApplication/ClientApp/src/components/userDetails.js

@@ -21,7 +21,7 @@ import Avatar from '@hig/avatar';
 import "./userDetails.css";
 import Button from '@hig/button';
 
-class UserDetails extends Component {
+export class UserDetails extends Component {
     constructor(props) {
         super(props);
         this.handleAuthClick = this.handleAuthClick.bind(this);
@@ -50,6 +50,9 @@ class UserDetails extends Component {
                             title={this.props.profile.isLoggedIn ? "Sign Out" : "Sign In"}
                             onClick={this.handleAuthClick}
                         />
+                <span className="hyperlink">
+                    <a href="https://github.com/Developer-Autodesk/forge-configurator-inventor/blob/master/about.md">About application</a>
+                </span>
             </div>
         );
     }

WebApplication/ClientApp/src/components/userDetails.test.js

@@ -0,0 +1,46 @@
+/////////////////////////////////////////////////////////////////////
+// Copyright (c) Autodesk, Inc. All rights reserved
+// Written by Forge Design Automation team for Inventor
+//
+// Permission to use, copy, modify, and distribute this software in
+// object code form for any purpose and without fee is hereby granted,
+// provided that the above copyright notice appears in all copies and
+// that both that copyright notice and the limited warranty and
+// restricted rights notice below appear in all supporting
+// documentation.
+//
+// AUTODESK PROVIDES THIS PROGRAM "AS IS" AND WITH ALL FAULTS.
+// AUTODESK SPECIFICALLY DISCLAIMS ANY IMPLIED WARRANTY OF
+// MERCHANTABILITY OR FITNESS FOR A PARTICULAR USE.  AUTODESK, INC.
+// DOES NOT WARRANT THAT THE OPERATION OF THE PROGRAM WILL BE
+// UNINTERRUPTED OR ERROR FREE.
+/////////////////////////////////////////////////////////////////////
+
+import React from 'react';
+import Enzyme, { shallow } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import { UserDetails } from './userDetails';
+
+Enzyme.configure({ adapter: new Adapter() });
+
+describe('user dialog ', () => {
+
+    it('check there is contained a hyperlink to README.md', () => {
+
+        const props = {
+            profile: {
+              name: 'profileName',
+              avatarUrl: 'avatarUrl',
+              isLoggedIn: true,
+            }
+          };
+
+        const wrapper = shallow(<UserDetails {...props} />);
+
+        const hyperlinkSpan = wrapper.find('.hyperlink');
+
+        expect(hyperlinkSpan.length).toBe(1);
+        expect(hyperlinkSpan.find('a').prop('href')).toContain('about.md');
+    });
+
+});

about.md

@@ -0,0 +1,16 @@
+# Autodesk Configuration with Design Automation for Inventor
+Using the Autodesk Configuration with Design Automation for Inventor web application one can easily manage and edit Inventor projects using only a web browser and an internet connection. The following operations are available:
+- manage custom Inventor projects (list, upload, delete)
+- interactively display the model
+- change editable parameters and update the model
+- list bill of materials
+- generate model drawing
+- download individual Inventor project assemblies (.IAM), Revit 3D model (.RFA), bill of material (.CSV) and model drawing (.PDF)
+
+The application is available using this link: https://inventor-config-demo.autodesk.io
+
+Non authenticated anonymous users can work with two predefined projects: Wheel and Wrench. 
+
+To be able to upload custom projects, one needs to authenticate using their Autodesk Forge account. To sign up for the Forge account, follow the instructions at https://forge.autodesk.com/.
+
+Every operation (i.e. model update after change of parameters, drawing creation) is computed in the cloud. For this purpose, Cloud Credits are required. Free Cloud Credits are provided to try Forge after signing up. For more information about pricing, please see https://forge.autodesk.com/pricing.