Added locked state on list cell renderer

addon/components/hyper-table/cell-renderers/list.hbs

@@ -10,10 +10,19 @@
         <div class="expandable-list">
           {{#each this.value as |item|}}
             <div
-              class="expandable-list__item"
-              {{on "click" (action "goToUrl" (concat this.url item.id) bubbles=false)}}
+              class="expandable-list__item
+                {{if item.locked 'expandable-list__item-disabled '}}fx-row fx-xalign-center fx-gap-px-6"
+              {{on "click" (action "goToUrl" (concat this.url item.id) item.locked bubbles=false)}}
             >
               {{item.name}}
+              {{#if item.locked}}
+                <OSS::Tag
+                  @icon="far fa-lock"
+                  @size="xs"
+                  @skin="secondary"
+                  {{enable-tooltip title=this.lockedTooltipLabel}}
+                />
+              {{/if}}
             </div>
           {{/each}}
         </div>

addon/components/hyper-table/cell-renderers/list.js

@@ -17,8 +17,8 @@ export default Component.extend(CellRendererMixin, {
   }),
 
   actions: {
-    goToUrl(url, event) {
-      if (!this.url) {
+    goToUrl(url, locked, event) {
+      if (!this.url || locked) {
         event.preventDefault();
         event.stopPropagation();
         return;

app/styles/cells.less

@@ -295,6 +295,12 @@
     padding: var(--spacing-px-12) var(--spacing-px-18);
     cursor: pointer;
 
+    &-disabled {
+      &:hover {
+        cursor: not-allowed;
+      }
+    }
+
     &:hover {
       background-color: var(--color-gray-100);
     }

translations/en-us.yaml

@@ -85,4 +85,4 @@ hypertable:
     records_selected: '{count, plural, =0 {{count} record is selected} =1 {{count} record is selected} other {{count} records are selected}}'
     all_records_selected: All records (<b>{count}</b>) are selected
     select_all: '{count, plural, =1 {Select all {count} record} other {Select all {count} records}}'
-    clear: Clear selection
+    clear: Clear selection