lbry.com/view/template/acquisition/youtube_status.php

126 lines
7.3 KiB
PHP

<?php Response::setMetaDescription('YouTuber? Take back control! LBRY allows publication on your terms. It\'s open-source, decentralized, and gives you 100% of the profit.') ?>
<?php Response::setMetaTitle(__('YouTubers! Take back control.')) ?>
<?php Response::setCssAssets(['/css/youtube.css']) ?>
<?php Response::addJsAsset('/js/yt2/FormValidation.js')?>
<?php Response::addJsAsset('/js/yt2/youtube_status.js') ?>
<?php Response::addJsAsset('/js/yt2/youtube_video.js')?>
<?php Response::addJsAsset('//www.googleadservices.com/pagead/conversion_async.js') ?>
<?php $statusData = $status_token['data'] ?>
<?php $isSyncAgreed = in_array($statusData['status'], ["syncing", "synced", "queued"]) ?>
<?php $isRewardClaimed = $statusData['is_reward_claimed'] ?? false ?>
<?php if (IS_PRODUCTION): ?>
<?php js_start() ?>
if (!localStorage.getItem('status_token')) {
ga('send', 'event', 'YT Sync', '<?php echo $isSyncAgreed ? "pending" : "queued" ?>', '');
fbq('track', 'Lead');
window.google_conversion_id = 980489749;
window.google_conversion_label = "B0ZpCIuLgV0QlazE0wM";
window.google_remarketing_only = false;
window.google_conversion_format = "3";
var opt = new Object();
opt.onload_callback = function() { };
var conv_handler = window['google_trackConversion'];
if (typeof(conv_handler) == 'function') {
conv_handler(opt);
}
}
<?php js_end() ?>
<?php endif ?>
<main class="channel-settings">
<?php echo View::render('acquisition/_youtube_header') ?>
<section class="section channel pad-top">
<div class="inner">
<div class="content">
<?php if (preg_match('/^[A-Za-z0-9._%+-]+@plusgoogle.com$/', $statusData['email'])): ?>
<div id="email-google-plus-error" class="error">Your email address is set as <?php echo $statusData['email'];?>.<br>If this is not your email address, please <span id="scroll_email">change it below</span>.</div>
<?php endif ?>
<div class="zigzag"></div>
<h1><?php echo $isSyncAgreed && $isRewardClaimed ? "You're all set!" : "Almost done!" ?></h1>
<div class="confirmation-steps">
<ul>
<li>
<span>✓</span>
<p>Confirm your channel</p>
</li>
<li class="<?php echo $isSyncAgreed? "" : "disabled" ?>">
<span><?php echo $isSyncAgreed ? "✓" : "☐" ?></span>
<p>Agree to sync</p>
<p <?php echo $isSyncAgreed ? "hidden" : "" ?>>click <a id="scroll-sync" href="#">here</a> to agree to sync your content</p>
</li>
<li class="<?php echo $isRewardClaimed && $isSyncAgreed? "" : "disabled" ?>">
<span><?php echo $isRewardClaimed ? "✓" : "☐" ?></span>
<p>Claim your credits</p>
<p <?php echo ($isRewardClaimed === false && $isSyncAgreed === true)? "" : "hidden"?>>To get your credits, <a href="/get">download the app</a> and <a href="/faq/youtube">follow these instructions.</a></p>
</li>
</ul>
</div>
<div class="blocks">
<div class="block">
<p>Your Sync Status<br>
<span>
<?php switch ($statusData['status']) {
case "pending": echo __("Pending Agreement"); break;
case "queued": echo __("Queued"); break;
case "syncing": echo __("Sync in Progress!"); break;
case "synced": echo __("Content is Live!"); break;
} ?>
</span>
</p>
</div>
<div class="block">
<p>Subscribers<br>
<span><?php echo $statusData['subscribers'] === 0? "-": $statusData['subscribers']?></span>
</p>
</div>
<div class="block">
<p>Videos<br>
<span><?php echo $statusData['videos'] === 0? "-": $statusData['videos']?></span>
</p>
</div>
<div class="block">
<p>Expected Rewards<br>
<span><?php echo $statusData['expected_reward'] === 0? "-": $statusData['expected_reward']?></span>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="section settings">
<div class="inner">
<div class="content">
<div class="zigzag"></div>
<h1>Confirm your preferences</h1>
<form id="youtube_settings" action="/youtube/edit" method="post">
<div>
<input type="hidden" name="status_token" id="status_token" value="<?php echo $token?>"/>
</div>
<?php
if ($error_message): echo "<div>" . "The following error occurred: ". $error_message . " For support please send an email to hello@lbry.io" . "</div>";
endif;?>
<div class="block">
<label for="channel-name">LBRY Channel ID</label>
<input type="text" id="channel-name" name="new_preferred_channel" placeholder="@YourPreferredChannelName" value="<?php echo $statusData['lbry_channel_name'];?>" <?php if ($statusData['status'] == 'syncing' || $statusData['status'] == 'synced'): echo "disabled"; endif; ?> >
<div hidden id="channel-name-error" class="error">Channel is invalid or blank</div>
</div>
<div class="block">
<label for="email">Preferred Email</label>
<input type="text" id="email" name="new_email" placeholder="bill@gmail.com" value="<?php echo $statusData['email'];?>">
<div hidden id="email-error" class="error">Email is invalid or blank</div>
<div hidden id="email-google-plus-error" class="error">Are you sure you want to use this email</div>
</div>
<label for="sync-consent" class="block full">
<input name="sync_consent" id="sync-consent" type="checkbox" <?php if ($statusData['status'] == 'queued'): echo "checked"; endif;?> <?php if ($statusData['status'] == 'syncing' || $statusData['status'] == 'synced'): echo "disabled "; echo "checked"; endif; ?>>I want to sync my content to the LBRY network and agree to <a href="/faq/youtube-terms">these terms</a>.
<div hidden id="sync-consent-error" class="error">In order to continue, you must agree to sync.</div>
</label>
<div class="block">
<button type="submit" onClick="return submitEditForm()">Save Changes</button>
</div>
</form>
</div>
</div>
</main>