Merge pull request #31 from mark-monteiro/fix-md-icons

Use the correct class for displaying material design icons
jellyfin-archive · Mar 14, 2020 · d0b0d6c · d0b0d6c
2 parents 0675741 + 9201219
commit d0b0d6c
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git a/Emby.AutoOrganize/Configuration/autoorganizelog.html b/Emby.AutoOrganize/Configuration/autoorganizelog.html
@@ -6,12 +6,12 @@
             <div>
                 <div style="text-align: right;" class="organizeTaskPanel hide">
                     <button is="emby-button" type="button" class="btnClearCompleted raised button-cancel">
-                        <i class="md-icon">clear_all</i><span>Clear Completed</span>
+                        <i class="material-icons clear_all"></i><span>Clear Completed</span>
                     </button>
                     <button is="emby-button" type="button" class="btnClearLog raised button-cancel">
-                        <i class="md-icon">clear_all</i><span>${ButtonClear}</span>
+                        <i class="material-icons clear_all"></i><span>Clear All</span>
                     </button>
-                    <button is="emby-button" type="button" class="btnOrganize raised button-cancel"><i class="md-icon">check</i><span>Organize</span></button>
+                    <button is="emby-button" type="button" class="btnOrganize raised button-cancel"><i class="material-icons check"></i><span>Organize</span></button>
                     <progress max="100" min="0" style="width: 100px;" class="organizeProgress"></progress>
                 </div>
                 <div class="listTopPaging">

diff --git a/Emby.AutoOrganize/Configuration/autoorganizelog.js b/Emby.AutoOrganize/Configuration/autoorganizelog.js
@@ -289,8 +289,8 @@
 
             html += '<div style="display:inline-block;">';
 
-            html += '<button is="paper-icon-button-light" class="btnPreviousPage autoSize" ' + (startIndex ? '' : 'disabled') + '><i class="md-icon">&#xE5C4;</i></button>';
-            html += '<button is="paper-icon-button-light" class="btnNextPage autoSize" ' + (startIndex + limit >= totalRecordCount ? 'disabled' : '') + '><i class="md-icon">&#xE5C8;</i></button>';
+            html += '<button is="paper-icon-button-light" class="btnPreviousPage autoSize" ' + (startIndex ? '' : 'disabled') + '><i class="material-icons arrow_back"></i></button>';
+            html += '<button is="paper-icon-button-light" class="btnNextPage autoSize" ' + (startIndex + limit >= totalRecordCount ? 'disabled' : '') + '><i class="material-icons arrow_forward"></i></button>';
 
             html += '</div>';
         }
@@ -428,8 +428,8 @@
 
         if (item.Status !== 'Success') {
 
-            html += '<button type="button" is="paper-icon-button-light" data-resultid="' + item.Id + '" class="btnProcessResult organizerButton autoSize" title="Organize"><i class="md-icon">folder</i></button>';
-            html += '<button type="button" is="paper-icon-button-light" data-resultid="' + item.Id + '" class="btnDeleteResult organizerButton autoSize" title="Delete"><i class="md-icon">delete</i></button>';
+            html += '<button type="button" is="paper-icon-button-light" data-resultid="' + item.Id + '" class="btnProcessResult organizerButton autoSize" title="Organize"><i class="material-icons folder"></i></button>';
+            html += '<button type="button" is="paper-icon-button-light" data-resultid="' + item.Id + '" class="btnDeleteResult organizerButton autoSize" title="Delete"><i class="material-icons delete"></i></button>';
         }
 
         html += '</td>';

diff --git a/Emby.AutoOrganize/Configuration/autoorganizemovie.html b/Emby.AutoOrganize/Configuration/autoorganizemovie.html
@@ -16,7 +16,7 @@
                             <input is="emby-input" id="txtWatchMovieFolder" type="text" label="Watch folder:" />
                             <div class="fieldDescription">This folder will be monitored for new movies.</div>
                         </div>
-                        <button type="button" is="paper-icon-button-light" id="btnSelectWatchMovieFolder" title="Select directory" class="autoSize"><i class="md-icon">search</i></button>
+                        <button type="button" is="paper-icon-button-light" id="btnSelectWatchMovieFolder" title="Select directory" class="autoSize"><i class="material-icons search"></i></button>
                     </div>
                 </div>
                 <div class="inputContainer">

diff --git a/Emby.AutoOrganize/Configuration/autoorganizesmart.js b/Emby.AutoOrganize/Configuration/autoorganizesmart.js
@@ -147,7 +147,7 @@
 
             matchStringHtml += '</div>';
 
-            matchStringHtml += '<button type="button" is="emby-button" class="btnDeleteMatchEntry" style="padding: 0;" data-index="' + i + '" data-matchindex="' + matchStringIndex + '" title="Delete"><i class="md-icon">delete</i></button>';
+            matchStringHtml += '<button type="button" is="emby-button" class="btnDeleteMatchEntry" style="padding: 0;" data-index="' + i + '" data-matchindex="' + matchStringIndex + '" title="Delete"><i class="material-icons delete"></i></button>';
 
             matchStringHtml += '</div>';
             matchStringIndex++;
@@ -192,7 +192,7 @@
             html += '<div class="listItem">';
 
             html += '<div class="listItemIconContainer">';
-            html += '<i class="listItemIcon md-icon">folder</i>';
+            html += '<i class="listItemIcon material-icons folder"></i>';
             html += '</div>';
 
             html += '<div class="listItemBody">';

diff --git a/Emby.AutoOrganize/Configuration/autoorganizetv.html b/Emby.AutoOrganize/Configuration/autoorganizetv.html
@@ -16,7 +16,7 @@
                             <input is="emby-input" id="txtWatchFolder" type="text" label="Watch folder:" />
                             <div class="fieldDescription">This folder will be monitored for new episodes.</div>
                         </div>
-                        <button type="button" is="paper-icon-button-light" id="btnSelectWatchFolder" title="Select directory" class="autoSize"><i class="md-icon">search</i></button>
+                        <button type="button" is="paper-icon-button-light" id="btnSelectWatchFolder" title="Select directory" class="autoSize"><i class="material-icons search"></i></button>
                     </div>
                 </div>
                 <div class="inputContainer">

diff --git a/Emby.AutoOrganize/Configuration/fileorganizer.template.html b/Emby.AutoOrganize/Configuration/fileorganizer.template.html
@@ -1,5 +1,5 @@
 <div class="formDialogHeader">
-    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
+    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="material-icons arrow_back"></i></button>
     <h3 class="formDialogHeaderTitle"></h3>
 </div>
 
@@ -28,7 +28,7 @@ <h3 class="formDialogHeaderTitle"></h3>
                             <div style="flex-grow: 1; position: relative;">
                                 <select is="emby-select" id="selectMedias" data-mini="true" required="required"></select>
                             </div>
-                            <button type="button" is="paper-icon-button-light" id="btnNewMedia" class="autoSize"><i class="md-icon">add</i></button>
+                            <button type="button" is="paper-icon-button-light" id="btnNewMedia" class="autoSize"><i class="material-icons add"></i></button>
                         </div>
                     </div>
                     <div class="fldSelectMediaFolder hide selectContainer">