Remove slots

app/assets/javascripts/environments/components/environment_actions.js.es6

@@ -23,27 +23,29 @@
      *
      */
     mounted() {
-      // const playIcon = document.querySelector('.play-icon-svg.hidden svg');
-      //
-      // const dropdownContainer = this.$el.querySelector('.dropdown-play-icon-container');
-      // const actionContainers = this.$el.querySelectorAll('.action-play-icon-container');
-      // // Phantomjs does not have support to iterate a nodelist.
-      // const actionsArray = [].slice.call(actionContainers);
-      //
-      // if (playIcon && actionsArray && dropdownContainer) {
-      //   dropdownContainer.appendChild(playIcon.cloneNode(true));
-      //
-      //   actionsArray.forEach((element) => {
-      //     element.appendChild(playIcon.cloneNode(true));
-      //   });
-      // }
+      const playIcon = document.querySelector('.play-icon-svg.hidden svg');
+
+      const dropdownContainer = this.$el.querySelector('.dropdown-play-icon-container');
+      const actionContainers = this.$el.querySelectorAll('.action-play-icon-container');
+      // Phantomjs does not have support to iterate a nodelist.
+      const actionsArray = [].slice.call(actionContainers);
+
+      if (playIcon && actionsArray && dropdownContainer) {
+        dropdownContainer.appendChild(playIcon.cloneNode(true));
+
+        actionsArray.forEach((element) => {
+          element.appendChild(playIcon.cloneNode(true));
+        });
+      }
     },
 
     template: `
       <div class="inline">
         <div class="dropdown">
           <a class="dropdown-new btn btn-default" data-toggle="dropdown">
-            <slot name="actionplayicon"></slot>
+            <span class="dropdown-play-icon-container">
+              <!-- svg goes here -->
+            </span>
             <i class="fa fa-caret-down"></i>
           </a>
 
@@ -53,7 +55,9 @@
                 data-method="post"
                 rel="nofollow"
                 class="js-manual-action-link">
-                <slot name="actionplayicon"></slot>
+                <span class="action-play-icon-container">
+                  <!-- svg goes here -->
+                </span>
                 <span v-html="action.name"></span>
               </a>
             </li>

app/views/projects/environments/index.html.haml

@@ -6,10 +6,8 @@
   = page_specific_javascript_tag("environments/environments_bundle.js")
 .commit-icon-svg.hidden
   = custom_icon("icon_commit")
-
-.play-icon-svg{ slot: "actionplayicon" }
-  %span.hide
-    = custom_icon("icon_play")
+.play-icon-svg.hidden
+  = custom_icon("icon_play")
 
 #environments-list-view{ data: { environments_data: environments_list_data,
   "can-create-deployment" => can?(current_user, :create_deployment, @project).to_s,