Merge pull request #11999 from raccoongang/kssl/show_location_id_xblock

Show location in the settings xblock.

cms/static/js/views/metadata.js

@@ -20,7 +20,7 @@ function(BaseView, _, MetadataModel, AbstractEditor, FileUpload, UploadDialog,
                 courseKey = self.$el.closest('[data-course-key]').data('course-key');
 
             this.template = this.loadTemplate('metadata-editor');
-            this.$el.html(this.template({numEntries: this.collection.length}));
+            this.$el.html(this.template({numEntries: this.collection.length, locator: locator}));
 
             this.collection.each(
                 function(model) {

cms/static/sass/elements/_xblocks.scss

@@ -608,7 +608,7 @@
       }
     }
 
-    .wrapper-comp-setting {
+    .wrapper-comp-setting, .wrapper-comp-setting-text {
       min-width: 300px;
       top: 0;
       vertical-align: top;
@@ -712,6 +712,11 @@
       vertical-align: top;
     }
 
+    .setting-text {
+      display: inline;
+      white-space: nowrap;
+    }
+
 
 
     // TYPE: enumerated lists of metadata sets

cms/templates/js/metadata-editor.underscore

@@ -3,4 +3,10 @@
     <li class="field comp-setting-entry metadata_entry">
     </li>
     <% }) %>
+    <li class="field comp-setting-entry metadata_entry">
+        <div class="wrapper-comp-setting-text">
+            <label class="label setting-label"><%- gettext("Component Location ID") %></label>
+            <span class="setting-text"><%- locator %></span>
+        </div>
+    </li>
 </ul>