more buttons

www/index.html

                     </td>
                     <td>
                       <div class="btn-group" role="group">
-                        <button type="button" class="btn btn-primary autodoc_tag_color_primary">
+                        <button type="button" class="btn btn-primary" data="autodoc_tag_color_primary">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-secondary autodoc_tag_color_secondary">
+                        <button type="button" class="btn btn-secondary" data="autodoc_tag_color_secondary">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-success autodoc_tag_color_success">
+                        <button type="button" class="btn btn-success" data="autodoc_tag_color_success">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-danger autodoc_tag_color_danger">
+                        <button type="button" class="btn btn-danger" data="autodoc_tag_color_danger">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-warning autodoc_tag_color_warning">
+                        <button type="button" class="btn btn-warning" data="autodoc_tag_color_warning">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-info autodoc_tag_color_info">
+                        <button type="button" class="btn btn-info" data="autodoc_tag_color_info">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-light autodoc_tag_color_light">
+                        <button type="button" class="btn btn-light" data="autodoc_tag_color_light">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                             <i class="fas fa-times"></i>
                           </span>
                         </button>
-                        <button type="button" class="btn btn-dark autodoc_tag_color_dark">
+                        <button type="button" class="btn btn-dark" data="autodoc_tag_color_dark">
                           <span class="autodoc_tag_btn_on d-none">
                             <i class="fas fa-check"></i>
                           </span>
                           </span>
                         </button>
                       </div>
+                      <!--
                       <a href="#" class="autodoc_tag_color badge badge-primary" data="primary">0</a>
                       <a href="#" class="autodoc_tag_color badge badge-secondary" data="secondary">0</a>
                       <a href="#" class="autodoc_tag_color badge badge-success" data="success">0</a>
                       <a href="#" class="autodoc_tag_color badge badge-info" data="info">0</a>
                       <a href="#" class="autodoc_tag_color badge badge-light" data="light">0</a>
                       <a href="#" class="autodoc_tag_color badge badge-dark" data="dark">0</a>
+                      -->
                     </td>
                     <td>
                       <span id="autodoc_tag_result" class="badge"></span>

www/js/autodoc.js

   });
 
   $('.autodoc_tag_color').click(function(e) {
+    $(e.target).parent().children().removeClass('active');
+    $(e.target).addClass('active');
+
+    $(e.target).parent().children().each(function(id,x) {
+      var myclass = 'badge-' + $(x).attr('data').split('_').pop();
+      $('#autodoc_tag_result').removeClass(myclass);
+    });
+
+    var myclass = 'badge-' + $(e.target).attr('data').split('_').pop();
+    $('#autodoc_tag_result').addClass(myclass);
+
+  });
+
+  $('.NOPE_autodoc_tag_color').click(function(e) {
     
     $(e.target).parent().children().html('0');
     $(e.target).html('1');