Merge pull request #107 from NadyaNayme/Album-Delete

Album View File Deletion

public/css/style.css

@@ -102,8 +102,9 @@ section#auth input, section#auth a {
 }
 
 section#dashboard .table { font-size: 12px }
-section#dashboard div#table div.column { display:flex; width: 200px; height: 200px; margin: 9px; background: #f9f9f9; overflow: hidden; align-items: center; }
+section#dashboard div#table div.column { display:flex; width: 200px; height: 200px; margin: 9px; background: #f9f9f9; overflow: hidden; flex-wrap: wrap; align-items: center; }
 section#dashboard div#table div.column a { width: 100%; }
+section#dashboard div#table div.column a:first-child { height: 180px; }
 section#dashboard div#table div.column a img { width:200px; }
 
 .select-wrapper {

public/js/dashboard.js

@@ -142,7 +142,7 @@ panel.getUploads = function(album = undefined, page = undefined){
 				var div = document.createElement('div');
 				div.className = "column is-2";
 				if(item.thumb !== undefined)
-					div.innerHTML = `<a href="${item.file}" target="_blank"><img src="${item.thumb}"/></a>`;
+					div.innerHTML = `<a href="${item.file}" target="_blank"><img src="${item.thumb}"/></a><a class="button is-small is-danger is-outlined" title="Delete file" onclick="panel.deleteFile(${item.id})"><span class="icon is-small"><i class="fa fa-trash-o"></i></span></a>`;
 				else
 					div.innerHTML = `<a href="${item.file}" target="_blank"><h1 class="title">.${item.file.split('.').pop()}</h1></a>`;
 				table.appendChild(div);