mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
177 lines
8.2 KiB
177 lines
8.2 KiB
4 years ago
|
<template>
|
||
|
|
|
||
|
|
<section class="section container">
|
||
|
|
<div class="box">
|
||
|
|
<div class="box">
|
||
|
|
<h3 class="title is-3">Connected social accounts (work in progress)</h3>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('facebook')">
|
||
|
|
<button class="button">facebook</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('google')">
|
||
|
|
<button class="button">google</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('twitter')">
|
||
|
|
<button class="button">twitter</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('linkedin')">
|
||
|
|
<button class="button">linkedin</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('paypal')">
|
||
|
|
<button class="button">paypal</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('github')">
|
||
|
|
<button class="button">github</button>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
<div class="box">
|
||
|
|
<h3 class="title is-3">Unconnected social accounts (work in progress)</h3>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('facebook')">
|
||
|
|
<button class="button">facebook</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('google')">
|
||
|
|
<button class="button">google</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('twitter')">
|
||
|
|
<button class="button">twitter</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('linkedin')">
|
||
|
|
<button class="button">linkedin</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('paypal')">
|
||
|
|
<button class="button">paypal</button>
|
||
|
|
</section>
|
||
|
|
<section class="" v-if="isConnectedSocialAccount('github')">
|
||
|
|
<button class="button">github</button>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!--<div align="center">-->
|
||
|
|
|
||
|
|
|
||
|
|
<!--<!–<h1>user.accounts</h1>–>-->
|
||
|
|
<!--<!–<section class="row">–>-->
|
||
|
|
<!--<!–<h3 class="col-md-12 text-center" ng-show="hasConnectedAdditionalSocialAccounts()">Connected social accounts:</h3>–>-->
|
||
|
|
<!--<!–<div class="col-md-12 text-center">–>-->
|
||
|
|
<!--<!–<!–<div ng-repeat="(providerName, providerData) in user.additionalProvidersData" class="social-account-container">–>–>-->
|
||
|
|
<!--<!–<!–<!–<img ng-src="/modules/users/client/img/buttons/{{providerName}}.png">–>–>–>-->
|
||
|
|
<!--<!–<!–<a class="btn btn-danger btn-raised btn-remove-account" ng-click="removeUserSocialAccount(providerName)">–>–>-->
|
||
|
|
<!--<!–<!–<i class="glyphicon glyphicon-trash"></i>–>–>-->
|
||
|
|
<!--<!–<!–</a>–>–>-->
|
||
|
|
<!--<!–<!–</div>–>–>-->
|
||
|
|
<!--<!–</div>–>-->
|
||
|
|
<!--<!–<h3 class="col-md-12 text-center" ng-show="hasConnectedAdditionalSocialAccounts()">–>-->
|
||
|
|
<!--<!–Unconnected social accounts:</h3>–>-->
|
||
|
|
<!--<!–<div class="col-md-12 text-center">–>-->
|
||
|
|
<!--<!–<div class="social-account-container" ng-hide="isConnectedSocialAccount('facebook')">–>-->
|
||
|
|
<!--<!–<!–<img ng-src="/modules/users/client/img/buttons/facebook.png">–>–>-->
|
||
|
|
<!--<!–<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/facebook" target="_self">–>-->
|
||
|
|
<!--<!–<i class="glyphicon glyphicon-plus">Facebook</i>–>-->
|
||
|
|
<!--<!–</a>–>-->
|
||
|
|
<!--<!–</div>–>-->
|
||
|
|
<!--<!–<div class="social-account-container" ng-hide="isConnectedSocialAccount('twitter')">–>-->
|
||
|
|
<!--<!–<!–<img ng-src="/modules/users/client/img/buttons/twitter.png">–>–>-->
|
||
|
|
<!--<!–<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/twitter" target="_self">–>-->
|
||
|
|
<!--<!–<i class="glyphicon glyphicon-plus">twitter</i>–>-->
|
||
|
|
<!--<!–</a>–>-->
|
||
|
|
<!--<!–</div>–>-->
|
||
|
|
<!--<!–<div class="social-account-container" ng-hide="isConnectedSocialAccount('google')">–>-->
|
||
|
|
<!--<!–<!–<img ng-src="/modules/users/client/img/buttons/google.png">–>–>-->
|
||
|
|
<!--<!–<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/google" target="_self">–>-->
|
||
|
|
<!--<!–<i class="glyphicon glyphicon-plus">google</i>–>-->
|
||
|
|
<!--<!–</a>–>-->
|
||
|
|
<!--<!–</div>–>-->
|
||
|
|
<!--<!–<div class="social-account-container" ng-hide="isConnectedSocialAccount('linkedin')">–>-->
|
||
|
|
<!--<!–<!–<img ng-src="/modules/users/client/img/buttons/linkedin.png">–>–>-->
|
||
|
|
<!--<!–<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/linkedin" target="_self">–>-->
|
||
|
|
<!--<!–<i class="glyphicon glyphicon-plus">linkedin</i>–>-->
|
||
|
|
<!--<!–</a>–>-->
|
||
|
|
<!--<!–</div>–>-->
|
||
|
|
<!--<!–<div class="social-account-container" ng-hide="isConnectedSocialAccount('github')">–>-->
|
||
|
|
<!--<!–<!–<img ng-src="/modules/users/client/img/buttons/github.png">–>–>-->
|
||
|
|
<!--<!–<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/github" target="_self">–>-->
|
||
|
|
<!--<!–<i class="glyphicon glyphicon-plus">github</i>–>-->
|
||
|
|
<!--<!–</a>–>-->
|
||
|
|
<!--<!–</div>–>-->
|
||
|
|
<!--<!–<div class="social-account-container" ng-hide="isConnectedSocialAccount('paypal')">–>-->
|
||
|
|
<!--<!–<!–<img ng-src="/modules/users/client/img/buttons/paypal.png">–>–>-->
|
||
|
|
<!--<!–<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/paypal" target="_self">–>-->
|
||
|
|
<!--<!–<i class="glyphicon glyphicon-plus">paypal</i>–>-->
|
||
|
|
<!--<!–</a>–>-->
|
||
|
|
<!--<!–</div>–>-->
|
||
|
|
<!--<!–</div>–>-->
|
||
|
|
<!--<!–</section>–>-->
|
||
|
|
|
||
|
|
<!--</div>-->
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
computed: {},
|
||
|
|
methods: {
|
||
|
|
hasConnectedAdditionalSocialAccounts() {
|
||
|
|
|
||
|
|
},
|
||
|
|
removeUserSocialAccount() {
|
||
|
|
|
||
|
|
},
|
||
|
|
isConnectedSocialAccount(social) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
beforeCreated() {
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
},
|
||
|
|
beforeDestroy() {
|
||
|
|
},
|
||
|
|
destroy() {
|
||
|
|
},
|
||
|
|
validate({params}) {
|
||
|
|
return true
|
||
|
|
},
|
||
|
|
head() {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
props: {},
|
||
|
|
watch: {},
|
||
|
|
directives: {},
|
||
|
|
components: {}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|
||
|
|
<!--
|
||
|
|
/**
|
||
|
|
* @copyright Copyright (c) 2021, Xgene Cloud Ltd
|
||
|
|
*
|
||
|
|
* @author Naveen MR <oof1lab@gmail.com>
|
||
|
|
* @author Pranav C Balan <pranavxc@gmail.com>
|
||
|
|
*
|
||
|
|
* @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/>.
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
-->
|