added icons to js arrau

index.html

@@ -35,10 +35,7 @@
             <div id="input-div">
                 <h2 id="input-header">Input</h2>
                 <div id="input-controls">
-                    <i class="fas fa-bold"></i> <i class="fas fa-italic"></i> <i class="fas fa-underline"></i> <i class="fas fa-font"></i>
-                    <i class="fas fa-align-left"></i> <i class="fas fa-align-center"></i> <i class="fas fa-align-right"></i>
-                    <i class="fas fa-paragraph"></i> <i class="fas fa-list-ul"></i> <i class="fas fa-list-ol"></i> <i class="fas fa-link"></i>
-                    <i class="fas fa-palette"></i> <i class="fas fa-text-height"></i>
+                  
                     <select id="heading-size">
                         <option value="">Heading</option>
                         <option value="h1">Heading 1</option>

js/application.js

@@ -26,6 +26,106 @@ $(document).ready(function () {
 				return true;
 			}
 		},
+		{
+			'type': 'icon',
+			'icon': 'underline',
+			'name': 'underline',
+			'id': 'underline',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'font',
+			'name': 'font',
+			'id': 'font',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'align-left',
+			'name': 'align-left',
+			'id': 'align-left',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'align-center',
+			'name': 'align-center',
+			'id': 'align-center',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'align-right',
+			'name': 'align-right',
+			'id': 'align-right',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'paragraph',
+			'name': 'paragraph',
+			'id': 'paragraph',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'list-ul',
+			'name': 'list-ul',
+			'id': 'list-ul',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'list-ol',
+			'name': 'list-ol',
+			'id': 'list-ol',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'link',
+			'name': 'link',
+			'id': 'link',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'palette',
+			'name': 'palette',
+			'id': 'palette',
+			'onclick': function () {
+				return true;
+			}
+		},
+		{
+			'type': 'icon',
+			'icon': 'text-height',
+			'name': 'text-height',
+			'id': 'text-height',
+			'onclick': function () {
+				return true;
+			}
+		},
+		
 		{
 			'type': 'drop',
 			'id': 'header',