Port federatedfilesharing personal settings to vue

Signed-off-by: Carl Schwan <carl@carlschwan.eu>

1 files changed, 23 insertions, 57 deletions

diff --git a/apps/federatedfilesharing/templates/settings-personal.php b/apps/federatedfilesharing/templates/settings-personal.php
index 2e81ccf6497..4f71a78aef5 100644
--- a/apps/federatedfilesharing/templates/settings-personal.php
+++ b/apps/federatedfilesharing/templates/settings-personal.php
@@ -1,60 +1,26 @@
 <?php
-/** @var \OCP\IL10N $l */
-/** @var array $_ */
-script('federatedfilesharing', 'settings-personal');
-style('federatedfilesharing', 'settings-personal');
+/*
+ * @copyright 2022 Carl Schwan <carl@carlschwan.eu>
+ *
+ * @author Carl Schwan <carl@carlschwan.eu>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+*/
+
+\OCP\Util::addScript('federatedfilesharing', 'vue-settings-personal');
 ?>
 
-<div id="fileSharingSettings" class="section">
-	<h2 data-anchor-name="federated-cloud"><?php p($l->t('Federated Cloud')); ?></h2>
-	<a target="_blank" rel="noreferrer noopener" class="icon-info svg"
-	title="<?php p($l->t('Open documentation'));?>"
-	href="<?php p(link_to_docs('user-sharing-federated')); ?>"></a>
-	<p class="settings-hint"><?php p($l->t('You can share with anyone who uses a Nextcloud server or other Open Cloud Mesh (OCM) compatible servers and services! Just put their Federated Cloud ID in the share dialog. It looks like person@cloud.example.com')); ?></p>
-
-	<p>
-		<?php p($l->t('Your Federated Cloud ID:')); ?>
-		<strong id="cloudid"><?php p($_['cloudId']); ?></strong>
-		<a class="clipboardButton icon icon-clippy" data-clipboard-target="#cloudid"></a>
-	</p>
-
-	<br>
-
-	<p>
-		<?php p($l->t('Share it so your friends can share files with you:')); ?><br>
-		<button class="social-facebook pop-up social_sharing_buttons"
-				data-url='https://www.facebook.com/sharer/sharer.php?u=<?php p(urlencode($_['reference'])); ?>'>
-			Facebook
-		</button>
-		<button class="social-twitter pop-up social_sharing_buttons"
-			data-url='https://twitter.com/intent/tweet?text=<?php p(urlencode($_['message_with_URL'])); ?>'>
-			Twitter
-		</button>
-		<button class="social-diaspora pop-up social_sharing_buttons"
-				data-url='https://share.diasporafoundation.org/?title=<?php p($_['message_without_URL']); ?>&url=<?php p(urlencode($_['reference'])); ?>'>
-			Diaspora
-		</button>
-		<button id="oca-files-sharing-add-to-your-website">
-			<?php p($l->t('Add to your website')) ?>
-		</button>
-	</p>
-
-	<div class="hidden" id="oca-files-sharing-add-to-your-website-expanded">
-	<p style="margin: 10px 0">
-		<a target="_blank" rel="noreferrer noopener" href="<?php p($_['reference']); ?>"
-			style="padding:10px;background-color:<?php p($_['color']); ?>;color:<?php p($_['textColor']); ?>;border-radius:3px;padding-left:4px;">
-			<span style="background-image:url(<?php p(\OC::$server->getURLGenerator()->getAbsoluteURL($_['logoPath'])); ?>);width:50px;height:30px;position:relative;top:8px;background-size:contain;display:inline-block;background-repeat:no-repeat; background-position: center center;"></span>
-			<?php p($l->t('Share with me via Nextcloud')); ?>
-		</a>
-	</p>
-
-	<p>
-		<?php p($l->t('HTML Code:')); ?>
-		<xmp><a target="_blank" rel="noreferrer noopener" href="<?php p($_['reference']); ?>" style="padding:10px;background-color:<?php p($_['color']); ?>;color:<?php p($_['textColor']); ?>;border-radius:3px;padding-left:4px;">
-<span style="background-image:url(<?php p(\OC::$server->getURLGenerator()->getAbsoluteURL($_['logoPath'])); ?>);width:50px;height:30px;position:relative;top:8px;background-size:contain;display:inline-block;background-repeat:no-repeat; background-position: center center;"></span>
-<?php p($l->t('Share with me via Nextcloud')); ?></a></xmp>
-	</p>
-	</div>
-
-</div>
-
+<div id="vue-personal-federated"></div>