Added templates for available feed source types

Author: jeppekroghitk

src/components/feed-sources/feed-source-type-templates/CalendarFeedType.template.jsx

@@ -0,0 +1,27 @@
+import { React } from "react";
+import PropTypes from "prop-types";
+import FormInput from "../../util/forms/form-input";
+
+const CalendarFeedTypeTemplate = ({ handleInput, formStateObject, t }) => {
+  return (
+    <>
+      <FormInput
+        name="resources"
+        type="text"
+        label={t("dynamic-fields.CalendarFeedType.resources")}
+        onChange={handleInput}
+        value={formStateObject.feedSources}
+      />
+    </>
+  );
+};
+
+
+CalendarFeedTypeTemplate.propTypes = {
+  handleInput: PropTypes.func,
+  formStateObject: PropTypes.shape({
+    feedSources: PropTypes.string,
+  }),
+  t: PropTypes.func,
+};
+export default CalendarFeedTypeTemplate;

src/components/feed-sources/feed-source-type-templates/EventDatabaseApiFeedType.template.jsx

@@ -0,0 +1,26 @@
+import { React } from "react";
+import PropTypes from "prop-types";
+import FormInput from "../../util/forms/form-input";
+
+const EventDatabaseApiTemplate = ({ handleInput, formStateObject, t }) => {
+  return (
+    <>
+      <FormInput
+        name="host"
+        type="text"
+        label={t("dynamic-fields.eventDatabaseApi.host")}
+        onChange={handleInput}
+        value={formStateObject.host}
+      />
+    </>
+  );
+};
+
+EventDatabaseApiTemplate.propTypes = {
+  handleInput: PropTypes.func,
+  formStateObject: PropTypes.shape({
+    host: PropTypes.string,
+  }),
+  t: PropTypes.func,
+};
+export default EventDatabaseApiTemplate;

src/components/feed-sources/feed-source-type-templates/NotifiedFeedType.template.jsx

@@ -0,0 +1,26 @@
+import { React } from "react";
+import PropTypes from "prop-types";
+import FormInput from "../../util/forms/form-input";
+
+const NotifiedFeedTypeTemplate = ({ handleInput, formStateObject, t }) => {
+  return (
+    <>
+      <FormInput
+        name="token"
+        type="text"
+        label={t("dynamic-fields.AppFeedNotifiedFeedType.token")}
+        onChange={handleInput}
+        value={formStateObject.token}
+      />
+    </>
+  );
+};
+
+NotifiedFeedTypeTemplate.propTypes = {
+  handleInput: PropTypes.func,
+  formStateObject: PropTypes.shape({
+    token: PropTypes.string,
+  }),
+  t: PropTypes.func,
+};
+export default NotifiedFeedTypeTemplate;

src/components/feed-sources/feed-source-type-templates/SparkleIOFeedType.template.jsx

@@ -0,0 +1,41 @@
+import { React } from "react";
+import PropTypes from "prop-types";
+import FormInput from "../../util/forms/form-input";
+
+const SparkleIOFeedTypeTemplate = ({ handleInput, formStateObject, t }) => {
+  return (
+    <>
+      <FormInput
+        name="BaseUrl"
+        type="text"
+        label={t("dynamic-fields.SparkleIOFeedType.baseUrl")}
+        onChange={handleInput}
+        value={formStateObject.notifiedFeedTypeToken}
+      />
+      <FormInput
+        name="clientId"
+        type="text"
+        label={t("dynamic-fields.SparkleIOFeedType.clientId")}
+        onChange={handleInput}
+        value={formStateObject.notifiedFeedTypeToken}
+      />
+      <FormInput
+        name="clientSecret"
+        type="text"
+        label={t("dynamic-fields.SparkleIOFeedType.clientSecret")}
+        onChange={handleInput}
+        value={formStateObject.notifiedFeedTypeToken}
+      />
+    </>
+  );
+};
+
+
+SparkleIOFeedTypeTemplate.propTypes = {
+  handleInput: PropTypes.func,
+  formStateObject: PropTypes.shape({
+    notifiedFeedTypeToken: PropTypes.string,
+  }),
+  t: PropTypes.func,
+};
+export default SparkleIOFeedTypeTemplate;