mirror of https://github.com/nocodb/nocodb
Browse Source
* refactor: update vue component filenames Signed-off-by: Pranav C <pranavxc@gmail.com> * refactor: update store and state variable names Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: variable name correction Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: store module name correction Signed-off-by: Pranav C <pranavxc@gmail.com> * fix: variable name correction Signed-off-by: Pranav C <pranavxc@gmail.com>pull/2053/head
Pranav C
3 years ago
committed by
GitHub
267 changed files with 2123 additions and 2844 deletions
@ -1,6 +0,0 @@ |
|||||||
# COMPONENTS |
|
||||||
|
|
||||||
The components directory contains your Vue.js Components. |
|
||||||
Nuxt.js doesn't supercharge these components. |
|
||||||
|
|
||||||
**This directory is not required, you can delete it if you don't want to use it.** |
|
||||||
@ -1,86 +0,0 @@ |
|||||||
const authorizedRoutes = {} |
|
||||||
|
|
||||||
authorizedRoutes['/user/settings'] = true |
|
||||||
authorizedRoutes['/user/settings/accounts'] = true |
|
||||||
authorizedRoutes['/user/settings/password'] = true |
|
||||||
authorizedRoutes['/referral'] = true |
|
||||||
|
|
||||||
authorizedRoutes['/realestate/profits'] = true |
|
||||||
authorizedRoutes['/realestate/bygeo'] = true |
|
||||||
authorizedRoutes['/payment/buy'] = true |
|
||||||
|
|
||||||
authorizedRoutes['/pricing'] = false |
|
||||||
authorizedRoutes['/user'] = true |
|
||||||
|
|
||||||
authorizedRoutes['/user/authentication'] = true |
|
||||||
authorizedRoutes['/user/password'] = true |
|
||||||
|
|
||||||
authorizedRoutes['/error/400'] = false |
|
||||||
authorizedRoutes['/realestate/capitalgains'] = true |
|
||||||
authorizedRoutes['/payment/train'] = true |
|
||||||
authorizedRoutes['/user/settings'] = true |
|
||||||
|
|
||||||
authorizedRoutes['/info/contact'] = false |
|
||||||
authorizedRoutes['/profits'] = false |
|
||||||
authorizedRoutes['/user/admin'] = true |
|
||||||
authorizedRoutes['/error/403'] = false |
|
||||||
authorizedRoutes['/error/404'] = false |
|
||||||
|
|
||||||
authorizedRoutes['/info/hiring'] = false |
|
||||||
authorizedRoutes['/user/settings/accounts'] = true |
|
||||||
authorizedRoutes['/user/password/reset'] = false |
|
||||||
authorizedRoutes['/user/settings/profile'] = true |
|
||||||
authorizedRoutes['/user/settings/picture'] = true |
|
||||||
authorizedRoutes['/user/password/forgot'] = false |
|
||||||
authorizedRoutes['/user/authentication/signup'] = false |
|
||||||
authorizedRoutes['/user/settings/password'] = true |
|
||||||
authorizedRoutes['/user/admin/user-edit'] = true |
|
||||||
authorizedRoutes['/user/authentication/signin'] = false |
|
||||||
authorizedRoutes['/user/password/reset/success'] = true |
|
||||||
authorizedRoutes['/user/password/reset/invalid'] = true |
|
||||||
authorizedRoutes['/user/password/reset/form'] = true |
|
||||||
// // authorizedRoutes['/user/admin/user/_userId'] = true;
|
|
||||||
// // authorizedRoutes['/'] = false;
|
|
||||||
|
|
||||||
// authorizedRoutes['/realestate/profits'] = true;
|
|
||||||
|
|
||||||
// let freeRoutes = {};
|
|
||||||
// freeRoutes['/'] = true;
|
|
||||||
// freeRoutes['/pricing'] = true;
|
|
||||||
// freeRoutes['user/authentication/signin'] = true;
|
|
||||||
// freeRoutes['user/authentication/signup'] = true;
|
|
||||||
|
|
||||||
exports.allowed = function(store, path) { |
|
||||||
// console.log('store.getters.GtrUser',store.getters.GtrUser);
|
|
||||||
// console.log('path',path);
|
|
||||||
|
|
||||||
// && authorizedRoutes[path]
|
|
||||||
|
|
||||||
if (store.getters.GtrUser === null && path in authorizedRoutes && authorizedRoutes[path]) { |
|
||||||
return false |
|
||||||
} else { |
|
||||||
return true |
|
||||||
} |
|
||||||
} |
|
||||||
/** |
|
||||||
* @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/>.
|
|
||||||
* |
|
||||||
*/ |
|
||||||
@ -1,404 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="d-flex h-100"> |
|
||||||
<v-navigation-drawer width="300" class="pa-1"> |
|
||||||
<v-text-field |
|
||||||
v-model="query" |
|
||||||
outlined |
|
||||||
dense |
|
||||||
hide-details |
|
||||||
placeholder="Search apps" |
|
||||||
append-icon="mdi-magnify" |
|
||||||
/> |
|
||||||
|
|
||||||
<v-list dense> |
|
||||||
<v-list-item v-for="filter of filters" :key="filter"> |
|
||||||
<v-checkbox |
|
||||||
v-model="selectedTags" |
|
||||||
class="pt-0 mt-0" |
|
||||||
:value="filter" |
|
||||||
hide-details |
|
||||||
dense |
|
||||||
:label="filter" |
|
||||||
/> |
|
||||||
</v-list-item> |
|
||||||
</v-list> |
|
||||||
</v-navigation-drawer> |
|
||||||
<v-container class="h-100 app-container"> |
|
||||||
<v-row> |
|
||||||
<v-col v-for="(app,i) in filteredApps" :key="i" cols="6"> |
|
||||||
<v-card |
|
||||||
class="elevation-0 app-item-card" |
|
||||||
> |
|
||||||
<v-btn x-small outlined class="install-btn caption text-capitalize" @click="installApp"> |
|
||||||
<v-icon x-small class="mr-1"> |
|
||||||
mdi-plus |
|
||||||
</v-icon> |
|
||||||
Install |
|
||||||
</v-btn> |
|
||||||
|
|
||||||
<div class="d-flex flex-no-wrap"> |
|
||||||
<v-avatar |
|
||||||
class="ma-3" |
|
||||||
size="100" |
|
||||||
tile |
|
||||||
> |
|
||||||
<v-img v-if="app.img" :src="app.img" contain /> |
|
||||||
<v-img v-else src="https://cdn.vuetifyjs.com/images/cards/foster.jpg" contain /> |
|
||||||
</v-avatar> |
|
||||||
<div class="flex-grow-1"> |
|
||||||
<v-card-title |
|
||||||
class="title " |
|
||||||
v-text="app.name" |
|
||||||
/> |
|
||||||
|
|
||||||
<v-card-subtitle class="pb-1" v-text="app.description" /> |
|
||||||
<v-card-actions> |
|
||||||
<div class="d-flex justify-space-between d-100 align-center"> |
|
||||||
<v-rating |
|
||||||
full-icon="mdi-star" |
|
||||||
readonly |
|
||||||
length="5" |
|
||||||
size="15" |
|
||||||
value="5" |
|
||||||
/> |
|
||||||
|
|
||||||
<span v-if="app.price && app.price !== 'Free'" class="subtitles">${{ app.price }} / mo</span> |
|
||||||
<span v-else class="subtitles">Free</span> |
|
||||||
</div> |
|
||||||
</v-card-actions> |
|
||||||
|
|
||||||
<!-- <v-card-actions>--> |
|
||||||
<!-- <v-btn--> |
|
||||||
<!-- outlined--> |
|
||||||
<!-- rounded--> |
|
||||||
<!-- small--> |
|
||||||
<!-- >--> |
|
||||||
<!-- Download--> |
|
||||||
<!-- </v-btn>--> |
|
||||||
<!-- </v-card-actions>--> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</v-card> |
|
||||||
</v-col> |
|
||||||
</v-row> |
|
||||||
</v-container> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
export default { |
|
||||||
name: 'AppStore', |
|
||||||
data: () => ({ |
|
||||||
query: '', |
|
||||||
selectedTags: [], |
|
||||||
apps: [ |
|
||||||
// { |
|
||||||
// name: 'Graph', |
|
||||||
// description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
// price: '29', |
|
||||||
// tags: [] |
|
||||||
// }, { |
|
||||||
// name: 'Import / Export', |
|
||||||
// description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
// price: '39' |
|
||||||
// }, { |
|
||||||
// name: 'Chart', |
|
||||||
// description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
// price: '19' |
|
||||||
// }, |
|
||||||
{ |
|
||||||
name: 'Freshworks', |
|
||||||
img: require('~/assets/img/abcd/freshworks.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19', |
|
||||||
tags: ['SaaS'] |
|
||||||
}, |
|
||||||
{ |
|
||||||
name: 'RazorPay', |
|
||||||
img: require('~/assets/img/abcd/razorpay.svg'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19', |
|
||||||
tags: ['SaaS'] |
|
||||||
}, |
|
||||||
{ |
|
||||||
name: 'Google Ads', |
|
||||||
img: require('~/assets/img/abcd/adsense.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19', |
|
||||||
tags: ['SaaS'] |
|
||||||
}, |
|
||||||
{ |
|
||||||
name: 'Facebook Ads', |
|
||||||
img: require('~/assets/img/abcd/fbads.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19', |
|
||||||
tags: ['SaaS'] |
|
||||||
}, |
|
||||||
{ |
|
||||||
name: 'Stripe', |
|
||||||
img: require('~/assets/img/abcd/320.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19', |
|
||||||
tags: ['SaaS'] |
|
||||||
}, { |
|
||||||
name: 'Twilio', |
|
||||||
img: require('~/assets/img/abcd/twilio.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19', |
|
||||||
tags: ['SaaS'] |
|
||||||
}, { |
|
||||||
name: 'SendGrid', |
|
||||||
img: require('~/assets/img/abcd/sendgrid.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19', |
|
||||||
tags: ['SaaS'] |
|
||||||
}, { |
|
||||||
name: 'Basecamp', |
|
||||||
img: require('~/assets/img/abcd/basecamp.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19', |
|
||||||
tags: ['SaaS'] |
|
||||||
}, { |
|
||||||
name: 'Github', |
|
||||||
img: require('~/assets/img/abcd/github.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19', |
|
||||||
tags: ['SaaS'] |
|
||||||
}, { |
|
||||||
name: 'Shopify', |
|
||||||
img: require('~/assets/img/abcd/shopify.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '19' |
|
||||||
}, { |
|
||||||
name: 'SAP', |
|
||||||
img: require('~/assets/img/abcd/sap.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '49', |
|
||||||
tags: ['ERP'] |
|
||||||
}, { |
|
||||||
name: 'SalesForce', |
|
||||||
img: require('~/assets/img/abcd/salesforce.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99', |
|
||||||
tags: ['ERP'] |
|
||||||
}, { |
|
||||||
name: 'NetSuite', |
|
||||||
img: require('~/assets/img/abcd/netsuit.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99' |
|
||||||
}, { |
|
||||||
name: 'Zoho CRM', |
|
||||||
img: require('~/assets/img/abcd/zohocrm.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99', |
|
||||||
tags: ['ERP'] |
|
||||||
}, { |
|
||||||
name: 'MySQL', |
|
||||||
img: require('~/assets/img/abcd/mysql.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'Databases'] |
|
||||||
}, { |
|
||||||
name: 'PostgreSQL', |
|
||||||
img: require('~/assets/img/abcd/pg.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'Databases'] |
|
||||||
}, { |
|
||||||
name: 'SQL Server', |
|
||||||
img: require('~/assets/img/abcd/mssql.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'Databases'] |
|
||||||
}, { |
|
||||||
name: 'MariaDB', |
|
||||||
img: require('~/assets/img/abcd/mariaDB.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'Databases'] |
|
||||||
}, { |
|
||||||
name: 'SQLite', |
|
||||||
img: require('~/assets/img/temp/db/sqlite.svg'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'Databases'] |
|
||||||
}, { |
|
||||||
name: 'Oracle DB', |
|
||||||
img: require('~/assets/img/temp/db/oracle.png.jpg'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'Databases'] |
|
||||||
}, { |
|
||||||
name: 'CrateDB', |
|
||||||
img: require('~/assets/img/abcd/cratedb.jpg'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99', |
|
||||||
tags: ['Databases'] |
|
||||||
}, { |
|
||||||
name: 'Cassandra', |
|
||||||
img: require('~/assets/img/abcd/cassandra.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99', |
|
||||||
tags: ['Databases'] |
|
||||||
}, { |
|
||||||
name: 'CouchDB', |
|
||||||
img: require('~/assets/img/abcd/couchdb.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99', |
|
||||||
tags: ['Databases'] |
|
||||||
}, { |
|
||||||
name: 'ElasticSearch', |
|
||||||
img: require('~/assets/img/abcd/elasticsearch.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99', |
|
||||||
tags: ['Databases'] |
|
||||||
}, { |
|
||||||
name: 'Snowflake', |
|
||||||
img: require('~/assets/img/abcd/snowflake.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99', |
|
||||||
tags: ['Databases'] |
|
||||||
}, { |
|
||||||
name: 'MongoDB', |
|
||||||
img: require('~/assets/img/abcd/mongodb.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99' |
|
||||||
}, { |
|
||||||
name: 'BigQuery', |
|
||||||
img: require('~/assets/img/abcd/bigquery.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: '99' |
|
||||||
}, |
|
||||||
|
|
||||||
{ |
|
||||||
name: 'REST API', |
|
||||||
img: require('~/assets/img/abcd/rest.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'API'] |
|
||||||
}, { |
|
||||||
name: 'GRAPHQL API', |
|
||||||
img: require('~/assets/img/abcd/graphql.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'API'] |
|
||||||
}, { |
|
||||||
name: 'gRPC API', |
|
||||||
img: require('~/assets/img/abcd/grpc.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'API'] |
|
||||||
}, |
|
||||||
|
|
||||||
{ |
|
||||||
name: 'Swagger', |
|
||||||
img: require('~/assets/img/abcd/swagger.png'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['Free', 'API Specification'] |
|
||||||
}, |
|
||||||
{ |
|
||||||
name: 'Postman', |
|
||||||
img: require('~/assets/img/abcd/postman.jpg'), |
|
||||||
description: 'Visualize your records on a bar, line, pie, or scatter chart', |
|
||||||
price: 'Free', |
|
||||||
tags: ['API Specification'] |
|
||||||
} |
|
||||||
|
|
||||||
] |
|
||||||
}), |
|
||||||
computed: { |
|
||||||
filters() { |
|
||||||
return this.apps.reduce((arr, app) => arr.concat(app.tags || []), []).filter((f, i, arr) => i === arr.indexOf(f)).sort() |
|
||||||
}, |
|
||||||
filteredApps() { |
|
||||||
return this.apps.filter(app => (!this.query.trim() || app.name.toLowerCase().includes(this.query.trim().toLowerCase())) && |
|
||||||
(!this.selectedTags.length || this.selectedTags.some(t => app.tags && app.tags.includes(t))) |
|
||||||
) |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
installApp() { |
|
||||||
this.$toast.info('Coming soon after seed funding.').goAway(5000) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped lang="scss"> |
|
||||||
.title { |
|
||||||
color: var(--v-textColor-ligten2) !important; |
|
||||||
} |
|
||||||
|
|
||||||
.app-item-card { |
|
||||||
transition: .4s background-color; |
|
||||||
position: relative; |
|
||||||
overflow-x: hidden; |
|
||||||
|
|
||||||
.install-btn { |
|
||||||
position: absolute; |
|
||||||
opacity: 0; |
|
||||||
right: -100%; |
|
||||||
top: 10px; |
|
||||||
transition: .4s opacity, .4s right; |
|
||||||
} |
|
||||||
|
|
||||||
&:hover .install-btn { |
|
||||||
right: 10px; |
|
||||||
opacity: 1; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.app-item-card { |
|
||||||
transition: .4s background-color, .4s transform; |
|
||||||
&:hover { |
|
||||||
background: rgba(123, 126, 136, 0.1) !important; |
|
||||||
transform: scale(1.01); |
|
||||||
} |
|
||||||
} |
|
||||||
::v-deep { |
|
||||||
.v-rating { |
|
||||||
margin-left:6px; |
|
||||||
.v-icon { |
|
||||||
padding-right: 2px; |
|
||||||
padding-left: 2px; |
|
||||||
} |
|
||||||
} |
|
||||||
.v-input__control .v-input__slot .v-input--selection-controls__input { |
|
||||||
transform: scale(.75); |
|
||||||
} |
|
||||||
|
|
||||||
.v-input--selection-controls .v-input__slot > .v-label{ |
|
||||||
font-size: .8rem; |
|
||||||
} |
|
||||||
} |
|
||||||
.app-container { |
|
||||||
height: 100%; |
|
||||||
overflow-y: auto; |
|
||||||
} |
|
||||||
|
|
||||||
</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/>. |
|
||||||
* |
|
||||||
*/ |
|
||||||
--> |
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue