|
|
@ -19,6 +19,7 @@ |
|
|
|
<v-list |
|
|
|
<v-list |
|
|
|
width="100%" |
|
|
|
width="100%" |
|
|
|
class=" |
|
|
|
class=" |
|
|
|
|
|
|
|
py-0 |
|
|
|
flex-shrink-1 |
|
|
|
flex-shrink-1 |
|
|
|
text-left |
|
|
|
text-left |
|
|
|
elevation-0 |
|
|
|
elevation-0 |
|
|
@ -29,30 +30,51 @@ |
|
|
|
:class="{ active: true }" |
|
|
|
:class="{ active: true }" |
|
|
|
dense |
|
|
|
dense |
|
|
|
> |
|
|
|
> |
|
|
|
<v-list-item dense href="https://discord.gg/5RgZmkW" target="_blank"> |
|
|
|
<v-list-item> |
|
|
|
<!-- Join Discord --> |
|
|
|
<div class="d-flex justify-space-between d-100 pr-2"> |
|
|
|
|
|
|
|
<v-icon v-t="['community:discord']" class="mr-1" size="22" :color="textColors[0]" @click="open('https://discord.gg/5RgZmkW')"> |
|
|
|
|
|
|
|
mdi-discord |
|
|
|
|
|
|
|
</v-icon> |
|
|
|
|
|
|
|
<v-icon v-t="['community:discourse']" class="mr-1 discourse" size="22" :color="textColors[0]" @click="open('https://community.nocodb.com/')"> |
|
|
|
|
|
|
|
mdi-discourse |
|
|
|
|
|
|
|
</v-icon> |
|
|
|
|
|
|
|
<v-icon v-t="['community:discord']" class="mr-1" size="22" color="#ff4600" @click="open('https://www.reddit.com/r/NocoDB/')"> |
|
|
|
|
|
|
|
mdi-reddit |
|
|
|
|
|
|
|
</v-icon> |
|
|
|
|
|
|
|
<v-icon v-t="['community:twitter']" class="mr-1" size="22" :color="textColors[1]" @click="open('https://twitter.com/NocoDB')"> |
|
|
|
|
|
|
|
mdi-twitter |
|
|
|
|
|
|
|
</v-icon> |
|
|
|
|
|
|
|
<v-icon v-t="['community:book-demo']" class="mr-1" size="22" :color="textColors[3]" @click="open('https://calendly.com/nocodb-meeting')"> |
|
|
|
|
|
|
|
mdi-calendar-month |
|
|
|
|
|
|
|
</v-icon> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</v-list-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <v-list-item dense href="https://discord.gg/5RgZmkW" target="_blank"> |
|
|
|
|
|
|
|
<!– Join Discord –> |
|
|
|
<v-list-item-title> |
|
|
|
<v-list-item-title> |
|
|
|
<v-icon class="mr-1" small :color="textColors[0]"> |
|
|
|
<v-icon class="mr-1" small :color="textColors[0]"> |
|
|
|
mdi-discord |
|
|
|
mdi-discord |
|
|
|
</v-icon> |
|
|
|
</v-icon> |
|
|
|
<span class="caption" :title="$t('labels.community.joinDiscord')" v-t="['community:discord']">{{ |
|
|
|
<span v-t="['community:discord']" class="caption" :title="$t('labels.community.joinDiscord')">{{ |
|
|
|
$t('labels.community.joinDiscord') |
|
|
|
$t('labels.community.joinDiscord') |
|
|
|
}}</span> |
|
|
|
}}</span> |
|
|
|
</v-list-item-title> |
|
|
|
</v-list-item-title> |
|
|
|
</v-list-item> |
|
|
|
</v-list-item> |
|
|
|
<!-- Join Community --> |
|
|
|
<!– Join Community –> |
|
|
|
<v-list-item dense href="https://community.nocodb.com/" target="_blank"> |
|
|
|
<v-list-item dense href="https://community.nocodb.com/" target="_blank"> |
|
|
|
<v-list-item-title> |
|
|
|
<v-list-item-title> |
|
|
|
<v-icon class="mr-1 discourse" small :color="textColors[0]"> |
|
|
|
<v-icon class="mr-1 discourse" small :color="textColors[0]"> |
|
|
|
mdi-discourse |
|
|
|
mdi-discourse |
|
|
|
</v-icon> |
|
|
|
</v-icon> |
|
|
|
<span class="caption" :title="$t('labels.community.joinCommunity')" v-t="['community:discourse']">{{ |
|
|
|
<span v-t="['community:discourse']" class="caption" :title="$t('labels.community.joinCommunity')">{{ |
|
|
|
$t('labels.community.joinCommunity') |
|
|
|
$t('labels.community.joinCommunity') |
|
|
|
}}</span> |
|
|
|
}}</span> |
|
|
|
</v-list-item-title> |
|
|
|
</v-list-item-title> |
|
|
|
</v-list-item> |
|
|
|
</v-list-item> |
|
|
|
|
|
|
|
<v-divider /> |
|
|
|
<v-list-item dense href="https://twitter.com/NocoDB" target="_blank"> |
|
|
|
<v-list-item dense href="https://twitter.com/NocoDB" target="_blank"> |
|
|
|
<!-- Join Reddit --> |
|
|
|
<!– Join Reddit –> |
|
|
|
<v-list-item-title> |
|
|
|
<v-list-item-title> |
|
|
|
<v-icon class="mr-1" small color="#ff4600"> |
|
|
|
<v-icon class="mr-1" small color="#ff4600"> |
|
|
|
mdi-reddit |
|
|
|
mdi-reddit |
|
|
@ -67,7 +89,7 @@ |
|
|
|
target="_blank" |
|
|
|
target="_blank" |
|
|
|
href="https://calendly.com/nocodb-meeting" |
|
|
|
href="https://calendly.com/nocodb-meeting" |
|
|
|
> |
|
|
|
> |
|
|
|
<!-- Follow NocoDB --> |
|
|
|
<!– Follow NocoDB –> |
|
|
|
<v-list-item-title> |
|
|
|
<v-list-item-title> |
|
|
|
<v-icon class="mr-1" small :color="textColors[1]"> |
|
|
|
<v-icon class="mr-1" small :color="textColors[1]"> |
|
|
|
mdi-twitter |
|
|
|
mdi-twitter |
|
|
@ -76,18 +98,18 @@ |
|
|
|
$t('labels.community.followNocodb') |
|
|
|
$t('labels.community.followNocodb') |
|
|
|
}}</span> |
|
|
|
}}</span> |
|
|
|
</v-list-item-title> |
|
|
|
</v-list-item-title> |
|
|
|
</v-list-item> |
|
|
|
</v-list-item>--> |
|
|
|
<v-list-item dense href="https://www.reddit.com/r/NocoDB/" target="_blank"> |
|
|
|
<!-- <v-list-item dense href="https://www.reddit.com/r/NocoDB/" target="_blank"> |
|
|
|
<!-- Book a Free DEMO --> |
|
|
|
<!– Book a Free DEMO –> |
|
|
|
<v-list-item-title> |
|
|
|
<v-list-item-title> |
|
|
|
<v-icon class="mr-1" small :color="textColors[3]"> |
|
|
|
<v-icon class="mr-1" small :color="textColors[3]"> |
|
|
|
mdi-calendar-month |
|
|
|
mdi-calendar-month |
|
|
|
</v-icon> |
|
|
|
</v-icon> |
|
|
|
<span class="caption" :title="$t('labels.community.bookDemo')" v-t="['community:book-demo']">{{ |
|
|
|
<span v-t="['community:book-demo']" class="caption" :title="$t('labels.community.bookDemo')">{{ |
|
|
|
$t('labels.community.bookDemo') |
|
|
|
$t('labels.community.bookDemo') |
|
|
|
}}</span> |
|
|
|
}}</span> |
|
|
|
</v-list-item-title> |
|
|
|
</v-list-item-title> |
|
|
|
</v-list-item> |
|
|
|
</v-list-item>--> |
|
|
|
</v-list> |
|
|
|
</v-list> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
@ -96,7 +118,6 @@ |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import ShareIcons from '../../../share-icons' |
|
|
|
import ShareIcons from '../../../share-icons' |
|
|
|
import SponsorMini from '~/components/sponsorMini' |
|
|
|
|
|
|
|
import colors from '~/mixins/colors' |
|
|
|
import colors from '~/mixins/colors' |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
@ -106,8 +127,7 @@ export default { |
|
|
|
data: () => ({ |
|
|
|
data: () => ({ |
|
|
|
showCommunity: true |
|
|
|
showCommunity: true |
|
|
|
}), |
|
|
|
}), |
|
|
|
computed: { |
|
|
|
computed: {}, |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
setInterval(() => { |
|
|
|
setInterval(() => { |
|
|
|
this.showCommunity = !this.showCommunity |
|
|
|
this.showCommunity = !this.showCommunity |
|
|
@ -138,8 +158,8 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.v-icon.discourse { |
|
|
|
.v-icon.discourse { |
|
|
|
height: 16px; |
|
|
|
height: 22px; |
|
|
|
width: 16px; |
|
|
|
width: 22px; |
|
|
|
background-image: url('~/assets/img/discourse-icon.png'); |
|
|
|
background-image: url('~/assets/img/discourse-icon.png'); |
|
|
|
background-size: contain; |
|
|
|
background-size: contain; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
@ -150,19 +170,4 @@ export default { |
|
|
|
content: ""; |
|
|
|
content: ""; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// |
|
|
|
|
|
|
|
//@keyframes anim { |
|
|
|
|
|
|
|
// 0%, 100% { |
|
|
|
|
|
|
|
// opacity: .2; |
|
|
|
|
|
|
|
// transform: scale(.5); |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
// 50% { |
|
|
|
|
|
|
|
// opacity: 1; |
|
|
|
|
|
|
|
// transform: scale(1); |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
//} |
|
|
|
|
|
|
|
// |
|
|
|
|
|
|
|
//.vue-icon { |
|
|
|
|
|
|
|
// animation: anim 2s infinite; |
|
|
|
|
|
|
|
//} |
|
|
|
|
|
|
|
</style> |
|
|
|
</style> |
|
|
|