From 2de6f9debbd29aa7f6411503eb36ebe585d522da Mon Sep 17 00:00:00 2001
From: martinRenou <martin.renou@isae.fr>
Date: Tue, 6 Jun 2017 14:01:44 +0100
Subject: [PATCH] First working version

---
 .../accounting/NewAccountingDialog.vue        | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/admin/vue-components/accounting/NewAccountingDialog.vue b/frontend/admin/vue-components/accounting/NewAccountingDialog.vue
index 3b9845e3c..72a8684da 100644
--- a/frontend/admin/vue-components/accounting/NewAccountingDialog.vue
+++ b/frontend/admin/vue-components/accounting/NewAccountingDialog.vue
@@ -5,7 +5,11 @@
       <vue-form :state="formstate" v-model="formstate" @submit.prevent="createNewAccounting">
         <validate auto-label class="form-group required-field" :class="fieldClassName(formstate.image_name)">
           <label class="control-label">Image Name</label>
-          <input type="text" name="image_name" class="form-control" required v-model="model.image_name">
+          <select name="image_name" class="form-control" required v-model="model.image_name">
+            <option v-for="imageName in imageNames">
+              {{imageName}}
+            </option>
+          </select>
           <field-messages name="image_name" show="$dirty || $submitted">
             <span class="help-block" slot="required">Image Name cannot be empty</span>
           </field-messages>
@@ -74,10 +78,22 @@
           volume_target: '',
           volume_readonly: false,
           volume_source_target: []
-        }
+        },
+        imageNames: []
       };
     },
 
+    mounted: function() {
+      resources.Application.items()
+      .done((identifiers, items) => {
+        this.imageNames = [];
+        identifiers.forEach((id) => {
+          let item = items[id];
+          this.imageNames.push(item.image_name);
+        });
+      });
+    },
+
     methods: {
       close: function () {
         this.$emit('closed');