List of Files Uploaded to Google Drive
This page uses a Hashtag List to show the last 5 Files uploaded to Google Drive.
Google Drive meta-data, such as width and height for images, was automatically added to these File Records.
The Table is styled using Bootstrap 3 default theme classes,
hiding the File Type and Image Dimensions on smaller screens.
File Name |
File Type |
Width |
Height |
Image Preview |
Action |
menumetric.jpg |
image/jpeg |
500 |
130 |
|
Web URL
Edit
Delete
|
Processed this Hashtag Markup:
<# start list for files;
sort by created_on in descending order;
limit 5;
#>
<# start header #>
<table class="table table-striped table-hover">
<thead>
<tr class="text-nowrap">
<th>File Name</th>
<th class="visible-md visible-lg">File Type</th>
<th class="visible-md visible-lg text-right">Width</th>
<th class="visible-md visible-lg text-right">Height</th>
<th class="text-center">Image Preview</th>
<th>Action</th>
</tr>
</thead>
<# end header #>
<# start row #>
<tr>
<td class="text-nowrap"><# file as html #></td>
<td class="visible-md visible-lg"><# file_type as html #></td>
<td class="visible-md visible-lg text-right"><# file_image_width #></td>
<td class="visible-md visible-lg text-right"><# file_image_height #></td>
<td>
<# if "<# file_image_width #>" > "0" #>
<img src="<# file_drive_web_url as html #>" class="img-responsive img-sm-centered">
<# end if #>
</td>
<td><a href="<# file_drive_web_url as html #>" class="label label-primary"
target="_blank">Web URL</a>
<a href="file?edit=<# id #>" class="label label-primary">Edit</a>
<a href="delete-file?id=<# id #>" class="label label-primary"
onclick="return confirm('Delete File Record?'))">Delete</a>
</td>
</tr>
<# end row #>
<# start footer #>
</table>
<# end footer #>
<# no results #>
<h4 class="alert alert-warning text-center">No Files Found</h4>
<# end no results #>
<# end list #>