Add hu berlin requirement (#4500)

* add new requirement

* update demo copyright

* update sf-font

* optimize code

* improve variables naming

frontend/src/components/common/logout.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { siteRoot, gettext } from '../../utils/constants'
+
+export default function Logout() {
+  const style = {
+    width: '32px',
+    height: '32px',
+    marginLeft: '8px',
+    color: '#bbb',
+    textDecoration: 'none'
+  };
+  const classname = "d-flex align-items-center justify-content-center"
+  return (
+    <a className={classname} style={style} href={`${siteRoot}accounts/logout/`} title={gettext('Logout')}>
+      <i className="sf3-font sf3-font-logout" style={{fontSize: '24px'}}></i>
+    </a>
+  )
+}

frontend/src/components/dialog/about-dialog.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Modal, ModalBody } from 'reactstrap';
-import { gettext, lang, mediaUrl, logoPath, logoWidth, logoHeight, siteTitle, seafileVersion } from '../../utils/constants';
+import { gettext, lang, mediaUrl, logoPath, logoWidth, logoHeight, siteTitle, seafileVersion, extraAboutDialogLinks } from '../../utils/constants';
 
 const propTypes = {
   onCloseAboutDialog: PropTypes.func.isRequired,
@@ -13,6 +13,16 @@ class AboutDialog extends React.Component {
     this.props.onCloseAboutDialog();
   }
 
+  renderExternalAboutLinks = () => {
+    if (extraAboutDialogLinks && (typeof extraAboutDialogLinks) === 'object') {
+      let keys = Object.keys(extraAboutDialogLinks);
+      return keys.map((key, index) => {
+        return <a key={index} className="d-block" href={extraAboutDialogLinks[key]} aria-hidden="true">{key}</a>;
+      });
+    }
+    return null;
+  }
+
   render() {
     let href = lang === lang == 'zh-cn' ? 'http://seafile.com/about/' : 'http://seafile.com/en/about/';
 
@@ -23,6 +33,7 @@ class AboutDialog extends React.Component {
           <div className="about-content">
             <p><img src={mediaUrl + logoPath} height={logoHeight} width={logoWidth} title={siteTitle} alt="logo" /></p>
             <p>{gettext('Server Version: ')}{seafileVersion}<br />© 2019 {gettext('Seafile')}</p>
+            <p>{this.renderExternalAboutLinks()}</p>
             <p><a href={href} target="_blank">{gettext('About Us')}</a></p>
           </div>
         </ModalBody>

frontend/src/components/dialog/share-dialog.js

@@ -1,7 +1,7 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { Modal, ModalHeader, ModalBody, TabContent, TabPane, Nav, NavItem, NavLink } from 'reactstrap'; 
-import { gettext, username, canGenerateShareLink, canGenerateUploadLink } from '../../utils/constants';
+import { gettext, username, canGenerateShareLink, canGenerateUploadLink, extraShareDialogNote } from '../../utils/constants';
 import ShareToUser from './share-to-user';
 import ShareToGroup from './share-to-group';
 import GenerateShareLink from './generate-share-link';
@@ -207,13 +207,28 @@ class ShareDialog extends React.Component {
     );
   }
 
+  renderExternalShareMessage = () => {
+    if (extraShareDialogNote && (typeof extraShareDialogNote) === 'object') {
+      return (
+        <div className="external-share-message mt-2">
+          <h6>{extraShareDialogNote.title}</h6>
+          <div style={{fontSize: '14px', color: '#666'}}>{extraShareDialogNote.content}</div>
+        </div>
+      );
+    }
+    return null;
+  }
+
   render() {
     const { itemType, itemName, repoEncrypted } = this.props;
     const enableShareLink = !repoEncrypted && canGenerateShareLink;
     return (
       <div>
         <Modal isOpen={true} style={{maxWidth: '720px'}} className="share-dialog" toggle={this.props.toggleDialog}>
-          <ModalHeader toggle={this.props.toggleDialog}>{gettext('Share')} <span className="op-target" title={itemName}>{itemName}</span></ModalHeader>
+          <ModalHeader toggle={this.props.toggleDialog}>
+            {gettext('Share')} <span className="op-target" title={itemName}>{itemName}</span>
+            {this.renderExternalShareMessage()}
+          </ModalHeader>
           <ModalBody className="share-dialog-content">
             {(itemType === 'library' || itemType === 'dir') && this.renderDirContent()}
             {(itemType === 'file' && enableShareLink) && this.renderFileContent()}

frontend/src/components/side-nav-footer.js

@@ -1,5 +1,5 @@
-import React from 'react';
+import React, { Fragment } from 'react';
-import { gettext, siteRoot, sideNavFooterCustomHtml } from '../utils/constants';
+import { gettext, siteRoot, sideNavFooterCustomHtml, extraAppBottomLinks } from '../utils/constants';
 import ModalPortal from './modal-portal';
 import AboutDialog from './dialog/about-dialog';
 
@@ -16,26 +16,39 @@ class SideNavFooter extends React.Component {
     this.setState({isAboutDialogShow: !this.state.isAboutDialogShow});
   }
 
+  renderExternalAppLinks = () => {
+    if (extraAppBottomLinks && (typeof extraAppBottomLinks) === 'object') {
+      let keys = Object.keys(extraAppBottomLinks);
+      return keys.map((key, index) => {
+        return <a key={index} className="item" href={extraAppBottomLinks[key]} aria-hidden="true">{key}</a>;
+      });
+    }
+    return null;
+  }
+
   render() {
-    if (sideNavFooterCustomHtml === "") {
+
-      return (
+    if (sideNavFooterCustomHtml) {
-        <div className="side-nav-footer">
+      return (<div className='side-nav-footer' dangerouslySetInnerHTML={{__html: sideNavFooterCustomHtml}}></div>);
+    }
+    return (
+      <Fragment>
+        <div className="side-nav-footer flex-wrap">
           <a href={siteRoot + 'help/'} target="_blank" rel="noopener noreferrer" className="item">{gettext('Help')}</a>
           <a className="item cursor-pointer" onClick={this.onAboutDialogToggle}>{gettext('About')}</a>
-          <a href={siteRoot + 'download_client_program/'} className="item last-item">
+          {this.renderExternalAppLinks()}
+          <a href={siteRoot + 'download_client_program/'} className={`item ${extraAppBottomLinks ? '' : 'last-item'}`}>
             <span aria-hidden="true" className="sf2-icon-monitor vam"></span>{' '}
             <span className="vam">{gettext('Clients')}</span>
           </a>
-          {this.state.isAboutDialogShow &&
-            <ModalPortal>
-              <AboutDialog onCloseAboutDialog={this.onAboutDialogToggle} />
-            </ModalPortal>
-          }
         </div>
-      );
+        {this.state.isAboutDialogShow && (
-    } else {
+          <ModalPortal>
-      return (<div className='side-nav-footer' dangerouslySetInnerHTML={{__html: sideNavFooterCustomHtml}}></div>);
+            <AboutDialog onCloseAboutDialog={this.onAboutDialogToggle} />
-    }
+          </ModalPortal>
+        )}
+      </Fragment>
+    );
   }
 }
 

frontend/src/components/toolbar/common-toolbar.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isPro, gettext } from '../../utils/constants';
+import { isPro, gettext, showExtraLogoutIcon } from '../../utils/constants';
 import Search from '../search/search';
 import Notification from '../common/notification';
 import Account from '../common/account';
+import Logout from '../common/logout';
 
 const propTypes = {
   repoID: PropTypes.string,
@@ -25,6 +26,7 @@ class  CommonToolbar extends React.Component {
         )}
         <Notification  />
         <Account />
+        {showExtraLogoutIcon && (<Logout />)}
       </div>
     );
   }

frontend/src/utils/constants.js

@@ -61,6 +61,11 @@ export const maxNumberOfFilesForFileupload = window.app.pageOptions.maxNumberOfF
 export const curNoteMsg = window.app.pageOptions.curNoteMsg;
 export const curNoteID = window.app.pageOptions.curNoteID;
 
+export const showExtraLogoutIcon = window.app.pageOptions.showExtraLogoutIcon;
+export const extraShareDialogNote = window.app.pageOptions.extraShareDialogNote;
+export const extraAppBottomLinks = window.app.pageOptions.extraAppBottomLinks;
+export const extraAboutDialogLinks = window.app.pageOptions.extraAboutDialogLinks;
+
 // wiki
 export const slug = window.wiki ? window.wiki.config.slug : '';
 export const repoID = window.wiki ? window.wiki.config.repoId : '';

media/css/sf_font3/iconfont.css

@@ -1,10 +1,10 @@
 @font-face {font-family: "sf3-font";
-  src: url('iconfont.eot?t=1564546243284'); /* IE9 */
+  src: url('iconfont.eot?t=1585125551666'); /* IE9 */
-  src: url('iconfont.eot?t=1564546243284#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  src: url('iconfont.eot?t=1585125551666#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
-  url('iconfont.woff?t=1564546243284') format('woff'),
+  url('iconfont.woff?t=1585125551666') format('woff'),
-  url('iconfont.ttf?t=1564546243284') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.ttf?t=1585125551666') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1564546243284#sf3-font') format('svg'); /* iOS 4.1- */
+  url('iconfont.svg?t=1585125551666#sf3-font') format('svg'); /* iOS 4.1- */
 }
 
 .sf3-font {
@@ -15,6 +15,50 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sf3-font-logout:before {
+  content: "\e6bb";
+}
+
+.sf3-font-sort-up-down:before {
+  content: "\e6ba";
+}
+
+.sf3-font-dingtalk:before {
+  content: "\e6b8";
+}
+
+.sf3-font-enlarge:before {
+  content: "\e6af";
+}
+
+.sf3-font-narrow:before {
+  content: "\e6b0";
+}
+
+.sf3-font-page-size:before {
+  content: "\e6ae";
+}
+
+.sf3-font-arrow:before {
+  content: "\e675";
+}
+
+.sf3-font-table:before {
+  content: "\e672";
+}
+
+.sf3-font-cancel-invitation:before {
+  content: "\e661";
+}
+
+.sf3-font-sort:before {
+  content: "\e657";
+}
+
+.sf3-font-add:before {
+  content: "\e653";
+}
+
 .sf3-font-dtable-logo:before {
   content: "\e601";
 }
@@ -23,19 +67,3 @@
   content: "\e602";
 }
 
-.sf3-font-add:before {
-  content: "\e653";
-}
-
-.sf3-font-form:before {
-  content: "\e654";
-}
-
-.sf3-font-sort:before {
-  content: "\e657";
-}
-
-.sf3-font-cancel-invitation:before {
-  content: "\e661";
-}
-

media/css/sf_font3/iconfont.svg

@@ -20,24 +20,45 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="logout" unicode="&#59067;" d="M572.8 249.6H310.4c-12.8 0-22.4 6.4-22.4 16v233.6c0 12.8 6.4 22.4 22.4 22.4H576V729.6c0 9.6 3.2 16 12.8 19.2 9.6 3.2 16 3.2 22.4-6.4l12.8-12.8L768 585.6l185.6-185.6c9.6-9.6 9.6-22.4 0-32l-265.6-265.6-76.8-76.8c-6.4-6.4-12.8-9.6-22.4-6.4-9.6 3.2-12.8 9.6-12.8 19.2v211.2h-3.2z m-160 496v-76.8H214.4c-41.6 0-73.6-28.8-73.6-70.4v-425.6c0-38.4 28.8-64 54.4-70.4h217.6v-76.8H204.8c-67.2 0-124.8 51.2-137.6 118.4 0 6.4-3.2 16-3.2 25.6V601.6C67.2 662.4 96 704 147.2 732.8c19.2 9.6 38.4 12.8 60.8 12.8h204.8z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="sort-up-down" unicode="&#59066;" d="M729.6 499.2l-195.2 227.2c-12.8 12.8-35.2 12.8-48 0l-192-227.2c-16-19.2 0-51.2 25.6-51.2h377.6c32 0 48 32 32 51.2zM294.4 268.79999999999995l188.8-227.2c12.8-12.8 35.2-12.8 48 0l188.8 227.2c19.2 19.2 6.4 57.6-25.6 57.6H320c-25.6 0-41.6-32-25.6-57.6z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="dingtalk" unicode="&#59064;" d="M512-96C249.6-96 32 121.6 32 384S249.6 864 512 864s480-217.6 480-480-217.6-480-480-480z m0 896C281.6 800 96 614.4 96 384s185.6-416 416-416 416 185.6 416 416S742.4 800 512 800z m217.6-380.8c-22.4-44.8-70.4-134.4-70.4-134.4l-19.2-25.6h73.6l-144-198.4 32 134.4H544l22.4 89.6c-22.4-6.4-38.4-12.8-60.8-19.2 0 0-28.8-32-89.6 22.4 0 0-38.4 35.2-19.2 44.8 9.6 3.2 41.6 16 70.4 22.4 38.4 6.4 70.4 16 70.4 16s-121.6-3.2-150.4 3.2-67.2 48-73.6 92.8c0 0-12.8 25.6 25.6 12.8s198.4-35.2 198.4-35.2-208 67.2-217.6 83.2-41.6 86.4-38.4 128c0 0 0 12.8 12.8 9.6 0 0 153.6-70.4 259.2-115.2 105.6-38.4 195.2-60.8 182.4-112-3.2-6.4-6.4-12.8-6.4-19.2z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="enlarge" unicode="&#59055;" d="M576 832v-384h384v-128H576v-384h-128V320H64v128h384V832h128z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="narrow" unicode="&#59056;" d="M64 448h896v-128H64z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="page-size" unicode="&#59054;" d="M960 320v-384H576v128h256v256h128zM192 320v-256h256v-128H64V320h128zM960 832v-384h-128V704h-256V832h384zM64 832h384v-128H192v-256H64V832z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="arrow" unicode="&#58997;" d="M636.8-41.6l364.8 368c22.4 22.4 28.8 54.4 16 80 0 3.2-3.2 3.2-3.2 6.4-3.2 9.6-9.6 12.8-12.8 19.2L640 809.6c-28.8 32-73.6 32-102.4 3.2-32-28.8-32-76.8-6.4-108.8l3.2-3.2 233.6-243.2H73.6C32 457.6 0 425.6 0 384s28.8-76.8 70.4-76.8h704L531.2 64c-28.8-28.8-28.8-76.8-3.2-105.6 28.8-28.8 76.8-32 108.8 0-3.2 0 0 0 0 0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="table" unicode="&#58994;" d="M624 496h-224v-224h224v224z m73.6 0v-224h185.6v224h-185.6z m-73.6-492.8v195.2h-224v-195.2h224z m73.6 0h153.6c19.2 0 32 12.8 32 32v163.2h-185.6v-195.2zM326.4 496H137.6v-224h188.8v224z m0-492.8v195.2H137.6v-163.2c0-19.2 12.8-32 32-32h156.8z m556.8 566.4V716.8c0 19.2-12.8 32-32 32H169.6c-19.2 0-32-12.8-32-32v-147.2h745.6zM160 832h704c54.4 0 96-41.6 96-96v-704c0-54.4-41.6-96-96-96H160c-54.4 0-96 41.6-96 96V736c0 54.4 41.6 96 96 96z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="cancel-invitation" unicode="&#58977;" d="M457.6 864c-131.2 0-236.8-105.6-236.8-236.8s105.6-236.8 236.8-236.8 236.8 105.6 236.8 236.8S588.8 864 457.6 864z m64-614.4l32 44.8c0 12.8-9.6 25.6-25.6 25.6h-192c-156.8 0-284.8-128-284.8-284.8v-86.4c0-25.6 22.4-44.8 44.8-44.8h425.6c12.8 0 25.6 9.6 25.6 25.6l-32 44.8c-3.2 6.4-25.6 64-25.6 124.8 6.4 67.2 19.2 124.8 32 150.4z m256-339.2c-112 0-201.6 92.8-201.6 201.6s92.8 201.6 201.6 201.6 201.6-92.8 201.6-201.6-89.6-201.6-201.6-201.6z m112 272c9.6 9.6 9.6 22.4 0 28.8-9.6 9.6-19.2 9.6-28.8 0l-73.6-76.8-80 76.8c-9.6 9.6-19.2 9.6-28.8 0-9.6-9.6-9.6-22.4 0-28.8l73.6-76.8-73.6-73.6c-9.6-9.6-9.6-22.4 0-28.8 9.6-9.6 19.2-9.6 28.8 0l73.6 76.8 73.6-76.8c9.6-9.6 19.2-9.6 28.8 0 9.6 9.6 9.6 22.4 0 28.8l-73.6 76.8c6.4-6.4 80 73.6 80 73.6z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="sort" unicode="&#58967;" d="M763.345455-65.939394c-31.030303 0-55.854545 21.721212-55.854546 58.957576V585.69697l-99.29697-114.812122c-12.412121-15.515152-24.824242-18.618182-40.339394-18.618181-31.030303 0-58.957576 27.927273-58.957575 58.957575 0 15.515152 3.10303 31.030303 15.515151 43.442425l189.284849 232.727272c18.618182 9.309091 31.030303 15.515152 46.545454 15.515152s31.030303-6.206061 43.442424-18.618182l192.387879-232.727273c9.309091-12.412121 12.412121-27.927273 12.412121-43.442424 0-31.030303-24.824242-58.957576-55.854545-58.957576-15.515152 0-31.030303 6.206061-43.442424 18.618182L812.993939 585.69697v-595.781818c6.206061-34.133333-12.412121-55.854545-49.648484-55.854546zM15.515152 678.787879c0-34.133333 27.927273-62.060606 58.957575-62.060606h316.509091c31.030303 0 58.957576 27.927273 58.957576 62.060606s-27.927273 62.060606-58.957576 62.060606H74.472727C40.339394 740.848485 15.515152 712.921212 15.515152 678.787879z m58.957575-372.363637h378.569697c31.030303 0 58.957576 27.927273 58.957576 62.060606s-27.927273 62.060606-58.957576 62.060607H74.472727c-31.030303 0-58.957576-27.927273-58.957575-62.060607 3.10303-34.133333 27.927273-62.060606 58.957575-62.060606z m-3.10303-310.30303h446.836364c31.030303 0 55.854545 27.927273 55.854545 62.060606s-24.824242 62.060606-55.854545 62.060606H71.369697c-31.030303 0-55.854545-27.927273-55.854545-62.060606 3.10303-34.133333 27.927273-62.060606 55.854545-62.060606z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="add" unicode="&#58963;" d="M473.6 422.4v147.2h73.6v-150.4h150.4v-73.6h-150.4v-150.4h-73.6v150.4h-147.2v73.6h147.2zM160 832h704c54.4 0 96-41.6 96-96v-704c0-54.4-41.6-96-96-96H160c-54.4 0-96 41.6-96 96V736c0 54.4 41.6 96 96 96z m32-64c-35.2 0-64-28.8-64-64v-640c0-35.2 28.8-64 64-64h640c35.2 0 64 28.8 64 64V704c0 35.2-28.8 64-64 64H192z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="dtable-logo" unicode="&#58881;" d="M160 768h166.4c19.2 0 32-12.8 32-32v-166.4c0-19.2-12.8-32-32-32H160c-19.2 0-32 12.8-32 32V736c0 19.2 12.8 32 32 32z m0-268.8h166.4c19.2 0 32-12.8 32-32v-166.4c0-19.2-12.8-32-32-32H160c-19.2 0-32 12.8-32 32v166.4c0 19.2 12.8 32 32 32z m0-268.8h166.4c19.2 0 32-12.8 32-32V32c0-19.2-12.8-32-32-32H160c-19.2 0-32 12.8-32 32v166.4c0 19.2 12.8 32 32 32z m268.8 0h166.4c19.2 0 32-12.8 32-32V32c0-19.2-12.8-32-32-32h-166.4c-19.2 0-32 12.8-32 32v166.4c0 19.2 12.8 32 32 32z m268.8 0H864c19.2 0 32-12.8 32-32V32c0-19.2-12.8-32-32-32h-166.4c-19.2 0-32 12.8-32 32v166.4c0 19.2 12.8 32 32 32z m0 268.8H864c19.2 0 32-12.8 32-32v-166.4c0-19.2-12.8-32-32-32h-166.4c-19.2 0-32 12.8-32 32v166.4c0 19.2 12.8 32 32 32z m-268.8 0h166.4c19.2 0 32-12.8 32-32v-166.4c0-19.2-12.8-32-32-32h-166.4c-19.2 0-32 12.8-32 32v166.4c0 19.2 12.8 32 32 32z m0 268.8h166.4c19.2 0 32-12.8 32-32v-166.4c0-19.2-12.8-32-32-32h-166.4c-19.2 0-32 12.8-32 32V736c0 19.2 12.8 32 32 32z m268.8 0H864c19.2 0 32-12.8 32-32v-166.4c0-19.2-12.8-32-32-32h-166.4c-19.2 0-32 12.8-32 32V736c0 19.2 12.8 32 32 32z"  horiz-adv-x="1024" />
 
     
     <glyph glyph-name="enterprise-wechat" unicode="&#58882;" d="M672 147.20000000000005c-6.4-6.4-6.4-12.8 0-19.2h3.2c28.8-25.6 48-64 51.2-102.4 9.6-28.8 38.4-48 67.2-38.4 28.8 9.6 48 38.4 38.4 67.2-6.4 22.4-25.6 38.4-48 41.6-35.2 6.4-70.4 25.6-96 51.2-3.2 3.2-9.6 3.2-16 0zM896 233.60000000000002c-9.6-9.6-16-19.2-16-32-6.4-35.2-25.6-70.4-51.2-96-6.4-6.4-6.4-12.8 0-19.2 6.4-6.4 12.8-6.4 19.2 0l3.2 3.2c25.6 28.8 64 48 102.4 51.2 28.8 6.4 48 38.4 38.4 67.2-6.4 28.8-38.4 48-67.2 38.4-12.8 0-19.2-6.4-28.8-12.8zM742.4 390.4c-22.4-22.4-22.4-57.6 0-76.8 9.6-9.6 19.2-16 32-16 35.2-6.4 70.4-25.6 96-51.2 6.4-6.4 12.8-6.4 19.2 0 6.4 6.4 6.4 12.8 0 19.2l-3.2 3.2c-28.8 25.6-48 64-51.2 102.4-9.6 28.8-38.4 48-67.2 38.4-12.8-6.4-19.2-12.8-25.6-19.2zM713.6 304c-28.8-32-64-51.2-105.6-54.4-28.8-6.4-48-38.4-38.4-67.2 3.2-9.6 6.4-19.2 16-25.6 22.4-22.4 57.6-22.4 76.8 0 9.6 9.6 16 19.2 16 32 6.4 35.2 25.6 70.4 51.2 96 6.4 6.4 6.4 12.8 0 19.2 0 3.2-9.6 3.2-16 0zM380.8 780.8c-99.2-9.6-192-51.2-256-118.4C99.2 636.8 80 608 64 576c-48-99.2-41.6-217.6 22.4-307.2 16-25.6 48-60.8 73.6-83.2l-12.8-92.8v-12.8c0-16 16-28.8 32-28.8 3.2 0 9.6 3.2 12.8 3.2h3.2l28.8 12.8 86.4 41.6c41.6-12.8 83.2-16 124.8-16 51.2 0 102.4 9.6 153.6 25.6-25.6 9.6-41.6 32-38.4 57.6-51.2-16-105.6-22.4-156.8-16H384c-19.2 3.2-38.4 6.4-57.6 12.8-9.6 3.2-22.4 3.2-28.8-3.2h-3.2L224 128l-3.2-3.2h-3.2c-3.2 0-3.2 3.2-3.2 6.4l3.2 9.6 3.2 12.8 6.4 19.2 6.4 22.4c3.2 12.8 0 25.6-9.6 32-28.8 19.2-51.2 44.8-70.4 73.6-57.6 73.6-64 166.4-25.6 243.2 12.8 25.6 28.8 48 51.2 70.4 54.4 54.4 128 89.6 211.2 99.2 28.8 3.2 57.6 3.2 86.4 0 83.2-9.6 156.8-44.8 208-99.2 19.2-22.4 38.4-44.8 48-70.4 16-32 25.6-70.4 25.6-105.6v-12.8c22.4 12.8 51.2 9.6 67.2-6.4l3.2-3.2c3.2 54.4-6.4 108.8-28.8 156.8-16 32-35.2 60.8-60.8 86.4-67.2 67.2-156.8 112-252.8 121.6-38.4 6.4-73.6 6.4-105.6 0z"  horiz-adv-x="1025" />
 
     
-    <glyph glyph-name="add" unicode="&#58963;" d="M473.6 422.4v147.2h73.6v-150.4h150.4v-73.6h-150.4v-150.4h-73.6v150.4h-147.2v73.6h147.2zM160 832h704c54.4 0 96-41.6 96-96v-704c0-54.4-41.6-96-96-96H160c-54.4 0-96 41.6-96 96V736c0 54.4 41.6 96 96 96z m32-64c-35.2 0-64-28.8-64-64v-640c0-35.2 28.8-64 64-64h640c35.2 0 64 28.8 64 64V704c0 35.2-28.8 64-64 64H192z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="form" unicode="&#58964;" d="M624 496h-224v-224h224v224z m73.6 0v-224h185.6v224h-185.6z m-73.6-492.8v195.2h-224v-195.2h224z m73.6 0h153.6c19.2 0 32 12.8 32 32v163.2h-185.6v-195.2zM326.4 496H137.6v-224h188.8v224z m0-492.8v195.2H137.6v-163.2c0-19.2 12.8-32 32-32h156.8z m556.8 566.4V716.8c0 19.2-12.8 32-32 32H169.6c-19.2 0-32-12.8-32-32v-147.2h745.6zM160 832h704c54.4 0 96-41.6 96-96v-704c0-54.4-41.6-96-96-96H160c-54.4 0-96 41.6-96 96V736c0 54.4 41.6 96 96 96z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="sort" unicode="&#58967;" d="M763.345455-65.939394c-31.030303 0-55.854545 21.721212-55.854546 58.957576V585.69697l-99.29697-114.812122c-12.412121-15.515152-24.824242-18.618182-40.339394-18.618181-31.030303 0-58.957576 27.927273-58.957575 58.957575 0 15.515152 3.10303 31.030303 15.515151 43.442425l189.284849 232.727272c18.618182 9.309091 31.030303 15.515152 46.545454 15.515152s31.030303-6.206061 43.442424-18.618182l192.387879-232.727273c9.309091-12.412121 12.412121-27.927273 12.412121-43.442424 0-31.030303-24.824242-58.957576-55.854545-58.957576-15.515152 0-31.030303 6.206061-43.442424 18.618182L812.993939 585.69697v-595.781818c6.206061-34.133333-12.412121-55.854545-49.648484-55.854546zM15.515152 678.787879c0-34.133333 27.927273-62.060606 58.957575-62.060606h316.509091c31.030303 0 58.957576 27.927273 58.957576 62.060606s-27.927273 62.060606-58.957576 62.060606H74.472727C40.339394 740.848485 15.515152 712.921212 15.515152 678.787879z m58.957575-372.363637h378.569697c31.030303 0 58.957576 27.927273 58.957576 62.060606s-27.927273 62.060606-58.957576 62.060607H74.472727c-31.030303 0-58.957576-27.927273-58.957575-62.060607 3.10303-34.133333 27.927273-62.060606 58.957575-62.060606z m-3.10303-310.30303h446.836364c31.030303 0 55.854545 27.927273 55.854545 62.060606s-24.824242 62.060606-55.854545 62.060606H71.369697c-31.030303 0-55.854545-27.927273-55.854545-62.060606 3.10303-34.133333 27.927273-62.060606 55.854545-62.060606z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="cancel-invitation" unicode="&#58977;" d="M457.6 864c-131.2 0-236.8-105.6-236.8-236.8s105.6-236.8 236.8-236.8 236.8 105.6 236.8 236.8S588.8 864 457.6 864z m64-614.4l32 44.8c0 12.8-9.6 25.6-25.6 25.6h-192c-156.8 0-284.8-128-284.8-284.8v-86.4c0-25.6 22.4-44.8 44.8-44.8h425.6c12.8 0 25.6 9.6 25.6 25.6l-32 44.8c-3.2 6.4-25.6 64-25.6 124.8 6.4 67.2 19.2 124.8 32 150.4z m256-339.2c-112 0-201.6 92.8-201.6 201.6s92.8 201.6 201.6 201.6 201.6-92.8 201.6-201.6-89.6-201.6-201.6-201.6z m112 272c9.6 9.6 9.6 22.4 0 28.8-9.6 9.6-19.2 9.6-28.8 0l-73.6-76.8-80 76.8c-9.6 9.6-19.2 9.6-28.8 0-9.6-9.6-9.6-22.4 0-28.8l73.6-76.8-73.6-73.6c-9.6-9.6-9.6-22.4 0-28.8 9.6-9.6 19.2-9.6 28.8 0l73.6 76.8 73.6-76.8c9.6-9.6 19.2-9.6 28.8 0 9.6 9.6 9.6 22.4 0 28.8l-73.6 76.8c6.4-6.4 80 73.6 80 73.6z"  horiz-adv-x="1024" />
-
-    
 
 
   </font>

seahub/settings.py

@@ -770,6 +770,29 @@ ENABLE_REPO_SNAPSHOT_LABEL = False
 #  Repo wiki mode
 ENABLE_REPO_WIKI_MODE = True
 
+############################
+# HU berlin external#
+############################
+SHOW_EXTRA_LOGOUT_ICON = False
+
+# EXTRA_SHARE_DIALOG_NOTE = {
+#     'title': 'Attention! Read before shareing files:',
+#     'content': 'Do not share personal or confidential official data with **.'
+# }
+EXTRA_SHARE_DIALOG_NOTE = None
+
+# EXTRA_APP_BOTTOM_LINKS = {
+#     'seafile': 'http://dev.seahub.com/seahub',
+#     'dtable-web': 'http://dev.seahub.com/dtable-web'
+# }
+EXTRA_APP_BOTTOM_LINKS = None
+
+# EXTRA_ABOUT_DIALOG_LINKS = {
+#     'seafile': 'http://dev.seahub.com/seahub',
+#     'dtable-web': 'http://dev.seahub.com/dtable-web'
+# }
+EXTRA_ABOUT_DIALOG_LINKS = None
+
 ############################
 # Settings for SeafileDocs #
 ############################

seahub/templates/base_for_react.html

@@ -102,6 +102,10 @@
             curNoteMsg: '{{ request.cur_note.message|urlize|escapejs }}',
             curNoteID: '{{ request.cur_note.id }}',
             {% endif %}
+            showExtraLogoutIcon: {% if show_extra_logout_icon %} true {% else %} false {% endif %},
+            extraShareDialogNote: {% if extra_share_dialog_note %} {{ extra_share_dialog_note|safe }} {% else %} null {% endif %},
+            extraAppBottomLinks: {% if extra_app_bottom_links %} {{ extra_app_bottom_links|safe }} {% else %} null {% endif %},
+            extraAboutDialogLinks: {% if extra_about_dialog_links %} {{ extra_about_dialog_links|safe }} {% else %} null {% endif %}
         }
      };
 </script>

seahub/views/__init__.py

@@ -56,7 +56,8 @@ from seahub.settings import AVATAR_FILE_STORAGE, \
     ENABLE_SUB_LIBRARY, ENABLE_FOLDER_PERM, ENABLE_REPO_SNAPSHOT_LABEL, \
     UNREAD_NOTIFICATIONS_REQUEST_INTERVAL, SHARE_LINK_EXPIRE_DAYS_MIN, \
     SHARE_LINK_EXPIRE_DAYS_MAX, SHARE_LINK_EXPIRE_DAYS_DEFAULT, \
-    SEAFILE_COLLAB_SERVER, ENABLE_RESET_ENCRYPTED_REPO_PASSWORD
+    SEAFILE_COLLAB_SERVER, ENABLE_RESET_ENCRYPTED_REPO_PASSWORD, \
+    SHOW_EXTRA_LOGOUT_ICON, EXTRA_SHARE_DIALOG_NOTE, EXTRA_APP_BOTTOM_LINKS, EXTRA_ABOUT_DIALOG_LINKS
 
 from seahub.wopi.settings import ENABLE_OFFICE_WEB_APP
 from seahub.onlyoffice.settings import ENABLE_ONLYOFFICE
@@ -1277,4 +1278,8 @@ def react_fake_view(request, **kwargs):
         'folder_perm_enabled': folder_perm_enabled,
         'file_audit_enabled' : FILE_AUDIT_ENABLED,
         'custom_nav_items' : json.dumps(CUSTOM_NAV_ITEMS),
+        'show_extra_logout_icon': SHOW_EXTRA_LOGOUT_ICON,
+        'extra_share_dialog_note': EXTRA_SHARE_DIALOG_NOTE,
+        'extra_app_bottom_links': EXTRA_APP_BOTTOM_LINKS,
+        'extra_about_dialog_links': EXTRA_ABOUT_DIALOG_LINKS
     })