feature: add from now to date (#139)

Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (0.1.16)
+    avo (0.1.18)
       countries
       inline_svg
       kaminari

app/frontend/js/components/Index/DatetimeField.vue

@@ -12,7 +12,11 @@ export default {
   props: ['field'],
   computed: {
     value() {
-      if (this.field.value) return moment(new Date(this.field.value)).format(this.field.format)
+      if (this.field.value) {
+        if (this.field.from_now) return moment(new Date(this.field.value)).fromNow()
+
+        return moment(new Date(this.field.value)).format(this.field.format)
+      }
 
       return null
     },

app/frontend/js/components/Show/DatetimeField.vue

@@ -24,7 +24,11 @@ export default {
   methods: {
     setInitialValue() {
       if (this.field.value) {
-        this.value = moment(this.field.value).format(this.field.format)
+        if (this.field.from_now) {
+          this.value = moment(new Date(this.field.value)).fromNow()
+        } else {
+          this.value = moment(this.field.value).format(this.field.format)
+        }
       } else {
         this.value = null
       }

lib/avo/app/fields/date_field.rb

@@ -15,6 +15,7 @@ def initialize(name, **args, &block)
         @picker_format = args[:picker_format].present? ? args[:picker_format] : 'Y-m-d'
         @format = args[:format].present? ? args[:format] : 'YYYY-MM-DD'
         @placeholder = args[:placeholder].present? ? args[:placeholder] : ''
+        @from_now = args[:from_now].present? ? args[:from_now] : false
       end
 
       def hydrate_field(fields, model, resource, view)
@@ -23,6 +24,7 @@ def hydrate_field(fields, model, resource, view)
           picker_format: @picker_format,
           format: @format,
           placeholder: @placeholder,
+          from_now: @from_now,
         }
       end
     end

lib/avo/app/fields/datetime_field.rb

@@ -26,6 +26,7 @@ def hydrate_field(fields, model, resource, view)
           enable_time: true,
           time_24hr: @time_24hr,
           timezone: @timezone,
+          from_now: @from_now,
         }
       end
     end

lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = '0.1.16'
+  VERSION = '0.1.18'
 end

spec/dummy/app/avo/resources/project.rb

@@ -16,7 +16,7 @@ def initialize
         currency :budget, currency: 'EUR', locale: 'de-DE'
         country :country
         number :users_required
-        datetime :started_at, time_24hr: true
+        datetime :started_at, name: 'Started', time_24hr: true, from_now: true
         files :files
         key_value :meta, key_label: 'Meta key', value_label: 'Meta value', action_text: 'New item', delete_text: 'Remove item', disable_editing_keys: false, disable_adding_rows: false, disable_deleting_rows: false