Merge pull request #25 from synaptic-cl/add_hints

Add hints
synaptic-cl · Nov 2, 2017 · 10cb69d · 10cb69d
2 parents 5fcf764 + f029a20
commit 10cb69d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/front/src/components/TimelineBlock.vue b/front/src/components/TimelineBlock.vue
@@ -19,7 +19,6 @@
               -->
             </div>
             <a href="#0" class="cd-read-more" @click="showModal = true">Más Información</a>
-            <!-- @name P01 - Completar información del modal -->
               <modal v-if="showModal" @close="showModal = false" :information="eventData"></modal>
             <span class="cd-date">
                 <strong>Hora de Inicio</strong>: {{eventData[0].timeSlot.start.slice(0, 5)}}<br>
@@ -59,6 +58,12 @@ export default {
 
       /**
        * @name P02 - Marca la posición actual en el timeline.
+       HINT:
+        usa estas variables:
+          this.title = ""
+          this.timeNowImage = ""
+          this.badgeStyle = ""
+       Si necesitas una imágen, utiliza esta: "/src/assets/img/categories/Actions-rating-icon.png"
        * @name P04 - Haz un scroll cuando ya no veas la marca en el timeline.
        * @description En este desafío, se debe implementar la funcionalidad que devuelva cuál charla está finalizada,
        * en curso o próxima, se debe poder ver reflejado en el html.

diff --git a/front/src/components/Utils/Modal.vue b/front/src/components/Utils/Modal.vue
@@ -11,7 +11,7 @@
           </div>
           <div class="modal-body">
             <div :key="item.id" v-for="item in information">
-              <!-- {{information}} -->
+            <!-- @name P01 - Completar información del Modal -->
             </div>
           </div>
           <div class="modal-footer">
@@ -31,7 +31,7 @@ export default {
   data() {
     return {};
   },
-  props: ['information']
+  props: ["information"]
 };
 </script>