"Fossies" - the Fresh Open Source Software Archive

Member "nocodb-0.83.5/packages/nc-gui/pages/user/settings/accounts.vue" (27 Nov 2021, 8300 Bytes) of package /linux/misc/nocodb-0.83.5.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) vue.js (beta) source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 <template>
    2   <section class="section container">
    3     <div class="box">
    4       <div class="box">
    5         <h3 class="title is-3">
    6           Connected social accounts (work in progress)
    7         </h3>
    8         <section v-if="isConnectedSocialAccount('facebook')" class="">
    9           <button class="button">
   10             facebook
   11           </button>
   12         </section>
   13         <section v-if="isConnectedSocialAccount('google')" class="">
   14           <button class="button">
   15             google
   16           </button>
   17         </section>
   18         <section v-if="isConnectedSocialAccount('twitter')" class="">
   19           <button class="button">
   20             twitter
   21           </button>
   22         </section>
   23         <section v-if="isConnectedSocialAccount('linkedin')" class="">
   24           <button class="button">
   25             linkedin
   26           </button>
   27         </section>
   28         <section v-if="isConnectedSocialAccount('paypal')" class="">
   29           <button class="button">
   30             paypal
   31           </button>
   32         </section>
   33         <section v-if="isConnectedSocialAccount('github')" class="">
   34           <button class="button">
   35             github
   36           </button>
   37         </section>
   38       </div>
   39       <div class="box">
   40         <h3 class="title is-3">
   41           Unconnected social accounts (work in progress)
   42         </h3>
   43         <section v-if="isConnectedSocialAccount('facebook')" class="">
   44           <button class="button">
   45             facebook
   46           </button>
   47         </section>
   48         <section v-if="isConnectedSocialAccount('google')" class="">
   49           <button class="button">
   50             google
   51           </button>
   52         </section>
   53         <section v-if="isConnectedSocialAccount('twitter')" class="">
   54           <button class="button">
   55             twitter
   56           </button>
   57         </section>
   58         <section v-if="isConnectedSocialAccount('linkedin')" class="">
   59           <button class="button">
   60             linkedin
   61           </button>
   62         </section>
   63         <section v-if="isConnectedSocialAccount('paypal')" class="">
   64           <button class="button">
   65             paypal
   66           </button>
   67         </section>
   68         <section v-if="isConnectedSocialAccount('github')" class="">
   69           <button class="button">
   70             github
   71           </button>
   72         </section>
   73       </div>
   74     </div>
   75   </section>
   76 
   77   <!--<div align="center">-->
   78 
   79   <!--&lt;!&ndash;<h1>user.accounts</h1>&ndash;&gt;-->
   80   <!--&lt;!&ndash;<section class="row">&ndash;&gt;-->
   81   <!--&lt;!&ndash;<h3 class="col-md-12 text-center" ng-show="hasConnectedAdditionalSocialAccounts()">Connected social accounts:</h3>&ndash;&gt;-->
   82   <!--&lt;!&ndash;<div class="col-md-12 text-center">&ndash;&gt;-->
   83   <!--&lt;!&ndash;&lt;!&ndash;<div ng-repeat="(providerName, providerData) in user.additionalProvidersData" class="social-account-container">&ndash;&gt;&ndash;&gt;-->
   84   <!--&lt;!&ndash;&lt;!&ndash;&lt;!&ndash;<img ng-src="/modules/users/client/img/buttons/{{providerName}}.png">&ndash;&gt;&ndash;&gt;&ndash;&gt;-->
   85   <!--&lt;!&ndash;&lt;!&ndash;<a class="btn btn-danger btn-raised btn-remove-account" ng-click="removeUserSocialAccount(providerName)">&ndash;&gt;&ndash;&gt;-->
   86   <!--&lt;!&ndash;&lt;!&ndash;<i class="glyphicon glyphicon-trash"></i>&ndash;&gt;&ndash;&gt;-->
   87   <!--&lt;!&ndash;&lt;!&ndash;</a>&ndash;&gt;&ndash;&gt;-->
   88   <!--&lt;!&ndash;&lt;!&ndash;</div>&ndash;&gt;&ndash;&gt;-->
   89   <!--&lt;!&ndash;</div>&ndash;&gt;-->
   90   <!--&lt;!&ndash;<h3 class="col-md-12 text-center" ng-show="hasConnectedAdditionalSocialAccounts()">&ndash;&gt;-->
   91   <!--&lt;!&ndash;Unconnected social accounts:</h3>&ndash;&gt;-->
   92   <!--&lt;!&ndash;<div class="col-md-12 text-center">&ndash;&gt;-->
   93   <!--&lt;!&ndash;<div class="social-account-container" ng-hide="isConnectedSocialAccount('facebook')">&ndash;&gt;-->
   94   <!--&lt;!&ndash;&lt;!&ndash;<img ng-src="/modules/users/client/img/buttons/facebook.png">&ndash;&gt;&ndash;&gt;-->
   95   <!--&lt;!&ndash;<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/facebook" target="_self">&ndash;&gt;-->
   96   <!--&lt;!&ndash;<i class="glyphicon glyphicon-plus">Facebook</i>&ndash;&gt;-->
   97   <!--&lt;!&ndash;</a>&ndash;&gt;-->
   98   <!--&lt;!&ndash;</div>&ndash;&gt;-->
   99   <!--&lt;!&ndash;<div class="social-account-container" ng-hide="isConnectedSocialAccount('twitter')">&ndash;&gt;-->
  100   <!--&lt;!&ndash;&lt;!&ndash;<img ng-src="/modules/users/client/img/buttons/twitter.png">&ndash;&gt;&ndash;&gt;-->
  101   <!--&lt;!&ndash;<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/twitter" target="_self">&ndash;&gt;-->
  102   <!--&lt;!&ndash;<i class="glyphicon glyphicon-plus">twitter</i>&ndash;&gt;-->
  103   <!--&lt;!&ndash;</a>&ndash;&gt;-->
  104   <!--&lt;!&ndash;</div>&ndash;&gt;-->
  105   <!--&lt;!&ndash;<div class="social-account-container" ng-hide="isConnectedSocialAccount('google')">&ndash;&gt;-->
  106   <!--&lt;!&ndash;&lt;!&ndash;<img ng-src="/modules/users/client/img/buttons/google.png">&ndash;&gt;&ndash;&gt;-->
  107   <!--&lt;!&ndash;<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/google" target="_self">&ndash;&gt;-->
  108   <!--&lt;!&ndash;<i class="glyphicon glyphicon-plus">google</i>&ndash;&gt;-->
  109   <!--&lt;!&ndash;</a>&ndash;&gt;-->
  110   <!--&lt;!&ndash;</div>&ndash;&gt;-->
  111   <!--&lt;!&ndash;<div class="social-account-container" ng-hide="isConnectedSocialAccount('linkedin')">&ndash;&gt;-->
  112   <!--&lt;!&ndash;&lt;!&ndash;<img ng-src="/modules/users/client/img/buttons/linkedin.png">&ndash;&gt;&ndash;&gt;-->
  113   <!--&lt;!&ndash;<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/linkedin" target="_self">&ndash;&gt;-->
  114   <!--&lt;!&ndash;<i class="glyphicon glyphicon-plus">linkedin</i>&ndash;&gt;-->
  115   <!--&lt;!&ndash;</a>&ndash;&gt;-->
  116   <!--&lt;!&ndash;</div>&ndash;&gt;-->
  117   <!--&lt;!&ndash;<div class="social-account-container" ng-hide="isConnectedSocialAccount('github')">&ndash;&gt;-->
  118   <!--&lt;!&ndash;&lt;!&ndash;<img ng-src="/modules/users/client/img/buttons/github.png">&ndash;&gt;&ndash;&gt;-->
  119   <!--&lt;!&ndash;<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/github" target="_self">&ndash;&gt;-->
  120   <!--&lt;!&ndash;<i class="glyphicon glyphicon-plus">github</i>&ndash;&gt;-->
  121   <!--&lt;!&ndash;</a>&ndash;&gt;-->
  122   <!--&lt;!&ndash;</div>&ndash;&gt;-->
  123   <!--&lt;!&ndash;<div class="social-account-container" ng-hide="isConnectedSocialAccount('paypal')">&ndash;&gt;-->
  124   <!--&lt;!&ndash;&lt;!&ndash;<img ng-src="/modules/users/client/img/buttons/paypal.png">&ndash;&gt;&ndash;&gt;-->
  125   <!--&lt;!&ndash;<a class="btn btn-success btn-raised btn-remove-account" href="/api/auth/paypal" target="_self">&ndash;&gt;-->
  126   <!--&lt;!&ndash;<i class="glyphicon glyphicon-plus">paypal</i>&ndash;&gt;-->
  127   <!--&lt;!&ndash;</a>&ndash;&gt;-->
  128   <!--&lt;!&ndash;</div>&ndash;&gt;-->
  129   <!--&lt;!&ndash;</div>&ndash;&gt;-->
  130   <!--&lt;!&ndash;</section>&ndash;&gt;-->
  131 
  132   <!--</div>-->
  133 </template>
  134 
  135 <script>
  136 export default {
  137   directives: {},
  138   components: {},
  139   validate({ params }) {
  140     return true
  141   },
  142   props: {},
  143   data() {
  144     return {}
  145   },
  146   head() {
  147     return {}
  148   },
  149   computed: {},
  150   watch: {},
  151   created() {
  152   },
  153   mounted() {
  154   },
  155   beforeDestroy() {
  156   },
  157   methods: {
  158     hasConnectedAdditionalSocialAccounts() {
  159 
  160     },
  161     removeUserSocialAccount() {
  162 
  163     },
  164     isConnectedSocialAccount(social) {
  165       return true
  166     }
  167   },
  168   beforeCreated() {
  169   },
  170   destroy() {
  171   }
  172 }
  173 </script>
  174 
  175 <style scoped>
  176 
  177 </style>
  178 <!--
  179 /**
  180  * @copyright Copyright (c) 2021, Xgene Cloud Ltd
  181  *
  182  * @author Naveen MR <oof1lab@gmail.com>
  183  * @author Pranav C Balan <pranavxc@gmail.com>
  184  *
  185  * @license GNU AGPL version 3 or any later version
  186  *
  187  * This program is free software: you can redistribute it and/or modify
  188  * it under the terms of the GNU Affero General Public License as
  189  * published by the Free Software Foundation, either version 3 of the
  190  * License, or (at your option) any later version.
  191  *
  192  * This program is distributed in the hope that it will be useful,
  193  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  194  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  195  * GNU Affero General Public License for more details.
  196  *
  197  * You should have received a copy of the GNU Affero General Public License
  198  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  199  *
  200  */
  201 -->