saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-23 16:05:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove duplicate combined form, simplify condition in video embed function

Browse Source
This commit is contained in:
austinkelsay 2025-03-01 17:13:09 -06:00
parent 671cba462b
commit 9263a23278
2 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/forms/CombinedResourceForm.js
View File

@ -1,2 +0,0 @@
import CombinedResourceForm from "./combined/CombinedResourceForm";
export default CombinedResourceForm;

18
src/components/forms/combined/CombinedResourceForm.js
View File

@ -48,14 +48,14 @@ const CombinedResourceForm = () => {
const getVideoEmbed = (url) => { const getVideoEmbed = (url) => {
let embedCode = ''; let embedCode = '';
if (url.includes('youtube.com') || url.includes('youtu.be')) { if (url.includes('youtube.com') || url.includes('youtu.be')) {
const videoId = url.split('v=')[1] || url.split('/').pop(); const videoId = url.split('v=')[1] || url.split('/').pop();
embedCode = `<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;"><iframe src="https://www.youtube.com/embed/${videoId}?enablejsapi=1" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe></div>`; embedCode = `<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;"><iframe src="https://www.youtube.com/embed/${videoId}?enablejsapi=1" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe></div>`;
} else if (url.includes('vimeo.com')) { } else if (url.includes('vimeo.com')) {
const videoId = url.split('/').pop(); const videoId = url.split('/').pop();
embedCode = `<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;"><iframe src="https://player.vimeo.com/video/${videoId}" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe></div>`; embedCode = `<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;"><iframe src="https://player.vimeo.com/video/${videoId}" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe></div>`;
} else if (!price || !price > 0 && (url.includes('.mp4') || url.includes('.mov') || url.includes('.avi') || url.includes('.wmv') || url.includes('.flv') || url.includes('.webm'))) { } else if (!price || price <= 0 && (url.includes('.mp4') || url.includes('.mov') || url.includes('.avi') || url.includes('.wmv') || url.includes('.flv') || url.includes('.webm'))) {
embedCode = `<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;"><video src="${CDN_ENDPOINT}/${url}" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" controls></video></div>`; embedCode = `<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;"><video src="${CDN_ENDPOINT}/${url}" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" controls></video></div>`;
} else if (url.includes('.mp4') || url.includes('.mov') || url.includes('.avi') || url.includes('.wmv') || url.includes('.flv') || url.includes('.webm')) { } else if (url.includes('.mp4') || url.includes('.mov') || url.includes('.avi') || url.includes('.wmv') || url.includes('.flv') || url.includes('.webm')) {
const baseUrl = process.env.NEXT_PUBLIC_API_URL || "http://localhost:3000"; const baseUrl = process.env.NEXT_PUBLIC_API_URL || "http://localhost:3000";
@ -140,7 +140,7 @@ const CombinedResourceForm = () => {
<div className="p-inputgroup flex-1"> <div className="p-inputgroup flex-1">
<InputText value={title} onChange={(e) => setTitle(e.target.value)} placeholder="Title" /> <InputText value={title} onChange={(e) => setTitle(e.target.value)} placeholder="Title" />
</div> </div>
<div className="p-inputgroup flex-1 mt-4"> <div className="p-inputgroup flex-1 mt-4">
<InputTextarea value={summary} onChange={(e) => setSummary(e.target.value)} placeholder="Summary" rows={5} cols={30} /> <InputTextarea value={summary} onChange={(e) => setSummary(e.target.value)} placeholder="Summary" rows={5} cols={30} />
</div> </div>
@ -178,12 +178,12 @@ const CombinedResourceForm = () => {
<div className="mt-8 flex-col w-full"> <div className="mt-8 flex-col w-full">
<span className="pl-1 flex items-center"> <span className="pl-1 flex items-center">
External Links External Links
<i className="pi pi-info-circle ml-2 cursor-pointer" <i className="pi pi-info-circle ml-2 cursor-pointer"
data-pr-tooltip="Add any relevant external links that pair with this content (these links are currently not encrypted for 'paid' content)" data-pr-tooltip="Add any relevant external links that pair with this content (these links are currently not encrypted for 'paid' content)"
data-pr-position="right" data-pr-position="right"
data-pr-at="right+5 top" data-pr-at="right+5 top"
data-pr-my="left center-2" data-pr-my="left center-2"
style={{ fontSize: '1rem', color: 'var(--primary-color)' }} style={{ fontSize: '1rem', color: 'var(--primary-color)' }}
/> />
</span> </span>
{additionalLinks.map((link, index) => ( {additionalLinks.map((link, index) => (