Adds environments actions component

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

+/*= require vue
+/* global Vue */
+
+(() => {
+  window.gl = window.gl || {};
+  window.gl.environmentsList = window.gl.environmentsList || {};
+  
+  window.gl.environmentsList.ActionsComponent = Vue.component('actions-component', {
+    props: {
+      actions: {
+        type: Array,
+        required: false,
+        default: () => []
+      }
+    },
+    
+    template: `
+      <div class="inline">
+        <div class="dropdown">
+          <a class="dropdown-new btn btn-default" data-toggle="dropdown">
+            playIcon
+            <i class="fa fa-caret-down"></i>
+          </a>
+          
+          <ul class="dropdown-menu dropdown-menu-align-right">
+            <li v-for="action in actions">
+              <a :href="action.play_url" data-method="post" rel="nofollow">
+                icon play
+                <span>
+                  {{action.name}}
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    `
+  }); 
+})();
\ No newline at end of file

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

 /*= require vue_common_component/commit
-/*= require timeago
 /* globals Vue, timeago */
 
 (() => {

app/assets/javascripts/environments/environments_bundle.js.es6

@@ -41,7 +41,9 @@ $(() => {
 
     data: {
       state: Store.state,
-      endpoint: environmentsListApp.dataset.endpoint,
+      endpoint: environmentsListApp.dataset.environmentsDataEndpoint,
+      canCreateDeployment: environmentsListApp.dataset.canCreateDeployment,
+      canReadEnvironment: environmentsListApp.dataset.canReadEnvironment,
       loading: true,
       visibility: 'available',
     },

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

@@ -5,7 +5,7 @@
 - content_for :page_specific_javascripts do
   = page_specific_javascript_tag("environments/environments_bundle.js")
   
-#environments-list-view{ data: environments_list_data, class: container_class }
+#environments-list-view{ data: { environments_data: environments_list_data, "can-create-deployment" => can?(current_user, :create_deployment, @environment), "can_read_environment" => can?(current_user, :read_environment, @project)}, class: container_class }
   .top-area
     %ul.nav-links{ "v-if" => "!loading" }
       %li{class: ('active' if @scope.nil?)}