More accurate placeholder details (cfa0e60b) · Commits · NDIP / Galaxy

client/src/components/History/Content/Dataset/DatasetDetails.vue

+29 −9

Original line number	Diff line number	Diff line
		@@ -28,12 +28,15 @@
		<div v-else class="dataset">
		<!--
		placeholder skeleton for loading smoothly without a spinner
		(which you don't even see since this happens pretty fast)
		(which you don't even see since this happens pretty fast, but it
		should be pretty accurate -- longer term it might be worth
		having more standard 'placeholder' versions of pre-loaded
		components) )
		-->
		<div class="p-2 details">
		<div class="summary">
		<div class="blurb">
		<span class="value">...</span>
		<span class="value">? lines</span>
		</div>
		<span class="datatype">
		<label v-localize class="prompt">format</label>
		@@ -47,13 +50,30 @@
		<span class="value">Loading</span>
		</div>
		</div>
		<pre class="dataset-peek p-1">
		<table cellspacing="0" cellpadding="3">
		<tbody>
		<tr><td>Dataset peek loading...</td></tr>
		</tbody>
		</table>
		</pre>
		<div class="dataset-actions mb-1">
		<div class="clearfix">
		<div class="btn-group float-left">
		<button disabled class="btn px-1 btn-link btn-sm">
		<span class="fa fa-save"></span>
		</button>
		<button disabled class="btn px-1 btn-link btn-sm">
		<span class="fa fa-link"></span>
		</button>
		<button disabled class="btn px-1 btn-link btn-sm">
		<span class="fa fa-info-circle"></span>
		</button>
		<button disabled class="btn px-1 btn-link btn-sm">
		<span class="fa fa-bar-chart-o"></span>
		</button>
		<button disabled class="btn px-1 btn-link btn-sm">
		<span class="fa fa-sitemap"></span>
		</button>
		</div>
		</div>
		</div>
		<!-- this looks a mess, but whitespace pads the pre and makes it look wonky -->
		<pre
		class="dataset-peek p-1"><table cellspacing="0" cellpadding="3"><tbody><tr><td>Dataset peek loading...</td></tr></tbody></table></pre>
		</div>
		</div>
		</DatasetProvider>