The Image picker example allows you to see how the Image Picker works.
We are using a form to send this information to a Email address
Destination email should be changed in the main.jsx file
Form fields can be customised as well as the look and feel if needed.
The example also has hard coded information that can be tweaked or additional calls may be used to show dynamic data in place of this.
You are free to do what you like with this project and improve it as you see fit.
Modifying the Source Code
Source code can be modified in the /src directory.
Anything at the root of the css directory /src/css/[name].* will be treated as an entry point for the AEK CSS buildtool. This will process the source code by transpiling any less [name].less and stylus [name].styl. The output of this, along with any [name].css files will be passed on to autoprefixer post processing (this adds vendor prefixes to css properties). In development, the result is supplemented with source mapping, in production, it is minified. The output file will be available at [publicPath]/css/[name].css
Anything at the root of the js directory /src/js/[name].* will be treated as an entry point for AEK webpack buildtool. This will process source code by transpiling any [name].es6.js or [name].jsx files with BabelJS, and any *.coffee files through CoffeeScript. The webpack buildtool can also process less,stylus and css as css modules which are injected into the document with a styl-loader. Again, source maps are applied and production assets are minified. The output file will be available at [publicPath]/js/[name].js
The boilerplate includes some basic .jsx code that demonstrates some of the available react components.
note that [publicPath] will be /public in development but will be very different in production
- Go to the folder you would want the project to exist in
- Download the code from GitHub: https://github.com/ExLibrisGroup/campusm-aek/tree/master/exlib-image-picker
- Once this project had been successfully installed then go into the project folder
- Then use the following command: aek start
- You will then need to use your login details
- You will then need to choose your environment you would like to run against
Once these steps are done, you should see the project running on http://locahost: 5000. You will be able to look at this project locally and deploy. You can also copy this project and create your own version.