ToS added, small bug in CSS fixed

src/config.js

@@ -63,3 +63,12 @@ export const MAX_IMAGE_DIM = 768;
 // Maximum number of online users to be shown in a topic title bar. Others will be
 // hidden under "+X more"
 export const MAX_ONLINE_IN_TOPIC = 4;
+
+// Link for "Contact Us".
+export const LINK_CONTACT_US = 'email:info@tinode.co';
+
+// Link to Privacy Policy.
+export const LINK_PRIVACY_POLICY = 'https://tinode.co/privacy.htnl';
+
+// Link to Terms of Service.
+export const LINK_TERMS_OF_SERVICE = 'https://tinode.co/terms.html';

src/i18n/en.json

@@ -16,6 +16,10 @@
   "label_user_id": "Address:",
   "label_default_access_mode": "Default access mode:",
   "button_logout": "Logout",
+  "label_legal": "Legal",
+  "link_contact_us": "Contact Us",
+  "link_terms_of_service": "Terms of Service",
+  "link_privacy_policy": "Privacy Policy",
   "requested_permissions": "Requested",
   "granted_permissions": "Granted",
   "menu_item_edit_permissions": "Edit permissions",

src/i18n/ru.json

@@ -134,5 +134,9 @@
   "enable_peers_messaging": "Разблокировать.",
   "more_online_members": "+еще {overflow}",
   "label_user_contacts": "Конакты:",
-  "validate_credential_action": "подтвердить"
+  "validate_credential_action": "подтвердить",
+  "label_legal": ":!![MISSING]!!:Legal",
+  "link_contact_us": ":!![MISSING]!!:Contact Us",
+  "link_terms_of_service": ":!![MISSING]!!:Terms of Service",
+  "link_privacy_policy": ":!![MISSING]!!:Privacy Policy"
 }

src/i18n/zh-CN.json

@@ -134,5 +134,9 @@
   "title_manage_tags": "管理标签",
   "more_online_members": "还有{overflow}个",
   "label_user_contacts": "往来：",
-  "validate_credential_action": "确认"
+  "validate_credential_action": "确认",
+  "label_legal": ":!![MISSING]!!:Legal",
+  "link_contact_us": ":!![MISSING]!!:Contact Us",
+  "link_terms_of_service": ":!![MISSING]!!:Terms of Service",
+  "link_privacy_policy": ":!![MISSING]!!:Privacy Policy"
 }

src/messages.json

@@ -17,6 +17,10 @@
     "label_user_id": "Address:",
     "label_default_access_mode": "Default access mode:",
     "button_logout": "Logout",
+    "label_legal": "Legal",
+    "link_contact_us": "Contact Us",
+    "link_terms_of_service": "Terms of Service",
+    "link_privacy_policy": "Privacy Policy",
     "requested_permissions": "Requested",
     "granted_permissions": "Granted",
     "menu_item_edit_permissions": "Edit permissions",

src/views/edit-account-view.jsx

@@ -10,6 +10,7 @@ import InPlaceEdit from '../widgets/in-place-edit.jsx';
 import PermissionsEditor from '../widgets/permissions-editor.jsx';
 import TagManager from '../widgets/tag-manager.jsx';
 
+import { LINK_CONTACT_US, LINK_PRIVACY_POLICY, LINK_TERMS_OF_SERVICE } from '../config.js';
 import { makeImageUrl } from '../lib/blob-helpers.js';
 import { arrayEqual, asEmail, asPhone, vcard } from '../lib/utils.js';
 
@@ -294,6 +295,33 @@ export default class EditAccountView extends React.Component {
                 defaultMessage="Logout" description="Button [Logout]" />
             </a>
           </div>
+          <div className="hr" />
+          <div className="panel-form-column">
+            <div>
+              <label className="small">
+                <FormattedMessage id="label_legal" defaultMessage="Legal"
+                description="Section label" />
+              </label>
+            </div>
+            <div>
+              <a href={LINK_CONTACT_US} className="flat-button" target="_blank">
+                <i className="material-icons">email</i> <FormattedMessage id="link_contact_us"
+                  defaultMessage="Contact Us" description="Ancor text for contacting us by email" />
+              </a>
+            </div>
+            <div>
+              <a href={LINK_TERMS_OF_SERVICE} className="flat-button" target="_blank">
+                <i className="material-icons">description</i> <FormattedMessage id="link_terms_of_service"
+                  defaultMessage="Terms of Service" description="Ancor text for terms of service link" />
+              </a>
+            </div>
+            <div>
+              <a href={LINK_PRIVACY_POLICY} className="flat-button" target="_blank">
+                <i className="material-icons">policy</i> <FormattedMessage id="link_privacy_policy"
+                  defaultMessage="Privacy Policy" description="Ancor text for privacy policy link" />
+              </a>
+            </div>
+          </div>
         </div>
       }</React.Fragment>
     );