add freezed icon

frontend/src/components/dirent-grid-view/dirent-grid-item.js

@@ -210,6 +210,8 @@ class DirentGridItem extends React.Component {
     let lockedInfo = gettext('locked by {name}');
     lockedInfo = lockedInfo.replace('{name}', dirent.lock_owner_name);
 
+    const lockedImageUrl = `${mediaUrl}img/file-${dirent.is_freezed ? 'freezed' : 'locked'}-32.png`;
+    const lockedMessage = dirent.is_freezed ? gettext('freezed') : gettext('locked');
     return (
       <Fragment>
         <li className="grid-item" onContextMenu={this.onGridItemContextMenu} onMouseDown={this.onGridItemMouseDown}>
@@ -227,7 +229,7 @@ class DirentGridItem extends React.Component {
               <img src={`${siteRoot}${fileUrl}`} ref={this.gridIcon} className="thumbnail" onClick={this.onItemClick} alt=""/> :
               <img src={iconUrl} ref={this.gridIcon} width="96" alt='' />
             }
-            {dirent.is_locked && <img className="grid-file-locked-icon" src={mediaUrl + 'img/file-locked-32.png'} alt={gettext('locked')} title={lockedInfo}/>}
+            {dirent.is_locked && <img className="grid-file-locked-icon" src={lockedImageUrl} alt={lockedMessage} title={lockedInfo}/>}
           </div>
           <div className="grid-file-name" onDragStart={this.onGridItemDragStart} draggable={this.canDrag} >
             {(dirent.type !== 'dir' && dirent.file_tags && dirent.file_tags.length > 0) && (

frontend/src/components/dirent-list-view/dirent-list-item.js

@@ -714,6 +714,8 @@ class DirentListItem extends React.Component {
     let lockedInfo = gettext('locked by {name}').replace('{name}', dirent.lock_owner_name);
     const isDesktop = Utils.isDesktop();
     const { canDrag } = this.state;
+    const lockedImageUrl = `${mediaUrl}img/file-${dirent.is_freezed ? 'freezed' : 'locked'}-32.png`;
+    const lockedMessage = dirent.is_freezed ? gettext('freezed') : gettext('locked');
     const desktopItem = (
       <tr
         className={trClass}
@@ -747,7 +749,7 @@ class DirentListItem extends React.Component {
               <img ref='drag_icon' src={`${siteRoot}${dirent.encoded_thumbnail_src}`} className="thumbnail cursor-pointer" onClick={this.onItemClick} alt="" /> :
               <img ref='drag_icon' src={iconUrl} width="24" alt='' />
             }
-            {dirent.is_locked && <img className="locked" src={mediaUrl + 'img/file-locked-32.png'} alt={gettext('locked')} title={lockedInfo}/>}
+            {dirent.is_locked && <img className="locked" src={lockedImageUrl} alt={lockedMessage} title={lockedInfo}/>}
             <div ref="empty_content" style={{position: 'absolute', width: '1px', height: '1px'}}></div>
           </div>
         </td>
@@ -792,7 +794,7 @@ class DirentListItem extends React.Component {
               <img src={`${siteRoot}${dirent.encoded_thumbnail_src}`} className="thumbnail cursor-pointer" alt="" /> :
               <img src={iconUrl} width="24" alt="" />
             }
-            {dirent.is_locked && <img className="locked" src={mediaUrl + 'img/file-locked-32.png'} alt={gettext('locked')} title={lockedInfo}/>}
+            {dirent.is_locked && <img className="locked" src={lockedImageUrl} alt={lockedMessage} title={lockedInfo}/>}
           </div>
         </td>
         <td onClick={this.onItemClick}>

frontend/src/models/dirent.js

@@ -23,6 +23,7 @@ class Dirent {
       this.size_original = json.size;
       this.size = Utils.bytesToSize(json.size);
       this.is_locked = json.is_locked || false;
+      this.is_freezed = json.is_freezed || false;
       this.lock_time = json.lock_time || '';
       this.lock_owner= json.lock_owner || null;
       this.lock_owner_name= json.lock_owner_name || null;

frontend/src/view-file-sdoc.js

@@ -12,7 +12,7 @@ const {
   repoID, repoName, parentDir, filePerm,
   docPath, docName, docUuid, seadocAccessToken, seadocServerUrl, assetsUrl,
   isSdocRevision, isPublished, originFilename, revisionCreatedAt, originFileVersion,
-  originFilePath, originDocUuid, revisionId,
+  originFilePath, originDocUuid, revisionId, isFreezed
 } = window.app.pageOptions;
 
 window.seafile = {
@@ -44,6 +44,7 @@ window.seafile = {
   lang,
   revisionId,
   mediaUrl,
+  isFreezed,
 };
 
 ReactDom.render(