.drone.yml

@@ -1,6 +1,5 @@
 kind: pipeline
 type: docker
-name: analyseAndBuild
 
 steps:
   - name: code-analysis
@@ -27,17 +26,7 @@ steps:
     environment:
       VUE_APP_API_BASE_URL:
         from_secret: baseurl
-trigger:
-  event:
-    - push
-    - pull_request
 
----
-kind: pipeline
-type: docker
-name: CopyToServer
-
-steps:
   - name: scp files
     image: appleboy/drone-scp
     settings:
@@ -48,34 +37,6 @@ steps:
       port: 22
       target: /home/ubuntu/courses
       source: dist/*
-
-trigger:
-  event:
-    - promote
-  target:
-    - production
-
----
-kind: pipeline
-type: ssh
-name: Deploy
-
-server:
-  host: amine-louveau.fr
-  user: ubuntu
-  ssh_key:
-    from_secret: ssh_key
-
-steps:
-  - name: copy
-    commands:
-      - cd /home/ubuntu/courses
-      - mv dist/* ./
-      - sudo chown www-data:www-data ./*
-      - sudo rm -rf /var/www/amine/courses/*
-      - sudo mv ./* /var/www/amine/courses/
-trigger:
-  event:
-    - promote
-  target:
-    - production
+    when:
+      branch:
+        - main

src/views/Lists.vue

@@ -11,7 +11,7 @@
       </div>
 
       <div class="level-right">
-        <button class="button is-large" v-on:click="newItem">
+        <button class="button is-large" v-on:click="toggleModal">
           <span class="icon is-medium">
             <ion-icon name="add-outline"></ion-icon>
           </span>
@@ -20,19 +20,18 @@
     </nav>
     <div class="columns">
       <div class="column is-one-quarter"  v-for="item in lists" :key="item.id">
-        <router-link :to="{ name: 'List', params: { id: item.id }}" custom v-slot="{ navigate }">
-          <div class="card" @click="navigate">
-            <div class="card-content">
-              <p class="title">
-                {{item.name}}
-              </p>
-            </div>
-            <footer class="card-footer">
-              <a href="#" class="card-footer-item" v-on:click.prevent="selectItem(item)">Edit</a>
-              <a href="#" class="card-footer-item" v-on:click.prevent="deleteItem(item)">Delete</a>
-            </footer>
+        <div class="card">
+          <div class="card-content">
+            <p class="title">
+              {{item.name}}
+            </p>
           </div>
-        </router-link>
+          <footer class="card-footer">
+            <router-link class="card-footer-item" :to="{ name: 'List', params: { id: item.id }}">Select</router-link>
+            <a href="#" class="card-footer-item" v-on:click="selectItem(item)">Edit</a>
+            <a href="#" class="card-footer-item" v-on:click="deleteItem(item)">Delete</a>
+          </footer>
+        </div>
       </div>
     </div>
   </div>
@@ -82,10 +81,6 @@ export default {
     toggleModal: function () {
       this.addModalShown = !this.addModalShown;
     },
-    newItem: function () {
-      this.selectedItem = null;
-      this.toggleModal();
-    },
     selectItem: function (item) {
       this.selectedItem = item;
       this.toggleModal();