FontAwesome 5.1

Config/Resources.xml

@@ -45,13 +45,12 @@
 -->
 	<resource>
 		<name>faIcons5svg</name>
-		<style>/FontAwesome5/svg-with-js/css/fa-svg-with-js.css</style>
-		<script>/FontAwesome5/svg-with-js/js/fontawesome-all.min.js</script>
+		<script>/FontAwesome5/js/all.js</script>
 	</resource>
 
 	<resource>
 		<name>faIcons5css</name>
-		<style>/FontAwesome5/web-fonts-with-css/css/fontawesome-all.min.css</style>
+		<style>/FontAwesome5/css/all.css</style>
 	</resource>
 
 <!-- 
@@ -82,6 +81,7 @@
 -->
 <resource>
 	<name>DataTables</name>
+	<uses>JQuery</uses>
 	<script>/DataTables/js/jquery.dataTables.min.js</script>
 </resource>
 

Config/Virtual.xml

@@ -25,7 +25,7 @@
 
   <directory>
     <alias>FontAwesome5</alias>
-    <path>%ServerRoot%/PlugIns/Other/fontawesome-free-5.0.4/</path>
+    <path>%ServerRoot%/PlugIns/Other/fontawesome-free-5.1.0-web/</path>
   </directory>
 
   <directory>

MS3/Examples/DC/IconAdvanced_FontAwesome_List.mipage

@@ -5,7 +5,7 @@
 
     ∇ Compose;p;matches;tab;Columns;css;fa;dt;yml
       :Access Public
-      Use'faIcons5'
+      Use'faIcons5svg'
       Add _.p ScriptFollows
    ⍝ This page offers a tool to easily browse FontAwesome-Icons even when you're offline and have no access to the
    ⍝ excellent Search-Tool on FontAwesome's <a href="http://fontawesome.com/icons/">site</a>.
@@ -15,24 +15,24 @@
 
 
       fa←#.Boot.ms.Config.Virtual{(⍺.alias⍳⊂⍵)⊃⍺.path,⊂''}'FontAwesome5' ⍝ get path
-      json←⎕JSON 1⊃⎕NGET fa,'advanced-options/metadata/icons.json'                                
+      json←⎕JSON 1⊃⎕NGET fa,'metadata/icons.json'                                
 
    ⍝ A bit of CSS to emphasize the search-input more:
       Add _.style ScriptFollows
-			⍝label {
-			⍝   margin-bottom:5px;
-			⍝}
+            ⍝label {
+            ⍝   margin-bottom:5px;
+            ⍝}
       ⍝ .dataTables_filter input {
-			⍝   border:none;
-			⍝   -webkit-border-radius:5px;
-			⍝   -moz-border-radius:5px;
-			⍝   border-radius:5px;
-			⍝   -webkit-box-shadow:0 0 5px #666 inset;
-			⍝   -moz-box-shadow:0 0 5px #666 inset;
-			⍝   box-shadow:0 0 5px #666 inset;
+            ⍝   border:none;
+            ⍝   -webkit-border-radius:5px;
+            ⍝   -moz-border-radius:5px;
+            ⍝   border-radius:5px;
+            ⍝   -webkit-box-shadow:0 0 5px #666 inset;
+            ⍝   -moz-box-shadow:0 0 5px #666 inset;
+            ⍝   box-shadow:0 0 5px #666 inset;
       ⍝ font-size: 1.5em;
-			⍝}
-			⍝input { outline:none; }      
+            ⍝}
+            ⍝input { outline:none; }      
       ⍝ .dataTables_filterX , inputX {
       ⍝ font-size: 1.5em;
       ⍝ border-radius: .2em;

MS3/Examples/DC/IconSimple.mipage

@@ -8,7 +8,7 @@
       Add _.style'.red {color: red;}'
 
       p←Add _.p
-      p.Add _.Icon'fa-cloud-upload'
+      p.Add _.Icon'fa-cloud-upload-alt'
       p.Add' FontAwesome'
 
       p←Add _.p
@@ -24,7 +24,7 @@
       p.Add' FontAwesome effects'
 
       p←Add _.p
-      '.red' 'style="font-size:36px;padding-right:15px"'p.Add _.Icon'e-notification'
+      '.red' 'style="font-size:36px;padding-right:15px"'p.Add _.Icon'fab-pied-piper-alt'
       p.Add' custom styling'
 
       p←Add _.p