Bring back cloudflare ports warning in all places

dashboard/src/components/PortBindings.vue

@@ -2,7 +2,7 @@
 
 import { FormGroup, Checkbox, NumberInput } from 'pankow';
 
-defineProps([ 'error' ]);
+defineProps([ 'error', 'domainProvider' ]);
 
 // all ports require a property called 'value' for the model to work
 const tcpPorts = defineModel('tcp');
@@ -18,7 +18,8 @@ const udpPorts = defineModel('udp');
       <small v-show="port.readOnly">{{ $t('appstore.installDialog.portReadOnly') }}</small>
       <small class="has-error" v-if="error.port === port.value">Port already taken {{ port }}</small>
       <NumberInput v-model="port.value" :disabled="!port.enabled" :min="1"/>
-      <!-- TODO <p class="text-small text-warning text-bold" ng-show="appInstall.domain.provider === 'cloudflare'">{{ 'appstore.installDialog.cloudflarePortWarning' | tr }} </p> -->
+      <div class="warning-label" v-show="domainProvider === 'cloudflare'">{{ $t('appstore.installDialog.cloudflarePortWarning') }}</div>
+      <div class="warning-label" v-show="domainProvider === 'manual'">{{ $t('appstore.installDialog.cloudflarePortWarning') }}</div>
     </FormGroup>
   </div>
 </template>