cannercms / canner-firestore-cms Goto Github PK
View Code? Open in Web Editor NEWThe example of building the CMS with Canner and Firestore
Home Page: https://fir-cms-15f83.firebaseapp.com
License: Apache License 2.0
The example of building the CMS with Canner and Firestore
Home Page: https://fir-cms-15f83.firebaseapp.com
License: Apache License 2.0
Based on another issue reported, I was able to show the geoPoint field by including the places api script. The places text box works fine but the Google Map below it shows with a grey background, although the rest of the map UI is there.
I'll be thankful if there is a solution to this. Alternatively, is there a way to include a custom field for the map that we can use from another module in react?
I've followed all tutorial instructions, got the app running locally with the default schema, built, deployed, etc.
I can see it being served via a .firebaseapp.com address, however, When look at "Databases" for the created project - I can't see any firestore db set up.
Where is this stored?
Could anyone suggest a maintained alternative to this project? Looking to add blog to my firebase-based project which must live under a subdirectory and I can't switch my dns records (otherwise wordpress could be a good option)
Hi there!
Thank you for this great work! I am trying to create a CMS that has English and Norwegian as base languages. I followed the guide here:
https://www.cannercms.com/docs/guides-internationalization
In this project, there was no canner.server.js, so I created one and included the following as test code:
//canner.server.js
exports.cms.i18nMessages = {
en: {
'hours_label': 'Opening Hours'
},
no: {
'hours_label': 'Opening Hours Norwegian'
}
}
Then in one of my schema, I added:
<string keyName="hours" title="${hours_label}"/>
When I run, it doesn't render the text; instead, it just shows as hours_label.
I also tried react-intl. But react-intl somehow does not work for components. It works on higher level such as in dashboard.js. For components, the function {this.props.intl.formatMessage(messageObj)} works but does not appear localized based on selected language. It doesn't seem to get the IntlProvider data.
I'll be thankful if you can set me in the right direction for internationalization.
I was checking out the demo for this:
https://fir-cms-15f83.firebaseapp.com/dashboard/pages
Overall, pretty cool project. I haven't dug into the text editor code, but the lag was seriously long. Makes it unusable for any clients.
If I do
import { renderUrl } from "./utils/columns";
and use it as
render: renderUrl
It works
but If I copy and paste the renderUrl
function to the same file:
function renderUrl(text) {
if (text) {
return <a href={`https://${text}`}>https://{text}</a>;
} else {
return "-";
}
}
It gives me an error:
Error: unsupported type 'a'
<geoPoint keyName="place" />
Gets me an error saying:
Uncaught ReferenceError: google is not defined
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.