Add YoHours button to recurring schedule fields

data/core.yaml

@@ -8,6 +8,7 @@ en:
     copy: copy
     view_on: view on {domain}
     visit_website: visit website
+    edit_in: edit in {tool}
     favorite: favorite
     list: list
     text: text

modules/presets/index.js

@@ -66,6 +66,14 @@ export function presetIndex() {
         fileFetcher.get('preset_fields')
       ])
       .then(vals => {
+        // https://github.com/ideditor/schema-builder/issues/100
+        const scheduleFields = ['opening_hours', 'opening_hours/covid19', 'service_times', 'collection_times'];
+        scheduleFields.forEach(id => {
+          if (id in vals[3]) {
+            vals[3][id].type = 'schedule';
+          }
+        });
+
         _this.merge({
           categories: vals[0],
           defaults: vals[1],

modules/ui/fields/index.js

@@ -34,6 +34,7 @@ import {
     uiFieldEmail,
     uiFieldIdentifier,
     uiFieldNumber,
+    uiFieldSchedule,
     uiFieldTel,
     uiFieldText,
     uiFieldUrl
@@ -79,6 +80,7 @@ export var uiFields = {
     onewayCheck: uiFieldOnewayCheck,
     radio: uiFieldRadio,
     restrictions: uiFieldRestrictions,
+    schedule: uiFieldSchedule,
     semiCombo: uiFieldSemiCombo,
     structureRadio: uiFieldStructureRadio,
     tel: uiFieldTel,

modules/ui/fields/input.js

@@ -18,12 +18,14 @@ export {
     uiFieldText as uiFieldEmail,
     uiFieldText as uiFieldIdentifier,
     uiFieldText as uiFieldNumber,
+    uiFieldText as uiFieldSchedule,
     uiFieldText as uiFieldTel,
     uiFieldText as uiFieldUrl,
     likelyRawNumberFormat
 };
 
 const likelyRawNumberFormat = /^-?(0\.\d*|\d*\.\d{0,2}(\d{4,})?|\d{4,}\.\d{3})$/;
+const yoHoursURLFormat = 'https://projets.pavie.info/yohours/?oh={value}';
 
 export function uiFieldText(field, context) {
     var dispatch = d3_dispatch('change');
@@ -196,6 +198,26 @@ export function uiFieldText(field, context) {
                     }
                 })
                 .merge(outlinkButton);
+        } else if (field.type === 'schedule') {
+
+            input.attr('type', 'text');
+
+            outlinkButton = wrap.selectAll('.foreign-id-permalink')
+                .data([0]);
+
+            outlinkButton.enter()
+                .append('button')
+                .call(svgIcon('#iD-icon-out-link'))
+                .attr('class', 'form-field-button foreign-id-permalink')
+                .attr('title', () => t('icons.edit_in', { tool: 'YoHours' }))
+                .on('click', function(d3_event) {
+                    d3_event.preventDefault();
+
+                    var value = validIdentifierValueForLink();
+                    var url = yoHoursURLFormat.replace(/{value}/, encodeURIComponent(value || ''));
+                    window.open(url, '_blank');
+                })
+                .merge(outlinkButton);
         } else if (field.type === 'url') {
             input.attr('type', 'text');
 
@@ -377,6 +399,9 @@ export function uiFieldText(field, context) {
         if (field.type === 'identifier' && field.pattern) {
             return value && value.match(new RegExp(field.pattern))[0];
         }
+        if (field.type === 'schedule') {
+            return value;
+        }
         return null;
     }
 
@@ -520,7 +545,7 @@ export function uiFieldText(field, context) {
         if (field.type === 'date') updateDateField();
 
         if (outlinkButton && !outlinkButton.empty()) {
-            var disabled = !validIdentifierValueForLink();
+            var disabled = !validIdentifierValueForLink() && field.type !== 'schedule';
             outlinkButton.classed('disabled', disabled);
         }