diff --git a/app/controllers/inspect.js b/app/controllers/inspect.js index 3e9681e..e143377 100644 --- a/app/controllers/inspect.js +++ b/app/controllers/inspect.js @@ -24,6 +24,8 @@ export default Controller.extend({ jsonShowTree: computed.equal('jsonView', 'tree'), jsonShowSource: computed.equal('jsonView', 'source'), + metadataHidden: false, + actions: { showJsonTree () { @@ -34,6 +36,10 @@ export default Controller.extend({ this.set('jsonView', 'source'); }, + toggleMetadata () { + this.toggleProperty('metadataHidden'); + }, + deleteItem () { if (window.confirm('Sure?')) { this.get('storage.client') diff --git a/app/styles/_layout.scss b/app/styles/_layout.scss index ad1b18e..fc1541c 100644 --- a/app/styles/_layout.scss +++ b/app/styles/_layout.scss @@ -87,6 +87,11 @@ display: grid; grid-template-columns: 1.618fr 3rem 1fr; margin-bottom: 3rem; + transition: all 0.3s ease-out; + + &.hide-metadata { + grid-template-columns: 1.618fr 0 0; + } section { border-top: 1px solid $light-grey-2; diff --git a/app/templates/inspect.hbs b/app/templates/inspect.hbs index b6bd452..b62994d 100644 --- a/app/templates/inspect.hbs +++ b/app/templates/inspect.hbs @@ -6,28 +6,36 @@ +
+ +
{{/if}} -
+
{{file-preview metaData=model.documentMetaData isJSON=documentIsJSON jsonShowTree=jsonShowTree jsonShowSource=jsonShowSource}}
-
-
-
Name
-
{{model.documentMetaData.name}}
-
Content type
-
{{model.documentMetaData.type}}
-
Size
-
{{human-file-size model.documentMetaData.size}}
-
Revision (ETag)
-
{{model.documentMetaData.etag}}
-
-
+ + {{#unless metadataHidden}} +
+
+
Name
+
{{model.documentMetaData.name}}
+
Content type
+
{{model.documentMetaData.type}}
+
Size
+
{{human-file-size model.documentMetaData.size}}
+
Revision (ETag)
+
{{model.documentMetaData.etag}}
+
+
+ {{/unless}}
\ No newline at end of file