diff --git a/public/js/title.js b/public/js/title.js
index 5e05613..a2eeaa8 100644
--- a/public/js/title.js
+++ b/public/js/title.js
@@ -191,6 +191,18 @@ const deselectAll = () => {
 	$('#select-bar')[0].__x.$data['count'] = 0;
 };
 
+const selectAll = () => {
+	let count = 0;
+	$('.item .uk-card').each((i, e) => {
+		const data = e.__x.$data;
+		if (!data['disabled']) {
+			data['selected'] = true;
+			count++;
+		}
+	});
+	$('#select-bar')[0].__x.$data['count'] = count;
+};
+
 const selectedIDs = () => {
 	const ary = [];
 	$('.item .uk-card').each((i, e) => {
diff --git a/src/views/title.html.ecr b/src/views/title.html.ecr
index 34efc48..6cf94b7 100644
--- a/src/views/title.html.ecr
+++ b/src/views/title.html.ecr
@@ -12,8 +12,9 @@
           <i class="fas fa-times-circle"></i>
         </a>
       </div>
-      <div>
-        <a uk-icon="icon:close;" class="uk-align-right" @click="deselectAll();"></a>
+      <div class="uk-text-right">
+        <a @click="selectAll()" uk-tooltip="title: Select all"><i class="fas fa-check-double uk-margin-small-right"></i></a>
+        <a @click="deselectAll();" uk-tooltip="title: Deselect all"><i class="fas fa-times"></i></a>
       </div>
     </div>
   </div>