repo-status-interface

frontend/src/models/repo-info.js

@@ -20,6 +20,7 @@ class RepoInfo {
     this.encrypted = object.encrypted;
     this.lib_need_decrypt = object.lib_need_decrypt;
     this.last_modified= object.last_modified;
+    this.status = object.status;
   }
 }
 

frontend/src/models/repo.js

@@ -16,6 +16,7 @@ class Repo {
     this.modifier_name = object.modifier_name;
     this.type = object.type;
     this.starred = object.starred;
+    this.status = object.status;
     if (object.is_admin != undefined) {
       this.is_admin = object.is_admin;
     }

frontend/src/pages/lib-content-view/lib-content-container.js

@@ -164,6 +164,11 @@ class LibContentContainer extends React.Component {
     return (
       <Fragment>
         <div className="cur-view-container">
+          {this.props.currentRepoInfo.status === 'read-only' &&
+            <div style={{background:'#FEFBDC', textAlign:'center'}}>
+              <p>{gettext('This library has been set to read-only by admin and cannot be updated.')}</p>
+            </div>
+          }
           <div className="cur-view-path">
             <CurDirPath 
               repoID={repoID}

frontend/src/utils/utils.js

@@ -239,12 +239,13 @@ export const Utils = {
   getLibIconUrl: function(repo, isBig) {
     let permission = repo.permission || repo.share_permission; //Compatible with regular repo and repo shared
     let size = Utils.isHiDPI() ? 48 : 24;
+    let status = repo.status;
     size = isBig ? 256 : size;
     let icon_name = 'lib.png';
     if (repo.encrypted) {
       icon_name = 'lib-encrypted.png';
     }
-    if (permission === 'r' || permission === 'perview') {
+    if (permission === 'r' || permission === 'perview' || status === 'read-only') {
       icon_name = 'lib-readonly.png';
     }