Add YAML sample CRD extension

frontend/__tests__/reducers/features.spec.tsx

@@ -53,6 +53,7 @@ describe('featureReducer', () => {
         [FLAGS.CONSOLE_CLI_DOWNLOAD]: false,
         [FLAGS.CONSOLE_NOTIFICATION]: false,
         [FLAGS.CONSOLE_EXTERNAL_LOG_LINK]: false,
+        [FLAGS.CONSOLE_YAML_SAMPLE]: false,
       }),
     );
   });

frontend/public/components/edit-yaml.jsx

@@ -52,8 +52,8 @@ window.monaco.editor.defineTheme('console', {
   },
 });
 
-const generateObjToLoad = (kind, templateName, namespace = 'default') => {
-  const sampleObj = safeLoad(yamlTemplates.getIn([kind, templateName]));
+const generateObjToLoad = (kind, id, yaml, namespace = 'default') => {
+  const sampleObj = safeLoad(yaml ? yaml : yamlTemplates.getIn([kind, id]));
   if (_.has(sampleObj.metadata, 'namespace')) {
     sampleObj.metadata.namespace = namespace;
   }
@@ -388,16 +388,15 @@ export const EditYAML = connect(stateToProps)(
       saveAs(blob, filename);
     }
 
-    loadSampleYaml_(templateName = 'default', kind = referenceForModel(this.props.model)) {
-      const sampleObj = generateObjToLoad(kind, templateName, this.props.obj.metadata.namespace);
+    loadSampleYaml_(id = 'default', yaml = '', kind = referenceForModel(this.props.model)) {
+      const sampleObj = generateObjToLoad(kind, id, yaml, this.props.obj.metadata.namespace);
       this.setState({ sampleObj });
       this.loadYaml(true, sampleObj);
     }
 
-    downloadSampleYaml_(templateName = 'default', kind = referenceForModel(this.props.model)) {
-      const data = safeDump(
-        generateObjToLoad(kind, templateName, this.props.obj.metadata.namespace),
-      );
+    downloadSampleYaml_(id = 'default', yaml = '', kind = referenceForModel(this.props.model)) {
+      const sampleObj = generateObjToLoad(kind, id, yaml, this.props.obj.metadata.namespace);
+      const data = safeDump(sampleObj);
       this.download(data);
     }
 

frontend/public/components/sidebars/_resource-sidebar.scss

@@ -1,30 +1,13 @@
-.co-resource-sidebar-list {
-  padding-left: 15px;
-}
-
 .co-resource-sidebar-item {
   border-top: 1px solid #ccc;
-  padding: 20px 0;
+  padding: ($line-height-computed / 2) 0 $line-height-computed;
 
   &:first-child {
     border-top: 0;
     padding-top: 0;
   }
 }
 
-.co-resource-sidebar-item__details {
-  margin: 0;
-  padding: 25px 0;
-}
-
-.co-resource-sidebar-item__header {
-  font-size: ($font-size-base + 2);
-}
-
 .co-resource-sidebar-item__img {
-  padding: 20px 0;
-}
-
-.co-role-sidebar-subheader {
-  font-weight: var(--pf-global--FontWeight--normal);
+  margin: $line-height-computed 0;
 }